07 2020 档案

JS模板引擎EJS
摘要：前言 ejs是javascript的模板引擎。 官方文档很详细，优先参考官方文档。 安装 npm install ejs 标签 <% %> 执行JS语句 <%= %>变量模板，仅支持JS表达式 对html标签做转义，同vue中{{}} <%- %>变量模板，仅支持JS表达式 不对html标签做转义， 阅读全文
posted @ 2020-07-20 14:48 Peterer~王勇 阅读(399) 评论(0) 推荐(0)
Nginx负载均衡的六种策略
摘要：轮询(默认) upstream pool { server 192.168.2.130:8000; server 192.168.2.131:8000; } 权重 upstream pool { server 192.168.2.130:8000 weight=2; server 192.168.2 阅读全文
posted @ 2020-07-08 10:26 Peterer~王勇 阅读(176) 评论(0) 推荐(0)
JS闭包应用-私有变量、柯里化、偏函数
摘要：什么是闭包？ 对于这样一个函数： function generate() { const a = 1; return function () { // a这个变量不在当前作用域，于是它是一个自由变量。 // 引用了自由变量的函数称为闭包。 console.log(a); }; } generate作 阅读全文
posted @ 2020-07-07 18:39 Peterer~王勇 阅读(387) 评论(0) 推荐(0)
JS限流与防抖
摘要：限流 在JS中，如果一个事件频繁触发（比如用户疯狂点击按钮）并且处理函数处理耗时还比较长，那么就容易造成性能问题。 限流函数是针对这类问题的优化方式之一，它要求两次事件处理必须大于某个间隔时间，简而言之就是加了一层判断。 限流函数(throttle:节流阀)的核心在于内部维护了一个“上次执行时间点” 阅读全文
posted @ 2020-07-06 13:02 Peterer~王勇 阅读(2588) 评论(0) 推荐(1)
JS自定义事件与事件代理
摘要：自定义事件 JS中我们可以自定义事件并通过自己派发自己监听的方式使用自定义事件完成元素之间的联动。 通常父子级元素之间可以通过事件流中捕获冒泡过程进行联动，但同级元素之间想要事件联动，就可以使用自定义事件。 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文
posted @ 2020-07-06 11:20 Peterer~王勇 阅读(187) 评论(0) 推荐(1)
CSS 去除图片和父元素底部间隙
摘要：场景 由于行内元素默认vertical-align按照基线(base-line)对齐，而父元素的border-bottom对应着行内元素的底线(bottom)，所以默认情况下图片会与父元素产生底部间隙。 去除间隙 vertical-align按照bottom对齐 img { vertical-ali 阅读全文
posted @ 2020-07-03 14:58 Peterer~王勇 阅读(506) 评论(0) 推荐(0)