因为在QQ和微信上打开网址链接都是用QQ浏览器打开的，但QQ浏览器做了很多限制还存在一些问题，导致一些功能不能正常使用，就像下面这个video标签一样显示不出来第一帧

webpack 中的 externals 配置提供了不从 bundle 中引用依赖的方式。简单理解就是不通过npm下载的类库，在html文件中以script引入，然后在页面中使用import导入的这种方式

Vuepress中文网：[链接]Vuepress官网：[链接]Vuepress 是 Vue 驱动的静态网站生成器可以用来搭建github主页，示例：[链接]一、起步1、安装 {代码...} 2、创建项目手动创建以下目录结构 {代码...} README.md内容 {代码...} package.json内容 {代码...} 3、运行项目 {代码...} 访问：[链接]:8080/ 会看到Hello Vuepress二...

key是为了添加唯一标识，让Diff算法可以正确识别节点并把它插入正确的位置，提高Vue对虚拟DOM的更新效率。比如：无key，逐条更新值有key，只需要增加个F节点，插入到B和C之间

传送门：[链接]

传送门：[链接]

一、浏览器 1、chrome JSON Viewer Allow CORS Axure（原型查看） Vue devtools Redux DevTools React Developer Tools React Perf（React性能监测工具） 二、编辑器 1、Sublime Text3 轻量级的开发工具，有强大的插件支持 Emmet AutoFileName Babel HTML-CSS-JS Prettify Local History SFTP TypeScript Syntex Vue Syn...

由于老项目的原因，维护的时候不得不重拾gulp架手架功能，不过在处理的过程中总是出现各种不可思议的结果，在网上查找了很多资料调试都不行，最终还是因为多了一个return的原因导致在watch的时候总是只执行一次，不过还好找到并解决了，根本原因还是对gulp脚本架不够熟悉啊。

原文链接：[链接] 如果要在scope作用域下修改外部样式，这里就需要穿透（深度）选择器 一、CSS使用>>> {代码...} 二、less使用 /deep/ {代码...} 三、scss使用::v-deep {代码...} 参考链接： 官方说明：[链接] 官方说明(中文)：[链接]

原文链接：[链接] 一、拼装li节点 数据 {代码...} 递归函数 {代码...} 调用（去除空的<ul></ul>标签，补上结束标签</ul>） {代码...} 结果 {代码...} 二、拼装option节点 数据 {代码...} 递归 {代码...} 调用 {代码...} 结果 {代码...}

原文链接：[链接] 要知道history.back返回上一页是不会触发刷新的，这是浏览器的机制，但我们可以做些兼容处理，代码如下： 进入页面后，先把referrer保存到sessionStorage里 {代码...} 在操作后调用下面代码返回上一页 {代码...} 注意：使用document.referrer时，不能设置meta头referrer为no-referrer，不然拿不到refer...

如果有这个meta头的话，则会导致hm.js下载没有内容，也就是网站主页检查结果不生效，如果你切到其他网页检查会发现是生效的，但并没有什么卵用，因为据客服反馈是无法正确发出pv请求的，所以还是要解决

一、组件按需加载 {代码...} 二、大数据处理 vxe-table（功能齐全）：[链接] {代码...} 三、使用keep-alive <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 {代码...} 四、图片懒加载 安装地址：[链接] main.js {代码...} template {代码...} 五、清除定时器 组件中写在setTimeout、setI...

一、下载安装 到nodejs下载页（[链接]），找到对应的版本下载.gz文件下载 如：选择node-v10.15.3-linux-x64.tar.gz 版本下载 下载后连接sftp把压缩文件拖到服务器里，如：/opt/download/ 目录下 然后进入shell，切换到down目录执行解压命令，将其解压到/opt/software/目录下 {代码...} 二、建立软链接 这个类似于windows...

传送门：[链接]

路由分为静态路由，如事先写好的，公共的路由，如：404、login等还有一部分是根据权限接口返回，动态追加的一些页面模块路由，如：user 在处理权限的时候，可以先允许一些不需要权限认证的路由，如下： {代码...} 具体路由拦截全在router.beforeEach里处理 首先如果没有登录，直接跳转登录页 {代码...} 如果已登录，使用...

