wireshark学习笔记----抓包网络原理

2019-07-28

抓包是我们常见的分析网络的一种方式,根据不同的抓包方式,网络原理也有所不同。

vue问题笔记ref获取不到指定的DOM节点问题解决

2019-07-13

在vue中不建议操作DOM,但是如果我们在没办法的情况下,可以通过ref来进行DOM操作,而在使用DOM时,可能会有获取不到ref对应DOM节点的问题
像下面这种情况,这是执行了console.log(this.$refs)的情况

css实现圆形进度条加载动画

2019-06-1

这里我会把遇到这个需求时的实现过程和遇到的问题记录下来,如果只是要看最终实现结果可直接滑到底部看实现代码。

我们经常可以看到网上有一些圆形进度条跟随数字的变化慢慢变成一个圆,这个动画实际上可以通过纯css来实现

瀑布流布局的介绍和实现(JavaScript和纯css)

2019-06-1

瀑布流布局在很多场景适用,最常见到的就是在商品网站,尤其是二手网站,由于用户上传的照片大小不一,如果压缩用户的照片或者切割照片可能会影响照片内容的呈现,如果不做任何处理,又会使整个页面看起来很乱,所以我们使用瀑布流布局来解决这个问题。

JavaScript性能优化——条件语句优化

2019-05-25

与循环语句一样,条件语句也是我们在写代码中经常使用的,会用于控制代码执行的方向。最常见的条件语句就是if-else和switch,这在各种语言中都是一样的,不考虑性能方面的问题,在对这两者的使用时,如果判断条件较多的话,我们往往会使用switch,这是因为此时使用switch代码会更为易读,而在判断条件较少时,这种观点就会被反转,使用if-else看起来更为简洁。

JavaScript性能优化——循环优化

2019-05-18

循环是我们在写代码时经常用到的一种结构,而往往在考虑性能优化时,循环的优化能带来很大的收益,特别是当我们不得不循环多次时,如果没对性能进行优化,那毫无疑问会带来性能的负担。

JavaScript设计模式笔记(零)设计模式的原则

设计模式是设计于解决某些特定情况,但解决这些特定情况的设计,也需要遵循一定的原则

JavaScript设计模式笔记(九)装饰者模式

装饰者模式的定义

装饰者模式用于为对象动态地添加一些额外的职责,而不改变对象内部原来的代码实现。

JavaScript设计模式笔记(八)职责链模式

职责链模式的定义

职责链模式将多个对象用链的形式连接起来,当某个对象无法执行某个方法时,将请求沿链发送到下一个对象,交给下一个对象去处理,直到对象被处理或者到达链的末端,而链的末端一般是表示方法无法被执行或者标明某种特殊情况。