Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。

平常在写业务的时候常常会用的到的是 GET, POST请求去请求接口，GET 相关的接口会比较容易基本不会出错，而对于 POST中常用的 表单提交，JSON提交也比较容易，但是对于文件上传呢？大家可能对这个步骤会比较害怕，因为可能大家对它并不是怎么熟悉，而浏览器Network对它也没有详细的进行记录，因此它成为了我们心中的一根...

第一步是结合项目背景，调研比较优化的解决方案。文件上传失败是老生常谈的问题，常用方案是将一个大文件切片成多个小文件，并行请求接口进行上传，所有请求得到响应后，在服务器端合并所有的分片文件。当分片上传失败，可以在重新上传时进行判断，只上传上次失败的部分，减少用户的等待时间，缓解服务器压力。这就是分...

下面列举的图片处理库拥有模糊、压缩、裁剪、旋转、合成、比对等技能。能满足我们基本使用图片的操作。你将学习到：如何区分图片的类型（非文件后缀名）；如何获取图片的尺寸（非右键查看图片信息）；如何预览本地图片（非图片阅读器）；如何实现图片压缩（非图片压缩工具）；如何操作位图像素数据（非 PS 等图片处理软...

{代码...} async/await基于generator的语法糖：async函数返回一个promise对象 {代码...}

2、 运行 npm install（一般还是用cnpm i）3、 在 resume/ 目录中自定义编辑简历，诸如将图片换成个人证件照4、 用npm run dev进行预览，在浏览器中打开（http:// localhost:8080/home）。该页面将显示一些简历预览。5、 用 npm run export 导出简历，所有简历将导出至/pdf文件内。

异步函数，也称为“async/await”（语法关键字），是 ES6 Promise 模式在 ECMAScript 函数中的应用。async/await 是 ES8 规范新增的。这个特性从行为和语法上都增强了 JavaScript，让以同步方式写的代码能够异步执行。

用vue-cli创建一个项目，windows----QDD一直都习惯了Git bash去开始整一个东西。不想win+r，再去cmd啊但是他不管用啊，不能选择我们要的配置，强迫症真的难受！！！唉，官方给了个这么滴说明，来整一下吧警告如果你在 Windows 上通过 minTTY 使用 Git Bash，交互提示符并不工作。你必须通过 winpty vue.cmd create hello...

在对象中包装值似乎不必要，但在 JavaScript 中保持不同数据类型的行为统一是必需的。这是因为在 JavaScript 中，Number 或 String 等基本类型是通过值传递的，而不是通过引用传递的。

本篇文章，适用于单个/多个大型项目、拥有超过10个以上的前端开发的场景。前端项目的规模不同，成本收益比也会有所差别。通常来说，人员越多、项目复杂度越高，那么收益/成本的比值越大。对于人数较少、项目简单的开发团队，可能有部分措施不适用，因此应该根据具体情况来选用。

为了更好地管理目前公司内的源码版本，让大家更好的协同工作，前阵子看了不少关于git版本管理的文章，总结除了一个相对简单的管理规范，并在实践一段时间后，进行了调整。最终版如下：

在列表数据进行遍历渲染时，需要为每一项 item 设置唯一 key 值，方便 Vue.js 内部机制精准找到该条列表数据。当 state 更新时，新的状态值和旧的状态值对比，较快地定位到 diff 。

前端通过POST方式访问后端的REST接口时，发现两条请求记录，一条请求的Request Method为Options，另一条请求的Reuest Method为Post。

Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers的方法相同。Reflect不是一个函数对象，因此它是不可构造的。

这里所说的 Web Components指的是一套用于增强 DOM 行为的工具，包括shadow DOM、自定义元素和 HTML 模板。这一套浏览器 API 特别混乱。

函数声明中，一般类型变量跟函数重名情况 {代码...} {代码...} {代码...} 函数表达式中，一般类型变量跟函数重名情况 {代码...} {代码...} {代码...} {代码...} 结论：如果变量声明给与赋值，变量优先于函数声明提升如果变量声明未赋值，函数声明优先于变量提升如果变量声明给与赋值，变量按照先后顺序生效，后面覆盖前...

moment 打包体积很大？在项目架构中，引入时间插件moment打包体积很大，具体是什么原因呢？在node_modules里面找到moment文件夹，找到文件moment.js文件，在文件里面搜索loadLocale函数这个函数会在每次打包的时候自动引入所有语言包，导致体积过大优化方案在webpack中配置一个IgnorePlugin方法 {代码...} 这样所有的语...

