vue-cli已经内置了 TypeScript 工具支持，在 Vue (3.x) 中也计划了相当多的 TypeScript 支持改进，很多大佬以及用过的人也都在推荐入坑，而且目前也比较成熟，资源也很丰富，值得入坑 ? typescript官方介绍 TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上我的理解是 TypeScript扩展了JavaScript的语法，为 js 增加了类型机制，引入类，接口，枚举，泛型，方法重载等一系列的概念和方法，丰富了js的使用，而且和 VScode 搭配写起来是真的舒服 全局安装：npm install -g typescript编译命令：tsc hello.ts TypeScript 编写的文件以 .ts 为后缀，用 TypeScript 编写...

看了很多大佬的文章，自己也对项目做了一些优化，其实有很多地方平常码代码的时候稍微注意一下就能节约很多性能开销 1.离屏渲染在离屏canvas上预渲染相似的图形或重复的对象，通俗的解释是将离屏canvas当成预渲染，在离屏canvas上绘制好一整块图形，绘制好后在放到视图canvas中，适合每一帧画图运算复杂的图形 比如你想把一张图片放到canvas上，使用drawImage()方法，有三种写法 123456// 将image放到目标canvas指定位置void ctx.drawImage(image, dx, dy); // 将image放到目标canvas指定位置，指定宽高渲染void ctx.drawImage(image, dx, dy, dWidth, dHeight);// 将image裁剪之后放到目标canvas指定位置，指定宽高渲染void ctx.drawImage(...

最近用canvas蛮多的，canvas写动画也蛮好使的 canvas 由 js 来控制，但用 js 写动画通常3种方法控制时间 setInterval( function, delay ) 在指定的毫秒数下循环调用函数或表达式，直到使用clearInterval清除 setTimeout( function, delay ) 在指定的毫秒数后调用函数或计算表达式 前两个是平时会用得会比较多的，setInterval 和 setTimeout的本质是将回调函数添加到任务队列的尾部等待执行，但是前面的任务到底需要多少时间执行完是不确定的，如果前面堵塞了那么后面就无法执行尤其setInterval指定的是”开始执行”之间的间隔，并不考虑每次任务执行本身所消耗的时间，下一个回调开始执行的时间 = 指定时间 - 回调函数执行的时间，因此实际上，两次执行之间的间隔会小于指定的时间 下面的写...

背景介绍ImageData 是canvas的图像数据，由** ImageData() 构造函数返回一个实例化的对象， 三个可读属性 ** data：一个 Uint8ClampedArray 类型的一维数组，包含RGBA 顺序的数据，每4个元素表示一个RGBA 值即对应一个像素, 左上角在数组的索引0位置，像素从左到右被处理，然后往下，遍历整个数组 RGBA：** R - 红色（0-255）、G - 绿色（0-255）、B - 蓝色（0-255）、A - alpha 通道（0-255; 0 是透明的，255 是完全可见的） Uint8ClampedArray（8位无符号整型固定数组）：** 类型化数组表示一个由值固定在0-255区间的8位无符号整型组成的数组；如果你指定一个在 [0,255] 区间外的值，它将被替换为0或255；如果你指定一个非整数，那么它将被设置为最接...

前段时间做了个客户端的项目，主要适用于老师教案管理、远程上课录屏、和学生互动答疑等场景，原生开发对公司来说成本有点大，基于guthub上有各种桌面打包框架so只能前端上了 Electron + vue = product 这是一篇踩坑的记录，没有太深入的原理什么的讲解，主要是码代码过程中碰到的一些暗坑你如果正在写Electron的项目那么你也可能会遇到，这篇文章会给你一些参考 为什么用Electron这是目前大家知道比较多的三种跨平台的桌面框架NWJS https://nwjs.io/HEX http://hex.youdao.com/zh-cn/tutorial/index.htmlElectron https://Electronjs.org/docs | ** Electron ** | ** nw.js ** | ** hex **:—-: | :—...

