微信小程序框架Taro2.0升级压缩微信小程序包体积增大比较多 原因 最近taro框架由1.x升级至了2.0版本，变化比较大的就是编译这一块儿，增加了按需加载runtime第三方依赖，需要下载第三方按需加载依赖包babel-plugin-transform-runtime以及babel-runtime，编译器也进行了优化，新增了@tarojs/mini-runner编译依赖，使得编译优雅了许 ...

Git子模块 原因 昨天在配置我们这个博客项目系统的时候,配置主题时,发现主题大多数都是从外部的github项目里面clone到本地的themes目录下的,导致我上传到远程github时,没办法做到将外部的github项目一起推上去,而此系统固定的主题又想一键生成,不需要团队成员自己麻烦的手动配置。 于是经过和同事的讨论（这里感谢我的同事——鹏辉[小灰灰]）,通过git子模块的形式,做到了 ...

微信小程序布局 原因 在开发虎芽足球小程序的过程中,发现有一些布局会造成页面闪动,比如有一张图片和一段文字需要上下左右居中,由于图片需要请求,无论是本地加载还是线上加载,所以用flex布局时,在图片还在请求加载时,文字是上下左右居中的,而图片请求加载成功时,图片会显示出来,文案会不再在原来的位置,所以会有这么一个闪动的bug。 方案 使用一个开关变量,控制除了图片之外的段落、文案或者 ...

WebpackContextReplacementPlugin 详情 taro小程序升级至2.0版本之后,由于transform-runtime按需打包的插件加入,导致taro小程序的包超过2M,通过webpack-bundle-analyzer查看每个模块体积的大小插件,可以看到moment.js以及其语言包占了差不多600kb-700kb的体积,所以需要将语言包剔除不需要的,只保留zh- ...

足球前端规范一、Git提交注释部分(git comment -m ‘?’)，建议规范起来。 原因 首先比较重要的一点就是，当出现代码合并冲突问题或者代码合并合漏的情况，可以根据注释模板标识来进行查找，具体的人具体的提交版本可以一目了然，不必打扰其他相关的人；其次就是分支回滚时，可以清楚的看出回滚位置，做到很便捷的回滚；最后一点，能清晰的反应开发者这一个周都做了什么，更利于开发者回顾这一个周业 ...

<上篇>整理: 词法作用域、this以及原型对象一、词法作用域 浏览器执行JavaScript语言 在浏览器引擎执行JS之前,JS就已经经过了浏览器编译器的编译,也就是词法分析和语法分析,将关键字、保留字、自定义变量以及函数根据词法解释和抽象语法树进行解析,并且按照优先级和词法作用域放到应有的位置上,最后通过浏览器引擎执行 词法分析 词法分析分为: 分词和词法解释。 分词就是 ...

HTTP协议: 超文本传输协议URI:统一资源标识符URL:统一资源定位符从客户端应用层传输到服务器段应用层的过程: 客户端应用层发出HTTP请求,将数据包加上应用层的首部发送给传输层(TCP), TCP协议将数据包进行分割,分割成多个小数据包,并把小数据包进行标号(用在服务器端传输层以排序整合),之后将这些进行标号的小数据包加上传送层的首部发送给网络层(IP), IP根据地址,进行查询并加上网络 ...

历史不懂得改变主意的人,什么都改变不了。 —— 温斯顿 丘吉尔上帝要毁灭一个人,必先使其发狂。 —— 西方谚语如果你问丘吉尔,为什么要做议员,他一定会说,”因为我要做大臣”;如果你再问丘吉尔,为什么要做大臣,他会斩钉截铁的说,”因为我要做首相”。 ——英国媒体,大概是《泰晤士报》 人生人们总是容易记得自己是在一条船上,人们总是容易忘记自己是在一条河上。 ——马东苟利国家生死以, 岂因祸福 ...

关于该不该让女伴侣在自己房本上加名字的理解关于这个问题,我认为男女双方结婚,就是在开一家公司,经营一家公司的业务,开公司,为了公司可以按照双方一致的目标前行,就要有保障弱势、先付出一方的制度在。很明显,在一段婚姻中,是女方先付出,男方后付出,包括女方的青春、生孩子、照顾家庭。而在现有的社会大体制度下,还远远没有形成男女平等的形势,女性还是处于劣势的,所以在婚姻中,女方也自然而然的是劣势的,所以既然 ...

单例模式 单例模式有两个特点: 全局性和唯一性.全局唯一性是指在全局环境中,只创建对象一次且保证对象在创建过后不被再次创建.下面我们就来演示一下Javascript语言的普通类单例模式和透明单例模式 普通类单例模式function GetSingleton(name) { this.name = name; this.instance = null; } GetSingleto ...

使用Canvas可视化工具绘制圆角按钮 最近刚接触了Canvas可视化工具,下面通过一个使用Canvas绘制的圆角按钮的例子,来实践学到的Canvas经验 //对加载完成事件的封装,在本人写的日志2018-05-06-封装的一些小工具中有详细描述,在这里不再做更多的赘述 let addEvent = (eventLoad) => { let load = window.onload ...

栈 Stack 栈是数据结构中比较简单的顺序数据结构,特点是: 后进先出,新的元素或者你也可以理解为待删除的元素更接近与栈顶,而旧的元素更接近于栈底,生活中有很多栈的例子,比如说堆在一起的书,再比如说特别拥挤的地铁,你可以理解为任何只有一个出口的事物,都可以作为栈来使用,在Javascript中,我们可以使用数组来模拟栈的实现,首先是ES5版本 //全局声明一个数组变量: stack_mock ...

赋值操作的返回 最近在读一本《JavaScript DOM 编程艺术》的书,其中有一句话引起了我的好奇,假如if判断语句中存在赋值语句,则赋值语句的返回总是true。我对此结果进行了检验 var a; //这种情况下,if判断语句中返回"good",为true //打印"good result" if(a = "good") { ...

debounce函数节流 函数节流通常被用于输入下拉框、滚动懒加载等场景,目的只有一个,在短时间内,限制多次调用后台接口,浪费大量资源,防止接口响应数据时间上的误差造成的页面显示数据的错误。 //设置一个timer变量,用来承接setTimeout返回的延时对象 const timer = null; //函数节流方法 function debounce(fuc, delay) { // ...