页面的路径为http://localhost:8080/#/detail?id=1，可以看到传了一个参数id=1，并且就算刷新页面id也还会存在。此时在c页面可以通过id来获取对应的详情数据，获取id的方式是this.$route.query.id

实用场景：支付系统中有部分配置文件的内容需要加密存储在本地，例如：跳转服务器的地址或支付 SDK 的运行参数在使用过程中需要先解密再使用。对于这种场景，比较适合采用对称加密算法。

在日常开发中经常会用到的工具函数URL截取参数 {代码...} JSON是否为空判断 {代码...} 数据类型检测 {代码...} 获取cookie {代码...} 版本号对比 {代码...} 数组去重 {代码...} iPhone X系列机型判断 {代码...} input框限制只能输入中文 {代码...} 去除字符串中的html代码 {代码...} 禁止网页复制粘贴 {代码...} 判断是...

关于css块模型：css块模型什么是line-height？如上图所示，由于基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端。line-height：如图，两个红线之间和文本上下半行间距(行间距的一半)之间的高度行间距：上一行个底线跟下一行的顶线之间的距离font-size：同行顶线和底线之间的距离三者关系font-size和lin...

VUE3都beta了，关注的同学都知道了吧，开不开心都要继续学，毕竟是自己饭碗的问题废话不多说，现在就来对比我们常用的使用对比组合式API的使用创建模板对于大多数组件，Vue2和Vue3中的代码即使不完全相同，也是非常相似的。但是，Vue3支持片段，这意味着组件可以有多个根节点。这在呈现列表中组件以删除不必要的包装器di...

有时候我们在开发项目的时候，有些在package.json文件内的引入的插件版本需要更新，一个很方便的插件：npm-check-updates

tree-shakinng基于ES6模块实现： 只能作为模块顶层的语句出现 import 的模块名只能是字符串常量 import binding 是 immutable的 ES6模块依赖关系是确定的，和运行时的状态无关，可以进行可靠的静态分析，这就是tree-shaking的基础 所谓静态分析就是不执行代码，从字面量上对代码进行分析，ES6之前的模块化，比如我们可以...

JS版本排序和搜索算法 排序算法 算法中用到的公共函数 {代码...} 冒泡排序 {代码...} 改进的冒泡排序 {代码...} 选择排序 {代码...} 插入排序 {代码...} 归并排序 {代码...} 快速排序 {代码...} 计数排序 {代码...} 桶排序 {代码...} 基数排序 {代码...} 堆排序 {代码...} 希尔排序 {代码...} 搜索算法 顺序搜索 {代码.....

Typescript版本的排序和搜索算法 排序算法 算法中用到的公共函数 {代码...} 冒泡排序 {代码...} 改进的冒泡排序(减少中间比较) {代码...} 选择排序 {代码...} 插入排序 {代码...} 归并排序 {代码...} 快速排序 {代码...} 计数排序 {代码...} 桶排序 {代码...} 基数排序 {代码...} 堆排序 {代码...} 希尔排序 {代码...} ...

js在ES6出现之前的开发模式基本都是用命令式编程(IP)范式的方式做开发，自从ES6发布后，js的开发大神们模仿Python和Ruby的开发模式，也逐渐流行起来函数式编程(FP)模式，学过react的同学都深有体会吧

本文对应的JS数据结构及使用方法 1、栈 {代码...} 2、队列和双端队列 2.1、队列 {代码...} 2.2、双端队列 {代码...} 3、链表 3.1、单链表 {代码...} {代码...} 3.2、双链表 {代码...} {代码...} 3.3、循环链表 {代码...} {代码...} 3.4、有序链表 {代码...} {代码...} 4、集合 {代码...} 5、字典和散列表 5.1字典 {代码....

近期在学习数据结构的东西，基于ES6标准，写了一些自定义结构类 数据结构：Typescript版本 1、栈Stack {代码...} 栈方法： {代码...} 实例 栈实现：字符串括号匹配 2、队列和双端队列 2.1、队列 场景：电脑打印文件，添加进入队列的文件按先后顺序打印 {代码...} 队列方法： {代码...} 2.2、双端队列 场景：电影院排队，...

下文用到的队列和双端队列类实现：队列和双端队列类 击鼓传花：循环队列 {代码...} 回文检查：双端队列 {代码...}