20181210 前端开发日报-前端开发博客

vue权限路由实现方式总结二；JS的防抖，节流，柯里化和反柯里化；CSS 应用之数据上报和HTML验证；20181209 前端开发周报；精读 html 源码；使用 es6写更加简洁的 js代码；JS专题之去抖函数；所有的函式都是閉包：談 JS 中的作用域與 Closure

vue权限路由实现方式总结二
JS的防抖，节流，柯里化和反柯里化
CSS 应用之数据上报和HTML验证这让我想起之前讨论一时的 CSS 攻击。附《CSS 代码可能被用来收集敏感用户数据》。
【20181209 前端开发周报】vue中async-await的使用误区；深度讲解：web前端性能优化；2019怎么样打造自己的“前端品牌”；8张图帮你一步步看清 async/await 和 promise 的执行顺序；前端请求的那些…详情→
精读 html 源码 htm 是 preact 作者的新尝试，利用原生 HTML 规范支持了类 JSX 的写法。
使用 es6写更加简洁的 js代码使用新语法配合 babel 的转码，已经可以解决一些浏览器的兼容问题了。既然如此，那就可以在具体的业务中多使用新语法去探索一下怎么更好的去写代码吧。分享下个人开发中整理的常用的 js 写法技巧使用 let / const var 命令会发生”变量提升“现象，即变量可以在声明之前使用，值为 undefined。个人认为，对声明的变…
JS专题之去抖函数在用户和前端页面的交互过程中，很多操作的触发频率非常高，比如鼠标移动 mousemove 事件, 滚动条滑动 scroll 事件, 输入框 input 事件, 键盘 keyup 事件，浏览器窗口 resize 事件。
所有的函式都是閉包：談 JS 中的作用域與 Closure 在正文開始前先幫自己小小工商一下，前陣子把自己以前寫過的文章都放到了 GitHub 上面，那邊比較方便整理文章以及回應，如果有想討論的可以在這篇文章的 GitHub 版本下面留言，想收到新文章通知的也可以按個 watch，感謝。前言請先原諒我用了一個比較聳動的標題，因為實在是想不到還有什麼標題好下，…
苏宁的 Node.js 实践号称“不低于 Java 的渲染性能、安全稳定迭代快”。
用于前端开发的webpack4配置[带注释] :heart:觉得不错点个赞哟:heart:。原文链接随着web开发变得越来越复杂，我们需要使用工具来帮助我们构建现代化网站。这是一个完整通过复杂webpack4配置的线上生产例子。构建现代化网站已经成为自定义应用程序开发，网站期望能做的更多，具有传统应用的功能，而不仅仅是一个推广网站。随着一个流程变…
小议JS原型链、继承继承是前端面试必问，说到继承，就必须谈一谈原型链，本文适合有一定基础的且对原型链有一定了解的前端朋友。原型链我面试的时候都会这么回答原型链： js万物皆对象，用var a={} 或 var a = new Object();或者用构造函数的形式：var a = new A();创建一个对象时，该对象不仅可以访问它自身的属性，还会根据__prot…
从零实现Vue的组件库（零）-基本结构以及构建工具今年三月份入职以来，一直在做后台运营系统，其中重复性工作有很多，其中组件库就是一项。尽管现阶段有很多优秀的开源组件库，但是为了适应产品奇奇怪怪的需求，还是要手动实现一些组件。将其沉淀下来，积累一些自己东西。概述：首先基于Vue-cli脚手架改装一个组件库的基本构建工具，它具备以下几点功能： web…
一眼看穿JS基本概念第一个字符必须是一个字母，下划线(_)或者一个美元符号($)，其他字母可以是字母，下划线，美元符号或数字。
JS设计模式之Facade（外观）模式Facade模式为更大的代码提供了一个方便的高层次接口，能够隐藏其底层的真是复杂性。可以把它想成是简化API来展示给其他开发人员。
reactive.how 用动画演示 RxJS Operator 执行过程。
【图解WebGL和Three.js工作原理】我们讲两个东西：1、WebGL背后的工作原理是什么？2、以Three.js为例，讲述框架在背后扮演什么样的角色？全文=> 一、我们讲什么？我们讲两个东西： 1、WebGL背后的工作原理是什么？ 2、以Three.js为例，讲述框架在背后扮演什么样的角色？二、我们为什么要了解原理？我们假定你对WebGL已经有一定了解，或者用Three.js做过了一些东西，这个时候，你可能碰到了这样一些问题： 1、很多东西还是做不出来，甚至…
JS Array.reduce 实现 Array.map 和 Array.filter 继上一篇 Array.prototype.reduce 后，我立志要好好学习。琢磨了很久，再加上最近看了几篇"JS 函数式编程"的文章和书籍后，然后有感而发写下了这篇文章。 Array.prototype.map 方法相信大家都用的很熟悉了，同时我也相信很多人已经自己实现了 map 函数。没有实现过自己的 map ? 没关系，我们先用 for 循环…
【20181209 前端开发日报】5个Vuex插件，让你下一个VueJS项目开发速度提升3倍；OMG,这些鲜为人知的JavaScript 特性；国外十大顶级Nodejs框架，有你在用的吗？；Vue源码中为什么要const _toStr = Ob…详情→
[源码阅读]纯粹极简的react状态管理组件unstated更加灵活(相对的缺点是缺少规则，需要使用者的自觉)redux的状态是存放在一棵树内，采用严格的单向流 unstated的状态是用户自己定义，说白了就是object，可以放在一个组件的内，也可以放在多个组件内
【使用IDEA插件Alibaba Cloud Toolkit工具一键部署本地应用到ECS服务器】最近看到阿里云发布了一款名为 Alibaba Cloud Toolkit 的插件，可以帮助开发者高效开发并部署适合在云端运行的应用，瞬间击中了我的小心脏，这个对于个人开发者来说超级棒啊，终于不需要再手动 scp/ftp
Web安全之XSS Platform搭建及使用实践XSS Platform 是一个非常经典的XSS渗透测试管理系统，原作者在2011年所开发，由于后来长时间没有人维护，导致目前在PHP7环境下无法运行。
那些年，我爬过的北科(六)——反反爬虫之js渲染从本章开始，我们将要进入反反爬虫篇的内容。感觉如果是第一听到这个名字的读者肯定是懵逼的状态。现在我们先来介绍一下什么是爬虫、反爬虫、反反爬虫。爬虫其实就是我们前面所学的代码，直接使用 requests.get("http://xxx.com") 就能拿到网站的源码。但是很多时候，我们获取的都是有价值的数据，…
等价加密算法组并不是 HTTPS 性能调优的利器这篇文章是《https优化必须了解ChaCha20-Poly1305算法》的延伸。现在我们知道在HTTPS协议中，主流的加密算法是AES-GCM和ChaCha20-Poly1305算法，那么服务器应该优先使用那个算法呢？或者说密码套件协商的规则是什么？密码套件协商规则假设台式机客户端（比如浏览器）在进行HTTPS握手的时候，会发送…
起始：React 项目构建的最小单元我很喜欢JSX，它的灵活性给我带来了足够的想象力，但是从优化的角度来说，它也并没有像Template那么好处理，可我依然喜欢它。这是一篇从零开始入门React的小书，没有华丽的词藻，只是用心为初学者提供一份可读的参考，如有兴趣的话，不妨听我娓娓道来。环境在构建一个React项目时必须要明确知道你的机器安…
React 是如何区分 Class 和 Function 的 ? React 团队核心成员 Dan 最近新开了一个叫 Overreacted 的博客，更加深入地讲解 React 的内部原理（消息来源： FEPulse ）。这篇译文即来源于此。