一、img标签 {代码...} 二、scss文件 通过在vue文件引入scss样式文件 {代码...} 如果scss文件有引入背景图片，这里不能使用相对路径了，需要使用~开头的方式，如下： {代码...} VUE CLI中的解释：如果 URL 以 ~ 开头，其后的任何内容都会作为一个模块请求被解析。 VUE CLI静态资源引入 不然改成以下也是可以的 {代码...}...

git文档：[链接] 根据当前分支检出新分支 {代码...} 根据某次提交创建新分支 {代码...} 把本地分支push到远程 {代码...} 修改提交注释 {代码...} 撤销本地修改 {代码...} 撤销add到暂存区的文件或目录 {代码...} 撤销上一次的commit提交 {代码...} 回退到某个历史版本 {代码...} 查看某个文件的日志 {代码...} 查看某个...

JSON Web Token（JWT）是目前最流行的跨域身份验证解决方案。架构图：特点：JWT默认不加密，但可以加密。生成原始令牌后，可以使用改令牌再次对其进行加密。当JWT未加密方法是，一些私密数据无法通过JWT传输。JWT不仅可用于认证，还可用于信息交换。善用JWT有助于减少服务器请求数据库的次数。配合express使用1、安装依...

1、查找mysqld {代码...} 2、查找my.cnf位置 {代码...} 3、使用vim打开/etc/my.cnf {代码...} 4、修改配置，把,STRICT_TRANS_TABLES这个删除就行了 {代码...} 如果没有，就直接添加 {代码...} 5、重启mysql {代码...} 修改后，如有些提示，像： {代码...} 就不会提示了。

一、创建地图实例 {代码...} 二、加载google地图切片层 {代码...} 高德地图API：[链接] 各参数说明： 1、地址可使用的有 [链接]{1,2,3,0}.google.cn {x,y,z,s} [链接] [链接] [链接] [链接] 2、lyrs图层类型 m：路线图 t：地形图 p：带标签的地形图 s：卫星图 y：带标签的卫星图 h：标签层（路名、地名等） 3、h1语言可...

目录结构 {代码...} 本着js和模板分离的思想去做项目的，js相关代码放到index.js里 js/index.js {代码...} index.vue {代码...} 也没报错，也能打印出组件，但就是不显示，很奇怪，查了问了想了好久，最终尝试了不使用index.js，直接在index.vue里引入的方式，谁知还真的行，代码下如： {代码...} 一个让我头疼了很久的...

MySQL 是最流行的关系型数据库管理系统，在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System：关系数据库管理系统)应用软件之一。

示例是使用antd组件库作测试的，有react-router和redux穿插，项目比较 基本效果如图 创建项目 {代码...} 项目结构： {代码...} package.json {代码...} index.tsx 主文件 {代码...} App.tsx {代码...} store/index.js {代码...} page/a.tsx {代码...} page/b.tsx {代码...}

涉及方法： requestFullScreen：请求全屏 exitFullscreen：退出全屏 cancelFullScreen：取消全屏 fullscreenchange：监听全屏变化 html {代码...} js {代码...} 也可通过fullscreenchange来监控全屏变化 {代码...} 写到最后，欢迎关注作者：[链接]

一、简介 Generator函数是ES6引入的新型函数，用于异步编程，跟Promise对象联合使用的话会极大降低异步编程的编写难度和阅读难度。 与普通函数的区别： function关键字与函数名之间有一个星号； 函数体内部使用yield语句，定义不同的内部状态（yield在英语里的意思就是“产出”）。 二、简单示例 1、yield和return {代码.....

基于vue全家桶 目录结构 {代码...} components/Loading/index.js {代码...} components/Loading/index.css {代码...} main.js {代码...} 调用 {代码...} 参考链接：[链接] 写到最后，欢迎关注作者：[链接]

基于vue全家桶 目录结构： {代码...} components/Toast/index.js {代码...} components/Toast/index.css {代码...} main.js {代码...} 调用 {代码...} 参考链接：[链接] 写后最后，欢迎关注作者：[链接]

效果： HTML： {代码...} CSS: {代码...} JS： {代码...} 调用： {代码...} 原图： 由于原图是竖着的，所以代码里有了针对竖图的处理。。。

这个ajax分页是基本jquery来实现的，足以满足正常需求。。。 效果： HTML： {代码...} CSS： {代码...} JS： {代码...} 调用： {代码...}