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

deno issue 事件中的那些"作恶者"们，前端黑名单又多了一批人；JavaScript从初级往高级走系列————MVVM-Vue；一个简单的 ES6 Promise 指南；你不知道的Vuejs – Vuejs 最佳实践（1）；Node.Js实现端口重用原理解析；从一道执行题，了解浏览器中JS执行机制；node.js利用socket.io实现多人在线匹配联机五子棋；babel-runtime使用与性能优化

deno issue 事件中的那些"作恶者"们，前端黑名单又多了一批人
JavaScript从初级往高级走系列————MVVM-Vue 如何理解 MVVM 如何实现 MVVM 是否解读过 Vue 的源码 Jquery 与框架的区别 jquery 实现 todo-list <div> <input type="text" name="" id="txt-title"> <button id="btn-submit">submit</button> </div> <…
一个简单的 ES6 Promise 指南 The woods are lovely, dark and deep. But I have promises to keep, and miles to go before I sleep. — Robert Frost Promise 是 JavaScript ES6 中最令人兴奋的新增功能之一。为了支持异步编程，JavaScript 使用了回调（callbacks），以及一些其他的技术。然而，使用回调会遇到地狱回调 / 末日金字塔…
你不知道的Vuejs – Vuejs 最佳实践（1）有了前面文章的铺垫，相信一路看过来的新手的你开发一个中型的 Vuejs 应用已经不在话下，包括 Vuejs 生态核心工具（vue-router，vuex）的使用也不成问题。但是在实际项目开发过程中，我们要做的工作不仅仅是完成我们的业务代码，当一个需求完成后，我们还需要考虑更多后期优化工作，本篇主要讲述代码层面的优化。被忽…
Node.Js实现端口重用原理解析起源，从官方实例中看多进程共用端口 const cluster = require('cluster'); const http = require('http'); const numCPUs = require('os').cpus().lengt
从一道执行题，了解浏览器中JS执行机制执行题 setTimeout(function(){ console.log('定时器开始啦') }); new Promise(function(resolve){ console.log('马上执行for循环啦'); for(var
node.js利用socket.io实现多人在线匹配联机五子棋项目地址，已上传github ——> client端使用简单的h5+js实现了棋局的总体布局。 server端使用node的socket.io模块与客户端进行数据交互，棋子的落点和输赢校验均是在server端完成。五子棋ui界面请见.. clien
babel-runtime使用与性能优化文章概览本文主要内容包括：什么是babel-runtime、如何使用、使用场景与限制、如何结合babel-polyfill进行性能优化。本文所有例子可以在笔者的github 找到。什么是babel-runtime 在文章《 babel-polyfill使用与性能优化》中，笔者对babel-polyfill进行了介绍。引入babel-polyfill会有一定副…
前端缓存机制浏览器缓存步骤 1）浏览器在加载资源时，先根据这个资源的一些http header判断它是否命中强缓存，强缓存如果命中，浏览器直接从自己的缓存中读取资源，不会发请求到服务器。比如某个css文件，如果浏览器在加载它所在的网页时，这个css文件的缓存配置命中了强缓
Node.js 2018年大前端潮流解析再听狼叔解析 Node.js。
JavaScript数据结构与算法（串） KMP算法例如一个字符串有30W个字符判断是否存在"I am Chinese". 类似这样的查找字符的毫无疑问需要使用KMP. KMP算法由二个部分组成. 获取查找串的部分匹配表PMT 源串根据PMT进行回滚回滚位数 = 已匹配的字符数 – 对应的部分
Web缓存基础：术语、HTTP报头和缓存策略简介对于您的站点的访问者来说，智能化的内容缓存是提高用户体验最有效的方式之一。缓存，或者对之前的请求的临时存储，是HTTP协议实现中最核心的内容分发策略之一。分发路径中的组件均可以缓存内容来加速后续的请求，这受控于对该内容所声明的缓存策略。在这份指南中，我们将讨论一些Web内容缓存的基本概念。这主要…
【小白工程师必备：如何在 Git 中克隆、修改、添加和删除文件？】此前，我们在Git入门的文章中，和大家讲解如何创建一个简单的Git仓库，以及如何和本地连接，添加文件等，本文我们将继续和大家讲解如何下载、修改、添加和删除Git仓库中的文件。详见
【20180601 前端开发日报】js 数组详细操作方法及解析合集；Sucrase：超快速的 Babel 替代品；20180531 前端开发日报；一个 API 友好的 vuepress 主题；一步一步的了解webpack4的splitChunk插件；HTML5 : Drag & Drop；【翻译】使用React、 …详情→
我是如何一步步“改造”redux的从Vue换到React+Redux进行开发已经有半年多的时间，总的来说体验是很好的，对于各种逻辑和业务组件的抽象实在是方便的不行，高阶组件，洋葱模型等等给我带来了很多编程思想上的提升。但是在使用Redux开发的过程中…
事件循环和整体情况 — NodeJS 时间循环第 1 部分
ReactJS Components: 基础指南创建和管理React组件的各种方式，涌现的大量状态管理工具等等都是这些挑战的焦点。我们今天能做的就是在React（基于社区选择）中将最常用的做法引入桌面并讨论它们。其中，我们将学习React中的一些有用的主题和术语。这些主题包括：目录
使用 styled-components 的 React 服务端渲染极简指南原文地址：The simple guide to server-side rendering React with styled-components 原文作者：Dennis Brotzky 译文出自：掘金翻译计划本文永久链接：github.com/xitu
JavaScript 是如何工作的：Service Worker 的生命周期与使用场景原文地址：How JavaScript works: Service Workers, their lifecycle and use cases 原文作者：Alexander Zlatkov 译文出自：掘金翻译计划本文永久链接：github.com/xit
淘宝 Web 3D 应用与游戏开发实战本文详细解释 3D 与 2D 的区别，并阐述了在有限的环境下如何通过 Canvas 去实现3D效果。
JS Linter 进化史本文主要介绍下 JS Linter 进化史中的三个里程碑式的工具：JSLint、JSHint 和 ESLint。
浅谈 JavaScript DDoS 攻击原理与防御分布式拒绝服务攻击（DDoS）攻击是一种针对网站发起的最古老最普遍的攻击。Nick Sullivan是网站加速和安全服务提供商CloudFlare的一名系统工程师。近日，他撰文介绍了攻击者如何利用恶意网站、服务器劫持和中间人攻击发起DDoS攻击，并说明了如何使用HTTPS以及即将到来的名为“子资源一致性（Subresource Integrity，简称S…