小哈里的博客

一、JS同步与异步调用1、异步调用函数：使用回调函数实现异步调用2、使用 Promise 实现异步调用：3、使用 async/await 实现异步调用：二、Vue2基础知识1、基本概念 & dom中常用的v指令2、vue2的实例 & 数据绑定（先#el，再v-bind）3、Vue2的组件 & 模板 （template， script， export default）3、生命周期钩子4、Vue2父子组件传值（Props，$emit）5、Vue2组件引用（ref， $, this等符号）

使用纯flutter3.0版本，2个dart文件，搭建ChatGPT简易版聊天客户端程序（含openai与api2d版本）使用纯Flutter 3.0版本，仅需2个Dart文件，即可搭建ChatGPT简易版聊天客户端程序（包括OpenAI与API2D版本）随着人工智能的快速发展，聊天机器人成为了现代社交和客户服务的重要工具。ChatGPT是OpenAI开发的一款基于深度学习的语言模型，能够模1、效果展示2、按钮的搭建（1个组件）3、聊天窗口的搭建（1个dart）4、API请求的实现（1个dart）

Centos8安装ffmpeg，使用mediamtx搭建RTSP流媒体服务器1、Centos安装ffmpeg2、使用mediamtx搭建媒体服务器

CEF是什么概念Chromium Embedded Framework (CEF)是个基于Google Chromium项目的开源Web browser控件。CEF的目标是为第三方应用提供可嵌入浏览器支持。CEF隔离底层Chromium和Blink的复杂代码，并提供一套产品级稳定的API。Web前端的发展方向1、分工：有些人去搞 React、Vue，有些人就去搞 Rollup、Webpack。2、溢出：有些人用前端技术搞后端（Node.js、Deno），有些人用。

版权：作品的著作权，**无需申请，自动保护，期限为50年**。商标：需要申请注册才受保护，期限10年。保护内容为标题口号，命名，标志和字体组合。+ 如何避免被侵权？自己的作品添加水印和版权协议注明（如版权所有，请勿转载）

部分Unity Shade程序题复习。Unity3d学习的内容。Unity3D软件安装。Unity3D是什么。

【牛客编程题】零基础入门前端之73题

1基础安装步骤教程Android Studio安装与配置https://juejin.cn/post/6844904054569582605安装Android Studio前，需要先选择安装Java环境，Java需要到Oracle官网上下载安装，需要注册一个Oracle账号。https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.htmlWindows 10 配置Java 环境变量https://www.runo

事情的起因是这样的。。。。大约是下周要交课设，，嗯，，10个页面，3个功能，，而我，我，不仅还没学dart和flutter的语法我，我连，flutter的环境都跑不起来，，而且，不知道为什么，所有的项目，都可以在web（chrome）里跑起来但是都不能跑到Android上围绕着进行了长达三整天（每天>8h）的环境配置问了>10个装好的人，翻阅了数千篇文献，都没有结果（）对着报错强行Google，反正修了一个又有另一个，这几天已经调傻了我已经不记得到底改了多少报错又报了回去我怀疑现在去问

文章目录1、问题背景2、electron入门，使用electron打包静态页面或URL3、electron-builder下载出错4、使用electron打包springboot1、问题背景问题如下：现在我们有一个springboot的项目，启动后可以在localhost:8080访问网站并使用网站提供的服务。我们想要打包为windows下的可执行文件exe，即 exe会自动打开一个窗口访问到该网站。使用说明：请先将项目打包为jar，并确保可以通过java -jar即可启动该web服务使

文章目录1、软件版本号2、版本号的修饰词3、大厂常用的版本号4、版本号的阶段标识5、（node.js中的）^和~区别1、软件版本号一般来讲大部分的软件版本号分3段，比如 A.B.CA 表示大版本号，一般当软件整体重写，或出现不向后兼容的改变时，增加A，A为零时表示软件还在开发阶段。B 表示功能更新，出现新功能时增加BC 表示小修改，如修复bug，只要有修改就增加C2、版本号的修饰词日期版本号：表示发布日期alpha: 内部测试版，bug较多，主要是修改和实现功能beta: 测试版，大

