摘要: 收集前端方面技术栈内容,包括但不限于,Vue\React\小程序 等框架,Node、TS、ES6 等技术,浏览器、HTTP相关等 阅读全文
posted @ 2020-04-14 11:34 晨の风 阅读(143) 评论(0) 推荐(1) 编辑
摘要: 原理是,FileReader对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。其中 File 对象可以是来自用户在一个 input元素上选择文件后返回的FileList对象。 参考 https://develo 阅读全文
posted @ 2022-10-07 23:51 晨の风 阅读(1959) 评论(0) 推荐(0) 编辑
摘要: 1. 前端取流接口 需要补充 responseType: 'blob'参数,用来限定响应数据类型。 function loadBlob(params) { return axios({ method: 'get', url: '/download', params, responseType:'bl 阅读全文
posted @ 2022-08-10 14:31 晨の风 阅读(166) 评论(0) 推荐(1) 编辑
摘要: JSON Web Token JSON Web Token(JWT)是一个轻量级的认证规范,这个规范允许我们使用JWT在用户和服务器之间传递安全可靠的信息。其本质是一个token,是一种紧凑的URL安全方法,用于在网络通信的双方之间传递。 JWT流程 客户端登录时向服务端发送请求 服务端验证通过后分 阅读全文
posted @ 2022-07-07 16:09 晨の风 阅读(646) 评论(0) 推荐(0) 编辑
摘要: 项目中用到视频上传播放,资源地址中增加访问限制,直接通过video标签播放会提示403报错,但是资源地址放到浏览器地址栏里,能正常播放。 防盗链是利用 HTTP header 中的 referer 来实现的。当浏览器向服务器发送请求时会带上 referer,来告诉服务器从哪个页面链接过来的。服务器通 阅读全文
posted @ 2022-06-13 16:56 晨の风 阅读(104) 评论(0) 推荐(0) 编辑
摘要: Cocos中微信小游戏,好友赠送体力、金币等礼物,关系链互动数据 阅读全文
posted @ 2021-05-28 13:59 晨の风 阅读(601) 评论(0) 推荐(0) 编辑
摘要: 微信开放数据域作为一个独立的项目,与主项目隔离,但保留主域(游戏主项目)向子域(微信开放数据域)的单向通知功能。 具体步骤,分为以下: 1.主域子域整合 1.1 主域挂载。主域的挂载点(显示开放数据域的视窗)添加 Cocos组件'SubContextView'。 1.2 子域创建。子域项目创建的 C 阅读全文
posted @ 2021-04-08 21:53 晨の风 阅读(900) 评论(0) 推荐(0) 编辑
摘要: 自定义导航栏时,考虑到状态栏的固有高度,以及胶囊按钮的位置,需要对自定义的导航栏设定相仿的尺寸、位置。 已有的小程序 API 包括 状态栏高度、胶囊按钮信息: wx.getSystemInfo() wx.getMenuButtonBoundingClientRect() 通过 wx.getSyste 阅读全文
posted @ 2021-03-10 11:13 晨の风 阅读(2628) 评论(0) 推荐(0) 编辑
摘要: 微信新推出的小商店,分为 小商店、 购物组件两种,前者包含一套简单的电商模块,后者是插件化的模块,可嵌入到小程序中,文中围绕购物组件展开。 文档中对购物组件的介绍分为两个部分,组件接口、开放接口,官网戳这里。 组件接口 给出5个界面:商品详情页、购物车页、订单列表页、订单详情页以及售后详情页。简单跳 阅读全文
posted @ 2020-12-01 19:04 晨の风 阅读(1115) 评论(0) 推荐(0) 编辑
摘要: 1. diff算法 关键点在于 key,key是虚拟dom 中的标识,当列表数据变化产生新的虚拟dom,React 会把前后新旧虚拟dom 进行 diff 对比 key 不变: 对应的 遍历item 数据不变,直接使用原始真实dom 对应的 遍历item 数据改变,更新原始真实dom key 改变: 阅读全文
posted @ 2020-09-16 10:28 晨の风 阅读(454) 评论(0) 推荐(0) 编辑
摘要: 在使用 Gulp 对 js 压缩的过程中,少不了 ES6 语法的转换。但是,gulp 对此能做的实在有限。。。 gulp-babel 这是最基础的引用,遇到 async\await 时,解析后出现 ReferenceError: regeneratorRuntime is not defined, 阅读全文
posted @ 2020-08-24 15:04 晨の风 阅读(1244) 评论(0) 推荐(0) 编辑
摘要: 在当今前端技术愈加成熟的环境下,小程序的压缩瘦身,相对变得容易多了。 webpack 中一切皆模块,基于其丰富的自由配置,会从入口处对所有依赖进行整合并重新分配,本是一个极大的优势,但在小程序中却也是一个弊端。 相比较而言,gulp 任务规划,功能明确,运行可控,对于小程序这样的对文件索引更严格的模 阅读全文
posted @ 2020-08-13 16:46 晨の风 阅读(846) 评论(0) 推荐(0) 编辑
摘要: 小程序的官方压缩,很不如人意,可以用 uglify 对其中的 js 进行混淆压缩. 参考: uglify-js 、uglify-es 文档 1. 安装 Uglify 首先安装 uglify: npm install uglify-es -D 注意,这里用的是 uglify-es,而不是 uglify 阅读全文
posted @ 2020-08-06 19:08 晨の风 阅读(967) 评论(0) 推荐(1) 编辑
摘要: 1. transform 失效 transform 对行内元素无效,需设置 display 为 inline-block、block。 2. background-size 简写 background 中简写background-size属性时,需注意,background-size 属性前面需使用 阅读全文
posted @ 2020-07-28 14:59 晨の风 阅读(76) 评论(0) 推荐(0) 编辑
摘要: Koa 搭建服务 新建一个文件夹 koa_server,进入后 cnpm i -S koa 会生成 node_modules 依赖包,以及 package.json 创建文件 server.js,并写入 const Koa = require('koa'); const app = new Koa( 阅读全文
posted @ 2020-07-03 17:58 晨の风 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 准备 安装前,先检测是否带有 MySQL: rpm -qa | grep mysql 若有结果,如mysql-***,则执行删除 rpm -e --nodeps mysql-*** 查询Mysql对应文件 whereis mysql,并删除 安装 mysql官网 获取 Yum 资源包下载链接 # 安 阅读全文
posted @ 2020-07-02 19:05 晨の风 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 登录ECS 使用公共镜像 CentOS8.0 创建 ECS 之后,在实例详情中,先重置实例密码,然后远程连接 Workbench. 首次登陆,可使用: 用户名: root, 密码即刚刚创建 后续可创建子账户后登陆... 创建用户: useradd -m 用户名 -m 表示创建用户目录,然后给这个用户 阅读全文
posted @ 2020-06-28 11:02 晨の风 阅读(736) 评论(0) 推荐(0) 编辑
摘要: 微信小程序声称 2.9.0 起支持新的 Canvas 2D 接口,且官方推荐,使用性能更好的2d模式。 官网文档地址 https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html 新的 canvas 2d,接口与 Web 阅读全文
posted @ 2020-06-18 17:28 晨の风 阅读(6768) 评论(2) 推荐(0) 编辑
摘要: wxAnimateNumber 小程序数字滚动 两种组件类型: animateNumber: 范围内的所有数字连贯滚动,显示效果佳,但仅限于上下500内,否则页面卡顿 animateNumbers: 各个数位的数字单独滚动,0以上皆可 // animateNumber 使用示例 <animate-n 阅读全文
posted @ 2020-05-26 16:09 晨の风 阅读(2337) 评论(0) 推荐(1) 编辑
摘要: 请求数据获取 get 获取GET请求数据有两个途径 从上下文中直接获取 请求对象 ,返回如 请求字符串 ,返回如 从上下文的 对象中获取 请求对象 ,返回如 请求字符串 ,返回如 post Koa2 没有封装获取 POST 参数的方法,需要通过解析上下文 中的原生 node.js 请求对象 req 阅读全文
posted @ 2020-04-28 17:23 晨の风 阅读(152) 评论(0) 推荐(0) 编辑