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

JavaScript 深入之闭包；【第一季】技术胖包你学会 Vue2.0 图文视频教程 – 内部指令 (共 8 集)；JS 红宝书 · 读书笔记 — 上篇；Vue 2.0 入门系列（10）Vue Ajax 的简单使用（with Laravel)；不简单的前端性能优化；React 实现饿了吗实战项目；理解 Gulp 和 Webpack；JS 红宝书 · 读书笔记 — 下篇

JavaScript 深入之闭包定义 MDN对闭包的定义为：闭包是指那些能够访问自由变量的函数。那什么是自由变量呢？自由变量是指在函数中使用的，但既不是函数参数也不是函数的局部变量的变量。由此，我们可以看出闭包共有两部分组成：闭包 = 函数 + 函数能够访问的自由变量举…
【第一季】技术胖包你学会 Vue2.0 图文视频教程 – 内部指令 (共 8 集) 有图有文还有视频，前端史上最详细的 Vue2.0 视频教程，这篇文章详细讲解了 Vue 的内部指令，全文共 8 小节，8500 字。 —— 由胜洪宇分享
JS 红宝书 · 读书笔记 — 上篇整理了《JS 高级程序设计》中生僻和重要的知识点。 —— 由Yeaseon_Zhang分享
Vue 2.0 入门系列（10）Vue Ajax 的简单使用（with Laravel)本节将简单介绍如何使用 Ajax 与 Laravel 进行通信。首先，创建一个 Laravel 应用： {代码…} 我们以 Get 请求为例，返回任务列表，简单定义 get 请求的返回： {代码…} 编辑视图文件，引入相关库: {代码…} V…
不简单的前端性能优化本文主要介绍“关键渲染路径”与“网络”两个方面的性能优化并提供demo，篇幅较长建议电脑观看。前端优化的方面太多，本文介绍的仅仅是其中的一部分，力求涵盖“关键渲染路径”的方方面面，及一些不常被提到的“网络优…
React 实现饿了吗实战项目之前看到 Vue2-elm 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用那个项目，整体感觉很好，全写下来对中大项项目能有一个很好的把握。于是就用 react+redux 来写了一下。那个项目结合 vue 版让我更了解 react 与 vue 的异同，对 MVVM 有了更深的认识。 —— 由chenjinxinlove1481273252000分享
理解 Gulp 和 Webpack Gulp 和 webpack 之间的关系是十分暧昧的，却也经常被人误解，以为它俩是竞争关系，其实不然。 Gulp 是一个任务管理工具，让简单的任务更清晰，让复杂的任务易于掌控；而 webpack 的理念是，一切皆为模块，每个模块在打包的时候都会经过一个叫做 loader 的东西，它具备非常强大的精细化管理能力，主要解决…
JS 红宝书 · 读书笔记 — 下篇整理了《JS 高级程序设计》中生僻和重要的知识点。 —— 由Yeaseon_Zhang分享
走心大白话JavaScript教程（三）不得不说的原型与原型链 JS大法好，JS在手，天下我有，信JS，得永生。这个系列的教程我一开始是写在github上的，但是觉得放到掘金来可以让更多需要的人看到，就搬到掘金专栏上啦，如果觉得本教程对你有帮助，请点这里去github上给我一颗Star~教程目录也在github上哈~ 本
使用阿里云免费SSL证书实现全站HTTPS化苹果和小程序开发都开始要求使用https服务，而且运营商广告注入也越来越疯狂。所以，实现网站https很用必要。实现https就需要一个SSL证书。证书大部分都很贵，不过也有一些免费的证书服务供个人开发者使用，这是…
canvas 简易像素画板在线查看 http://www.taoquns.com/canvas…github https://github.com/Taoqun/can…download 库下载canvas.toDataURL https://github.com/rndme/down… 大致思路自己画随机传入 canvas对象和 options参数…
javascript 基础总结（二）——异步编程情况 javascript 异步编程 —— 由泳辰分享
Sublime Text 3 前端开发相关插件汇总 Sublime is great and for many still the best text editor available. But out of the box, it lacks some features that modern competitors have already built-in. Plugins help to stay ahead but it’s a hassle to keep up with all of them. In order to help you, I compiled a list of plugins I use …
从零到一：用Phaser.js写意地开发小游戏（Chapter 1 – 认识Phaser.js）写在前面实际上我从未想过我会接触到H5小游戏开发，那是在2015年末，当时我还刚开始学习iOS不久，用Swift在写一个类似于Snapchat的应用。由于公司项目转型，需要创造一个小游戏平台，需要使用一个比较成熟的前端…
HTML5 进阶系列：indexedDB 数据库前言在 HTML5 的本地存储中，有一种叫 indexedDB 的数据库，该数据库是一种存储在客户端本地的 NoSQL 数据库，它可以存储大量的数据。从上篇：HTML5 进阶系列：web Storage ，我们知道 web Storage 可以方便灵活…
走心大白话JavaScript教程（一）理解JS中this指向的小技巧 JS大法好，JS在手，天下我有，信JS，得永生。这个系列的教程我一开始是写在github上的，但是觉得放到掘金来可以让更多需要的人看到，就搬到掘金专栏上啦，如果觉得本教程对你有帮助，请点这里去github上给我一颗Star~教程目录也在github上哈~ 本
《使用 JavaScript 进行单词发音》在w3c草案中增加了对Web Speech Api的支持;主要作用在两个非常重要的方面:语音识别 (将所说的转换成文本文字 / speech to text);语音合成 (将文本文字读出来 / text to speech);而chrome在版本33发布后宣布对该特性的支持。（by 静逸秋水）
前端调试技巧与诀窍原文地址：Debugging Tips and Tricks 原文作者：SARAH DRASNER 译文出自：掘金翻译计划译者：lsvih 校对者：loveky,ymz1124 前端调试技巧与诀窍编写代码其实只是开发者的一小部分工作。为了让工作更有效率
基于 Jest + Enzyme 的 React 单元测试前言如果你想学习 React 单元测试，那就从这篇文章开始吧。Star 项目，clone 到本地，根据教程走一遍，有任何问题欢迎 issue 讨论。项目GitHub地址：react-test-demo 文章主要内容如下： Jest 和 Enzyme
#前端头条#【前端可读性代码】好的代码不仅简洁优雅，还具有非常高的可读性，和良好的性能优化。如果写出好的前端代码，这是一个长期积累的过程，来看看下面这些比较好的代码写法。 #前端开发博客#
Vue.js 2.3.0 Release 正式发布. sync 特性回归 .sync 特性的回归是赤裸裸的打脸啊,, 之前说怎么个怎么个不好… 不过回来了, 对于操作数据, 会越发方便…. 更新了挺多内容. 具体可以看看这个发行日志; 总体来说都是一些数据及通讯加强 , 提的最多的应该属于服务端渲染这块… 支持更加完善了 —— 由CRPER分享
前端 fetch 通信随着前端异步的发展, XHR 这种耦合方式的书写不利于前端异步的 Promise 回调. 而且, 写起来也是很复杂. fetch API 本来是在 SW(ServiceWorkers) 中提出的, 不过, 后面觉得好用, 就把他挂载到 window 对象下. 这样, 在前端的正常通信中, 我们也可以直接调用. 但, fetch 毕竟比较新, 看一下他的兼容性。 —— 由腾讯云技术社…
#开源项目#【基于 Bootstrap 的 jQuery 多级列表树插件：Bootstrap Tree View】详见： Bootstrap-treeview 是一款基于 Bootstrap 的 jQuery 多级列表树插件。它以简单、优雅的方式来展示一些继承树结构，如视图树、列表树等。Demo 地址：
http状态码是什么，有什么用，在哪里查看，分别代表什么意思？写在前面：当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头用以响应浏览器的请求。本文主要是：关于http状态码是什么，有什么用，在哪里查看状态码分别代表什么意思