文章目录1 flutter安装2 Android Studio安装3 运行测试用例1 flutter安装去flutter官网下载稳定版的SDK传送门：https://flutter.cn/docs/development/tools/sdk/releases解压到需要的目录后，为它添加path环境变量（注意添加到flutter\bin文件夹）通过在cmd中 运行 flutter doctor 命令来诊断是否还存在未安装或未安装成功的Flutter开发所需的依赖选项，也会将缺少的自动下载下

文章目录1 传达意图的图2 原型图工具（Axure，墨刀，摹客....）3 思维导图与UML工具3.1 专业工具（Visio， Edraw，OmniGraffle，XMind，MindMaster）3.2 在线工具（drawio，ProcessOn，百度脑图，语雀）3.3 代码工具（PlantUML，Mermaid）4 参考资料1 传达意图的图原型图：做一些自用的生产力平台时需要写需求文档思维导图：用于整理思路或编写大纲。UML（用例图、流程图、时序图、架构图）：用于编写系统文档。2

什么是OpenGL+ OpenGL 是一套API接口。学习这套接口，就可以在那些**支持OpenGL的机器上**正常使用这些接口，**在屏幕上看到绘制的结果**。+ **显卡厂商的支持**这套接口是 Khronos(科纳斯) 这个组织在维护，怎么维护呢? 就是**写一个说明书**，指导各个**GPU厂家**，如果他们要支持OpenGL的话，要怎么实现一个具体的OpenGL库。

一、什么是数字媒体技术数媒专业是一个融计算机技术和媒体艺术为一体的交叉学科，属计算机大类专业，授予工学学士学位。数媒专业的发展方向主要有大Web前端，数字游戏和影视后期这3个方向。二、技术方向&学习课程0、计算机基础程序设计，面向对象数据结构，计算机系统，数据库，软件工程1、前端方向前端基础html, css，JavaScript前端移动应用开发框架 Flutter2、影视后期方向Adobe全家桶：PS，PR，AE，AN摄影基础、商业摄影、视频剪辑3、数字

1、渐进式网络应用程序（PWA）什么是渐进式网络应用程序？是一种普通网页或网站架构起来的网络应用程序，但它可以以传统应用程序或原生移动应用程序形式展示给用户。这种应用程序形态视图将目前最为现代化的浏览器提供的功能与移动设备的体验优势相结合。渐进式网络应用程序的例子？在浏览器总正常打开该网站，右上角添加主屏幕，然后回到桌面中打开该程序，会有独立app的体验。参考一款支持PWA的网站：https://oi-wiki.org/PWA的原理是什么？他牵扯到两个关键文件。manifest

1、TypeScriptTypeScript 是一种由微软开发的自由和开源的编程语言，它是 JavaScript 的一个超集，扩展了 JavaScript 的语法，主要提供了型别系统和对 ES6 的支持。TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。官方开源地址：https://github.com/Microsoft/TypeScriptTypeScript 入门教程：https://www.runoob.com/w3cnot

1、开放API2、查询语言GraphQL

1、前端构建工具2、应用程序测试

1、什么是前端框架前端框架一般指用于简化网页设计的框架，使用广泛的前端开发套件，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等），使用前端框架可以帮助快速的网站。框架是提供一套完整的解决方案，按照规定好的代码结构来做编排，同时前端功能越来越强大而产生的前端框架，所以开发web产品就很必要用前端框架（前端架构）。2、三大主流框架ReactReact是一个开源的JavaScript库，由Facebook和一个大型

1、包管理器是什么？什么是包管理器？包管理器（package manager）是一种工具，它允许用户在操作系统上安装、删除、升级、配置和管理软件包。软件包管理器可以是像 软件中心 这样的图形化应用，也可以是像 apt-get 或 pacman 这样的命令行工具。什么是软件包？通常指的是一个应用程序，它可以是一个 GUI 应用程序、命令行工具或（其他软件程序需要的）软件库。包本质上是一个存档文件，包含二进制可执行文件、配置文件，有时还包含依赖关系的信息。包管理器是如何工作的？几乎

