03 2020 档案

摘要:初始化项目 在 index.js 中写入如下代码 目录如下 注册npm账号 注册npm账号 地址 "https://www.npmjs.com/login" 注册完成后记得去邮箱验证(如果验证失败,就把验证地址复制到注册账号的浏览器打开),如果不验证,发布时候会403。 登陆 发布 发布成功,npm 阅读全文
posted @ 2020-03-31 18:51 whosmeya 阅读(781) 评论(0) 推荐(0) 编辑
摘要:AMD AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。 AMD 推崇依赖前置。 CMD CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。 CMD 推崇依赖就近。 CommonJS 为服务器提供的一种模块形式的优化。 Node 应用由模块组成,采用 CommonJS 阅读全文
posted @ 2020-03-30 12:41 whosmeya 阅读(431) 评论(0) 推荐(0) 编辑
摘要:常用符号 说明 用法 @param 参数 @param name @return 返回值 @return /** * 测试 * @param {number} num * @return {void} */ function test(num) { console.log(num); } /** * 阅读全文
posted @ 2020-03-25 15:09 whosmeya 阅读(13468) 评论(0) 推荐(0) 编辑
摘要:开放源代码许可证 package.json 的属性 license npm init 默认生成 license 属性值为 ISC BSD(两句版) 分发软件时,必须保留原始的许可证声明。 BSD(三句版) 分发软件时,必须保留原始的许可证声明。不得使用原始作者的名字为软件促销。 ISC 在功能上与两 阅读全文
posted @ 2020-03-25 11:19 whosmeya 阅读(217) 评论(0) 推荐(1) 编辑
摘要:前言 本文要讲的是,浏览器读一个script代码的流程是什么,遇到异步代码会如何处理,宏观任务和微观任务如何处理。 开始前先来看几个概念。 栈(后进先出) 首先要说一个栈模型,函数的调用形成了栈帧。 例如这段代码,调用 f1 时,创建第一帧;f1 调用 f2 时,创建第二帧。第二帧压在第一帧之上,当 阅读全文
posted @ 2020-03-24 11:01 whosmeya 阅读(404) 评论(0) 推荐(1) 编辑
摘要:前言 __图片处理__ 在前端业务中并不陌生。例如手机自带相机拍出的照片通常好几兆,但如果只是用作头像就显然太大,需要 __图片压缩__ 后再上传服务器;再例如前段时间比较火的迎国庆换头像,就用到了 __图片与图片的合成__。本文将介绍前端常见的 Canvas 图片处理方法。 日常用到的图片处理方式 阅读全文
posted @ 2020-03-24 10:59 whosmeya 阅读(723) 评论(0) 推荐(2) 编辑
摘要:描述 模仿ios浏览器底部弹框效果。 遮罩层淡入淡出,弹框高度根据内容自适应。 效果 源码 popup bottom.wxml popup bottom.js popup bottom.wxss popup bottom.json 使用 test.wxml test.js test.json 阅读全文
posted @ 2020-03-24 10:48 whosmeya 阅读(1018) 评论(0) 推荐(0) 编辑
摘要:描述 切换月份, 当天文案为今天, 日期背景变色, 日期红点标识, 点击选中日期. 效果 源码 calendar.wxml calendar.js js const weekNameMap = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']; Component 阅读全文
posted @ 2020-03-24 10:42 whosmeya 阅读(557) 评论(0) 推荐(0) 编辑
摘要:描述 批量上传图片, 可设置最大上传个数, 可删除, 可设置默认值。 效果 源码 pictures wall.wxml pictures wall.js pictures wall.wxss pictures wall.json app.js 由于微信小程序Promise finally, 所以要在 阅读全文
posted @ 2020-03-24 10:26 whosmeya 阅读(865) 评论(0) 推荐(0) 编辑
摘要:发布一个npm包,webpack loader: reverse color loader,实现颜色反转。 初始化项目 新建 index.js,手写一个 webpack loader 实现颜色反转。webpack loader 开发文档查看 [编写一个 loader ](https://www.we 阅读全文
posted @ 2020-03-23 17:59 whosmeya 阅读(621) 评论(0) 推荐(0) 编辑
摘要:JavaScript 在 运算 或 比较 之前, 会自动进行隐式类型转换. 下面我们来仔细讲一讲 + / == 运算符经历了哪些过程. 类型转换 ECMAScript 运行时系统会在需要时从事自动类型转换。为了阐明某些结构的语义,定义一集转换运算符是很有用的。__这些运算符不是语言的一部分__;在这 阅读全文
posted @ 2020-03-22 14:38 whosmeya 阅读(804) 评论(0) 推荐(1) 编辑
摘要:本文将要介绍 webpack,Babel,babel-loader 的关系。理清楚他们各自做了什么事情。 通常我们新建一个项目,会先配置webpack,然后配置babel;babel是一个编译工具,实际上,babel也是可以单独使用的。 下面我们从Babel出发,简单配置一个react项目,来清晰认 阅读全文
posted @ 2020-03-20 23:11 whosmeya 阅读(5123) 评论(2) 推荐(4) 编辑
摘要:先来看下度娘的算法复杂度百科 算法复杂度分为时间复杂度和空间复杂度。其作用: 时间复杂度是指执行算法所需要的计算工作量;而空间复杂度是指执行这个算法所需要的内存空间。(算法的复杂性体运行该算法时的计算机所需资源的多少上,计算机资源最重要的是时间和空间(即寄存器)资源,因此复杂度分为时间和空间复杂度。 阅读全文
posted @ 2020-03-19 23:12 whosmeya 阅读(779) 评论(0) 推荐(0) 编辑
摘要:为客户端服务的叫正向代理。 如 VPN:客户端无法访问国外网站,需要VPN代理自己去访问。 为服务端服务的叫反向代理。 如 Nginx:反向代理服务器,当客户端发来请求时候,把服务器资源给客户端。 总结 默认从客户端角度出发,代理客户端的代理服务器是正向代理服务器;代理服务端的代理服务器,对于客户端 阅读全文
posted @ 2020-03-19 20:07 whosmeya 阅读(191) 评论(0) 推荐(0) 编辑
摘要:效果 gif有些糊,可以 在线预览 实现关键点 requestAnimationFrame 循环帧; 绘制单条弹幕,画框子 → 画头像 → 写黑色的字 → 写红色的字, measureText获取文字宽度; 防止弹幕重叠,分行且记录当前行是否可插入,弹幕随机行插入; 弹幕滚出屏幕外时,移除此条弹幕; 阅读全文
posted @ 2020-03-18 11:25 whosmeya 阅读(496) 评论(0) 推荐(1) 编辑
摘要:渲染上下文 绘制形状 绘制矩形 绘制路径 首先,你需要创建路径起始点。 然后你使用画图命令去画出路径。 之后你把路径封闭。 一旦路径生成,你就能通过描边或填充路径区域来渲染图形。 移动笔触 线 圆弧 二次贝塞尔曲线及三次贝塞尔曲线 矩形 样式和颜色 色彩 Colors 透明度 线形 渐变 Gradi 阅读全文
posted @ 2020-03-17 15:49 whosmeya 阅读(707) 评论(0) 推荐(0) 编辑
摘要:目前前端项目 可分两种: 多页面应用,单页面应用。 单页面应用 入口是一个html文件,页面路由由js控制,动态往html页面插入DOM。 多页面应用 是由多个html文件组成,浏览器访问的是对应服务器的html文件。 多页面应用 目录结构 上面这种情况 index.html 不在根目录下,ngin 阅读全文
posted @ 2020-03-12 15:38 whosmeya 阅读(5278) 评论(0) 推荐(0) 编辑
摘要:安装tree。 yum -y install tree 查看是否安装成功 yum list installed tree 执行tree命令查看目录树形结构 tree 阅读全文
posted @ 2020-03-12 15:25 whosmeya 阅读(4318) 评论(0) 推荐(0) 编辑
摘要:Number构造属性 Number构造方法 Number原型方法(6) 阅读全文
posted @ 2020-03-10 18:44 whosmeya 阅读(330) 评论(0) 推荐(0) 编辑
摘要:字符方法(3) 是否满足(3) 找下标(2) 正则(3) 扩充(4) 截取(3) 数组(1) 大小写转换(4) 去空格(5) 其他(4) 阅读全文
posted @ 2020-03-10 16:33 whosmeya 阅读(338) 评论(0) 推荐(0) 编辑
摘要:修改器方法(9) 访问方法(11) 迭代方法(12) 在每一个数组元素都分别执行完回调函数之前,数组的length属性会被缓存在某个地方。所以迭代时慎重改变数组长度。 数组检测 1. ECMAScript 3 instanceof instanceof 操作符的问题在于,它假定只有一个全局执行环境。 阅读全文
posted @ 2020-03-09 20:16 whosmeya 阅读(512) 评论(0) 推荐(0) 编辑
摘要:前言 个人项目越来越多,部署需要频繁操作服务器,所以手动搭建一套简单的部署系统。 效果如图 其中包含 原生html+css+js项目,单页面react, vue, angular项目,实现了一键打包发版。 实现思路 json文件:记录项目部署状态 shell脚本:仓库拉取代码,项目打包,移动资源到服 阅读全文
posted @ 2020-03-07 18:09 whosmeya 阅读(692) 评论(0) 推荐(0) 编辑
摘要:描述 IOS13. IOS设备中,input唤醒软键盘后,body整体会向上滚动,如果input框输入完成确定后,如果页面在最底部则不回弹,导致fixed布局实际效果上移,fixed布局内按钮点不到。 如图 解决方案 input onblur 让body滚动,页面回弹 "解决方案在线演示" 阅读全文
posted @ 2020-03-06 14:46 whosmeya 阅读(313) 评论(0) 推荐(0) 编辑
摘要:描述 让body回滚到最顶部,设置 document.body.scrollTop = 0; 。 微信内,安卓设备可以,IOS设备不可以。 原因 MDN中 scrollTop是这样定义的 一个元素的 scrollTop 值是这个元素的顶部到视口可见内容(的顶部)的距离的度量。当一个元素的内容没有产生 阅读全文
posted @ 2020-03-05 15:51 whosmeya 阅读(1954) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示