晨の风

摘要： 写在前面 项目中使用一些特定依赖的时候，会定义全局暴露的变量，不希望 webpack 将其压缩混淆，期望在打包后的成果物中保留原样。 copy-webpack-plugin 首先想到使用 webpack 插件 copy-webpack-plugin，可以直接复制原始资源到输出目录中（非最优解！） 安 阅读全文

摘要： 写在前面 IndexedDB是一个基于JavaScript的面向对象数据库。目前，前端缓存方案中，Cookie 的大小不超过4KB，且每次请求都会发送回服务器；localStorage 和 sessionStorage 在 2.5MB 到 10MB 之间（各家浏览器不同），所以，需要一种新的解决方案 阅读全文

摘要： 一、认识 在three.js的世界中，想渲染一个3D场景，有3个必要因素：场景（scene）、摄像机（camera）、渲染器（renderer） 场景（scene） 代表一个三维空间，用于容纳和呈现所有物质，包括物体、灯光等。场景本身深邃无物，想要呈现3D物体，必须将物体加载到 scene 中，采用 阅读全文

摘要： 原理是，FileReader对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。其中 File 对象可以是来自用户在一个 input元素上选择文件后返回的FileList对象。 参考 https://develo 阅读全文

摘要： 1. 前端取流接口 需要补充 responseType: 'blob'参数，用来限定响应数据类型。 function loadBlob(params) { return axios({ method: 'get', url: '/download', params, responseType:'bl 阅读全文

摘要： JSON Web Token JSON Web Token（JWT）是一个轻量级的认证规范，这个规范允许我们使用JWT在用户和服务器之间传递安全可靠的信息。其本质是一个token，是一种紧凑的URL安全方法，用于在网络通信的双方之间传递。 JWT流程 客户端登录时向服务端发送请求 服务端验证通过后分 阅读全文

摘要： 项目中用到视频上传播放，资源地址中增加访问限制，直接通过video标签播放会提示403报错，但是资源地址放到浏览器地址栏里，能正常播放。 防盗链是利用 HTTP header 中的 referer 来实现的。当浏览器向服务器发送请求时会带上 referer，来告诉服务器从哪个页面链接过来的。服务器通 阅读全文

摘要： Cocos中微信小游戏，好友赠送体力、金币等礼物，关系链互动数据 阅读全文

摘要： 微信开放数据域作为一个独立的项目，与主项目隔离，但保留主域（游戏主项目）向子域（微信开放数据域）的单向通知功能。 具体步骤，分为以下： 1.主域子域整合 1.1 主域挂载。主域的挂载点（显示开放数据域的视窗）添加 Cocos组件'SubContextView'。 1.2 子域创建。子域项目创建的 C 阅读全文

摘要： 自定义导航栏时，考虑到状态栏的固有高度，以及胶囊按钮的位置，需要对自定义的导航栏设定相仿的尺寸、位置。 已有的小程序 API 包括 状态栏高度、胶囊按钮信息： wx.getSystemInfo() wx.getMenuButtonBoundingClientRect() 通过 wx.getSyste 阅读全文

摘要： 微信新推出的小商店，分为 小商店、 购物组件两种，前者包含一套简单的电商模块，后者是插件化的模块，可嵌入到小程序中，文中围绕购物组件展开。 文档中对购物组件的介绍分为两个部分，组件接口、开放接口，官网戳这里。 组件接口 给出5个界面：商品详情页、购物车页、订单列表页、订单详情页以及售后详情页。简单跳 阅读全文

摘要： 1. diff算法 关键点在于 key，key是虚拟dom 中的标识，当列表数据变化产生新的虚拟dom，React 会把前后新旧虚拟dom 进行 diff 对比 key 不变： 对应的 遍历item 数据不变，直接使用原始真实dom 对应的 遍历item 数据改变，更新原始真实dom key 改变： 阅读全文

摘要： 在使用 Gulp 对 js 压缩的过程中，少不了 ES6 语法的转换。但是，gulp 对此能做的实在有限。。。 gulp-babel 这是最基础的引用，遇到 async\await 时，解析后出现 ReferenceError: regeneratorRuntime is not defined， 阅读全文

摘要： 在当今前端技术愈加成熟的环境下，小程序的压缩瘦身，相对变得容易多了。 webpack 中一切皆模块，基于其丰富的自由配置，会从入口处对所有依赖进行整合并重新分配，本是一个极大的优势，但在小程序中却也是一个弊端。 相比较而言，gulp 任务规划，功能明确，运行可控，对于小程序这样的对文件索引更严格的模 阅读全文

摘要： 小程序的官方压缩，很不如人意，可以用 uglify 对其中的 js 进行混淆压缩. 参考: uglify-js 、uglify-es 文档 1. 安装 Uglify 首先安装 uglify： npm install uglify-es -D 注意，这里用的是 uglify-es，而不是 uglify 阅读全文

摘要： 1. transform 失效 transform 对行内元素无效，需设置 display 为 inline-block、block。 2. background-size 简写 background 中简写background-size属性时，需注意，background-size 属性前面需使用 阅读全文

摘要： Koa 搭建服务 新建一个文件夹 koa_server，进入后 cnpm i -S koa 会生成 node_modules 依赖包，以及 package.json 创建文件 server.js，并写入 const Koa = require('koa'); const app = new Koa( 阅读全文

摘要： 准备 安装前，先检测是否带有 MySQL： rpm -qa | grep mysql 若有结果，如mysql-***，则执行删除 rpm -e --nodeps mysql-*** 查询Mysql对应文件 whereis mysql，并删除 安装 mysql官网 获取 Yum 资源包下载链接 # 安 阅读全文

摘要： 登录ECS 使用公共镜像 CentOS8.0 创建 ECS 之后，在实例详情中，先重置实例密码，然后远程连接 Workbench. 首次登陆，可使用： 用户名: root, 密码即刚刚创建 后续可创建子账户后登陆... 创建用户： useradd -m 用户名 -m 表示创建用户目录，然后给这个用户 阅读全文

摘要： 微信小程序声称 2.9.0 起支持新的 Canvas 2D 接口，且官方推荐，使用性能更好的2d模式。 官网文档地址 https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html 新的 canvas 2d，接口与 Web 阅读全文