1、什么是大前端？传统上，Web应用可分为前端（在浏览器中执行的部分）和后端（在服务器中执行的部分）。前端工程师的职责是以Web技术（HTML、CSS、JavaScript、DOM、Ajax等）实现基于浏览器的用户界面。以相衔接的工作来说，是将视觉设计师、交互设计师的工作成果转化为可运行代码，完成的代码则要交付给后端工程师，进一步完成代码集成、测试、发布和部署。这样一种体系可能存在不少问题。“大前端”则是将传统上归于后端的服务器脚本和模板划归到前端。由于node的出现，前端工程师不需要依赖于后端程序而

1、静态网站与动态网站静态网站是什么？技术上来讲，静态网站是指网页不是由服务器动态生成的。HTML、CSS 和 JavaScript 文件就静静地躺在服务器的某个路径下，它们的内容与终端用户接收到的版本是一样的。原始的源码文件已经提前编译好了，源码在每次请求后都不会变化。静态网站的优点？加载时间更短，请求的服务器资源更少。内容相对稳定，因此容易被搜索引擎检索。托管没得任何特殊的要求。没得网络服务器或应用服务器，比如直接从驱动器读取内容。静态网站的缺点？没有数据库的支持，在网站制作和维

1、developer-roadmap参考：developer-roadmap项目地址：https://github.com/kamranahmedse/developer-roadmap——————————————————————————————————————————————————————————前端——————————————————————————————————————————————————————————————————————————————————————————————