前段时间做一个windows的桌面应用，vue + electron，涉及到录屏和摄像功能，网上相关的文档蛮少的给需要的人一些参考 如果文章描写有误或者还有更好的方法，请留言告诉我，笔芯 (´▽`ʃ♡ƪ) 背景介绍** 涉及技术：vue、electron、ffmpeg、node ** 关于录屏和摄像对比了两种方法 使用HTML5的api实现 摄像：mediaDevices（获取设备）+ getUserMedia（获取流） + MediaRecorder（存储） 录屏：getDisplayMedia（获取流） + MediaRecorder（存储） ffmpeg + node：FFmpeg是一套非常强大的音视频处理的开源工具，不多介绍，而Electron基于node和chromium，它允许使用node的API以及几乎所有的node模块，这意味这着我们可以调用cmd命令来操作ffm...

最近学习node，写demo登陆和注册功能的时候因为要考虑后台的加密和安全所以也想了下前端的，前端传输密码的时候是否应该加密之后再传输呢看了一些网站的登陆，csdn、简书等是明文传输，但腾讯、百度这些一线大站是经过前端加密的，看了些大佬的文章，顺便自己搬个凳子记个笔记 前端是否需要对密码进行加密传输前端的加密本身不能对网站的安全性有任何提高功能，所有的关于网站的安全技术都应该放在后台，但是这也不是完全没有意义，可以增加攻击成本，尽可能降低攻击带来的损失，毕竟丢了密文比丢了明文要强，而且犯罪分子技术参差不齐，简单的加密能够拦截很大一部分菜鸟，至于高手。。。 最后看到比较统一的是隐秘信息传输应该使用https 什么是https? ssl证书又是什么这篇文章只是想弄懂流程和原理，不会去纠结具体的术语 HTTP协议以明文方式发送内容，不提供任何方式的数据加密，处在同一网络中的其它用户可以通过...

sql语法特点： 没有””双引号，字符串使用’’单引号包含； 没有逻辑相等，赋值和逻辑相等都是=； 类型不再是最严格的，任何数据都可以包含在’’单引号内； 没有布尔值的概念，但是在视图中可以输入true/false； 它也有关系运算符：> < >= <= = <> !=，返回一个布尔值； 它也有逻辑运算符：！(not) &&(and) ||(or)； 它不区别大小写。 以下语句，user为表名, id,name,sex,card,phone,address为字段 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869...

最近在学习express，写一个vue+express+mysql的小demo，需要上传一张封面图和一些其他的表单字段…. 背景介绍formdata主要用于发送表单数据，将数据编译成键值对的形式使用XMLHttpRequest来发送，一般的请求通常使用序列化的方法发送formdata格式的数据，所以formdata对象比较常见的应用场景是发送文件或者通过HTML表单创建的formdata对象用以发送表单** 那么使用express搭建的nodejs的后台如何获取前台发送的formdata格式的数据 ** Multer中间件Multer 是一个 node.js 中间件，用于处理 multipart/form-data 类型的表单数据 首先安装并存储在packjson中 1npm install --save multer 配置Multer 需要接受一个 options 对象，用于对文件...

相关文章：Nginx的反向代理跨域 最近在学习express，遇到了跨域问题…. 背景介绍CORS是一个W3C标准，全称是”跨域资源共享”（Cross-origin resource sharing）跨域资源共享（ CORS ）机制允许 Web 应用服务器进行跨域访问控制，从而使跨域数据传输得以安全进行。浏览器支持在 API 容器中（例如 XMLHttpRequest 或 Fetch ）使用 CORS，以降低跨域 HTTP 请求所带来的风险。 预检请求？我自己在设置跨域的时候碰到的很多报错其实都是因为预检请求 ** cors将请求场景分为 简单请求 和 非简单请求 ** 简单请求： 使用的方法是GET，HEAD，POST这三种之一 Content-Type 的值是text/plain、 multipart/form-data、 application/x-www-form-urle...