2019年09月_恪愚

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 “喂？雅虎军规，我能在前端优化中做什么？”

一直闻雅虎军规之大名，虽然种种原因，以前一直没看，但是近日阅读时发现，受前辈们的影响，我一直在潜意识中使用这些“军规”。曾经有位老师告诉我说：虽然现在随着各种框架、插件的兴起，有些军规已经不再完美，但是，雅虎军规的意义和它透漏出来的关于性能优化的思想，仍然是需要我们借鉴的。基于此，我想根据自己写项目的经验，来谈谈这著名的 “雅虎军规”：1、图片压缩这个不必多说，见标题思意，压缩图片...

2019-09-29 19:32:28 377

这几天看了小程序的文档中关于优化的部分，小程序内其实对页面已经做了预加载优化——这也是小程序的宗旨：“更快、更轻”。但其实即使这样，也没有办法完全挡住一个页面中n多个函数的使用（尤其是没有营养的废函数）…合理使用小程序事件小程序的响应式由视图层对事件进行监听，时间处理函数是通过视图层传递到逻辑层处理的。大量无用的事件绑定会大大增加视图层和逻辑层的通信，从而降低其他数据传输的响应时间，造成页面...

2019-09-29 14:30:41 1207

原创小程序初体验之target和currentTarget

说起这两个属性，就不得不说一个事：事件对象小程序官方文档中说：当事件被触发时，处理函数会响应。传入event对象，通过event对象可以获取事件触发时候的一些信息，包括时间戳、detail等。因为小程序内的事件绑定都是在 WXML 中实现的，所以传递参数只能通过 WXML 上面的属性值来传递，例如下面的代码中，indexDetail 处理函数需要接收生活指数的名称和详情，来弹出弹层提示，这时...

2019-09-29 10:21:41 558

原创 JavaScript设计模式：利用虚拟代理合并HTTP请求

我们先构思这样一种场景：每此项目做完我们都要写一份工作总结，总结要交给项目经理批阅。经理手下管理着几十个员工，如果我们每个人直接把总结发给经理，那经理可能很长时间都被用在查看这些总结上面。现在我们把总结发给各自项目小组的组长，组长作为代理，把组内成员的总结合并提炼成一份后一次性地发给经理。这样一来，经理的邮箱便清净多了。这个例子毫无疑问非常形象。在 Web 开发中，也许最大的网络开销就是请...

2019-09-22 18:54:04 490

原创 JavaScript进阶：函数节流的实现

前面文章说了“惰性单例”设计模式，它的作用是：在需要的时候再创建相应的节点。那么，如果对于必须提前创建好的节点，要求实时监测，但是这么做又会损伤性能，你怎么办？对于“ 监听窗口大小变化 ”的功能，想必大家都不陌生，这玩意贼有用，比如响应式网站设计。（但是能用css就不要用js，css里的@media在一些低级功能上倒是个不错的选择）对于这个功能，必会用到onresize函数，但是你每拖动一...

2019-09-22 14:42:50 393

原创写给前端的后端：HttpServletResponse和HttpServletRequest的技巧与应用

不懂后端的前端不是好前端。虽然现在前端发展迅速，甚至有了“自己的”后端（node.js）和服务器（nginx），但是我们的眼光还是不能局限于前端，多看看后端的内容，不说别的，对于ajax的请求与301、302重定向的理解都是有好处的吧。配置文件.java的基本框架结构：（下文不再赘述，往里添加即可）import ...; //一大堆导包public class 文件名 extends ...

2019-09-18 15:03:32 8438

原创 JavaScript进阶：细说this三两事

js中的this是一个经常遇到的问题，因为它指向的“不确定”。不过有博主说：谁调用，指向谁。一般来说都很明显，直接用上面这句话就行。在几种特殊情况下，this的指向可就说不定喽

2019-09-17 09:18:08 298

原创原码、反码、补码的实际应用

这几个词都对应着二进制。二进制都知道，不再赘述，但二进制的运算倒是奇特，最高位表示符号：0位正，1位负，最高位不参与运算。而二进制整数最终都是以补码形式出现的。在介绍二进制加减运算之前，先说几个结论：二进制最高位——符号位正数的原码、反码、补码都一样负数的反码=原码符号位不变，其他位取反负数的补码=反码+10的反、补码都是0计算机是以补码方式进行运算的其中，第2.3.4...

2019-09-16 13:10:40 1742 5

原创小程序大特点：本地缓存模拟服务器数据库

小程序的本地缓存不得不说是小程序的一大亮点，在一定程度上缓解了服务器请求的压力，大大提高了性能，且因为其在移动端运行的特点，保存在本地也相比网页更安全。

2019-09-16 09:58:58 353

原创小程序input提交后如何清空输入框数据：小程序与Vue的数据绑定方式

一直觉得，小程序与Vue有着神似之风。这一点在我第一天开始接触小程序时就这么认为，或者说，任何前端相关的语言，不管是node.js、Vue、angular、小程序，都和js有着千丝万缕的联系。而最让我“着迷”的，莫过于曾让我夜夜辗转反侧的“ 数据传递（数据绑定） ”了。趁着一次偶然提起，将其记录下来。

2019-09-11 13:19:35 2258

原创前端性能优化实践：让视频加载也“懒”一点

在本专栏中，我向大家介绍了图片的加载优化，其中“最具盛名”的便是懒加载了。与图片一样，视频同样可以延迟加载，来达到性能优化的目的。正常情况下加载视频，都是使用<video>标签，那么对于一些需要用户自己播放的视频，最好指定<video>标签的preload属性为none，这样浏览器就不会预加载任何视频数据。为了占用空间，我们用poster属性为其占位：&lt...

2019-09-05 13:07:35 7912