1、使用JS代码引用JQuery有些网站自带JQuery，但是有些没有。在控制台运行下面的代码可以验证当前网站是否加载了JQueryif (jQuery) { alert("JQuery已引用成功！");} else { // jQuery 未加载 }对于没有JQuery的网站，可以在编辑HTML元素中的<head></head>标签种手动添加JQuery随便选择一个版本即可微软CDN<script src="http://ajax.as

原理：中置声道提取，就是将左右声道的信号相减。因为一般人声是单声道音频，伴奏是立体声，所以伴奏左右声道不同，而人声左右声道相同，所以中置声道提取就是提取左右声道相同的部分并且降低音量，来达到消除人声的目的。但是，有的乐器左右声道信号相同，所以也会被消掉，例如鼓。操作：1、将视频或音频拖入Au，双击音频部分选中音频2、点击菜单栏 “效果”—“立体声声像”—“中声道提取器” - 预设—人声移除（去掉人声，保留伴奏）点击应用即可。...

1、安装VScode和浏览器VScode安装：https://code.visualstudio.com/Chrome安装：https://www.google.com/intl/zh-CN/chrome/node.js 安装：https://nodejs.org/zh-cn/download/Web前端开发主要包括html，css，JavaScript，这些一般都是运行在浏览器中的。运行JavaScript的几种方式：在html的<script src=“example.js” &g

1、安装VScode和PHPstudyVScode安装：https://code.visualstudio.com/PHPstudy安装：https://www.xp.cn/download.html2、配置PHPStudy为了让PHP能够被调试，需要安装XDebug。记住端口监听号是9000，点击确认。在PHPStudy首页启动WNMP三件套的服务。创建一个本机网站并选择对应的PHP版本PS：如果PHPStudy无法启动Mysql，可能是与本机原本安装的Mysql冲突了，可以在服

1、数码相机——如何使用一部相机数码相机的种类有哪些？一般上分为卡片机，单反相机和微单相机 。卡片式相机就是一般所说的傻瓜数码相机，它的主要特点就是不能更换镜头，同时卡片机一般十分的小巧，有些只有卡片手机大小，十分方便带出门。单反相机又叫做单镜头反光相机，微单（也叫无反相机）则是无反光板和棱镜相机。两者的却别在于在于取景结构 的不同，单反是通过光学反光的原理成像的，无反则是通过电子取景结构实现的。所以后者体积更小，重量更轻，是现在的新技术，但是前者的镜头群更多。数码相机有哪些品牌？

1、JS方法和单词查找Regex.test(String), String.match(regex).JS的.test()方法可以匹配字符串内是否存在表达式。【严格匹配】var myString = "Hello, World!";var myRegex = /Hello/;var result = myRegex.test(myString); //判断myString中是否存在myRegexconsole.log(result);正则表达式严格区分大小写正则表达式/Loen/不

引言：对比和联结1、联结摄影话题(拿器材去拍照再美化，以拍照为核心。以光线去作图，补上调色。)2、对比影视话题(镜头 ~ = 构图，素材 ~ = 光线，调色 ~ = 色彩)用光线讲故事，用镜头讲故事。一、素材相机拍摄、素材准备、剪辑软件、项目管理二、剪辑1、镜头故事、剧本、画面、空镜头、蒙太奇2、素材字幕、声音、拍摄3、调色一级、二级三、后期1、特效qwq2...

引言：科学与艺术1、科学（外物，技能，方法，客观可学的东西）拍摄器材、构图技巧、修图软件等等2、艺术（目标，审美，道理，主观个人的东西）拍出好看的照片，表现想要的内容，个人风格，题材一、器材1、曝光及控制光圈(通光量)、快门(通光时长)、ISO(cmos感光速度)2、镜头与对焦焦距(范围多少)、对焦点(背景虚化)、定焦与变焦(成像质量)3、例子：手机or相机？相机选购、手...

安利一些网站http://v.renrenfabu.com/

视频的封装与压缩 2018.7.10一、视频基础知识1、什么是视频：连续的图像变化每秒超过24帧（frame）画面以上时，根据视觉暂留原理，人眼无法辨别单幅的静态画面；看上去是平滑连续的视觉效果，这样连续的画面叫做视频。2、视频有哪些属性（描述用的视频参数） 首先视频由图像，声音组合而成。 所以有： 1. 图像：帧率（每秒钟播放的静态画面数量）【注电视标准：欧亚PAL为...

一、一部电影的制作流程前期（拍摄）：1.剧本，影片剧本是完整的演出脚本（(a)影片制作最基础的也是不可或缺的就是要有编剧写剧本。(b)剧本里包括场景描写、人物、对话、动作描写，将人物对话和舞台融合在了一个一维的平面里，是用语言在讲述一个故事。(c)你想要传达什么，表达什么是剧本的核心。） 2.拍摄，素材的质量是后期视频编辑效果的基础（现场拍出来的素材质量对后期成片效果很关键，这就要求...

视频剪辑软件对比一、Adobe系列 Premiere（剪辑） + After Effect（效果）优点：无人能比的整合性（电影剪辑需要统一后期音频等等甚至需要ps处理帧图时， Adobe家各类软件配合使用效率高）跨平台的优势（Win，Mac）缺点：PR 字幕 不好做（渲染的时候选项杂多，对于非专业用户来说，太过麻烦，一个场选不对，出来视频就可能傻逼掉 ）PR...

hexo建站0x01 配置环境安装Node, 用来生成静态页面的安装Git, Mac的话Xcode自带有Git申请GitHub, 项目托管0x02 安装hexo首先创建一个文件夹,如blog,用户存放hexo的配置文件,然后进入blog里安装Hexo。终端执行 sudo npm install -g hexo 安装hexo初始化 hexo init...

Potplayer基础调教教程1.0 基本最前端方式：不使用最前端功能 这个就是设置界面是否总在最前，全屏时状态栏不自动隐藏不建议在这里设置 相似文件策略：同时打开全部文件 即打开一个文件时把同文件夹下的其他支持的文件也添加到播放列表 多重处理方式：单个进程即选即播 如果你没有同时看多部片子的需求就这样设置，否则播放的时候再打开一个文件会新开一个窗口两个一起播放 自动更新：不使用自动...

搭建网站相关术语 notebook by gwj1139177410 2017.10.300x00 萌新三连网络是图，网站是点，网页构成网站。互联网 &amp;gt; 因特网 &amp;gt; 万维网。0x01 组成域名, 由一串用点分隔的名字组成的Internet上某一台计算机的名称 域名管理系统(DNS), 将域名和IP地址相互映射的一个分布式数据库，提供域名解析...

摄影相关术语 gwj233 2018.2.14 对象(对焦)+用光(光量,质,位,比,色)+构图(平面,空间)。0x01认识曝光1、什么是摄影：以光线绘图，即通过物体反射的光线使感光介质曝光的过程。（通过光来表现物体的形状体积结构质感颜色。） 2、目标出发点：控制光，让明暗分布合理，即亮处不能过度曝光，暗处不能漆黑一片。0x02控制曝光1、光圈(通光量)：光圈...