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

从一个画板demo学习canvas；CSS 常见布局解决方案；【深度长文】JavaScript数组全解密；移动端web布局方案的知识总结；如何使用HTML5自定义数据属性；微信硬件蓝牙 api（前端开发）；用纯客户端 JavaScript 来写一个的爬虫；使用 koa 和 react 搭建一个前后端分离中间层同构框架

从一个画板demo学习canvas前言初学canvas，做了一个画板应用，地址点这里。本篇为canvas的一些基础思想和注意事项，不是基础api。主要是在于touch事件上的实践经验 retina屏兼容 retina屏会使用多个物理像素渲染一个独立像素，导致一倍…
CSS 常见布局解决方案说起 css 布局，那么一定得聊聊盒模型，清除浮动，position，display 什么的，但本篇本不是讲这些基础知识的，而是给出各种布局的解决方案。 —— 由流口水流分享
【深度长文】JavaScript数组全解密本文首发于CSDN网站，下面的版本又经过进一步的修订。关于我的博客：louis blog SF专栏：路易斯前端深度课原文链接：【深度长文】JavaScript数组全解密全文共13k+字，系统讲解了JavaScript数组的各种特性和API。数组是
移动端web布局方案的知识总结做移动端web开发时，我自己了解了4种方法，我觉得目前适合我的方法就是用rem来作单位，配合h5新的meta属性来适配屏幕做开发。首先介绍一下meta标签 {代码…} name=”viewport”是来告诉浏览器这个meta属性是设置设…
如何使用HTML5自定义数据属性在本文中，我将向你介绍如何使用HTML5自定义数据属性。我还将向你介绍一些开发人员在工作中经常使用的优秀实例。为什么需要自定义数据属性？很多时候我们需要存储一些与不同DOM元素相关联的信息。这些信息对于…
微信硬件蓝牙 api（前端开发）微信硬件蓝牙开发前端部分基本流程和可能遇到的坑 —— 由LFXxxxxxxxxx分享
用纯客户端 JavaScript 来写一个的爬虫拿 JavaScript 写爬虫，听起来貌似有些不靠谱？爬虫，大多人对于爬虫的理解都停留在使用后端语言如 Python 写的爬虫。但是实际上，使用客户端 JavaScript 有诸多后端爬虫所无法拥有的优势 —— 由花生PeA分享
使用 koa 和 react 搭建一个前后端分离中间层同构框架一个能够支持前后端分离并支持中间层同构的完整框架支持路由同步 React-router 及 Koa-router 同步模板同步 View 层同步, 使用 react-dom/server 实现数据同步使用 Redux 及 React-redux 实现 —— 由aemoe分享
vue2 vuex 多人博客系统多人博客系统断断续续写了几个月博客系统,从设计到上线,租了do服务器,也算是练练手。不得不说国外的服务器还是做单页面更好 vue前台部分前台依赖模块 {代码…} 功能模块 canvas粒子效果登录/注册个人中心添…
基于 iView 的 Vue js 后台管理系统，简洁易扩展基于 vue-cli + iView 的 Vue js 后台管理系统，简洁易扩展。功能包括：调试、构建、代码规范校验、单元测试、国际化等。 —— 由赵金添分享
理解vue中的组件（一）看了Vue的文档，写得很简洁，但是并不简单。在自己学习的过程中踩过不少的坑，学习的时候把官网的例子从头到尾做了一遍，记录在github中https://github.com/WYseven/vue2-basic-demo/tree/master/vue-demo，学习…
从零到一：用Phaser.js写意地开发小游戏（Chapter 2 – 搭建游戏的骨架）写在前面上一节我们认识了Phaser.js，也说到了Phaser比较适合开发2D的小游戏，那么接下来的几篇文章会以开发一个移动端的小游戏为例，来介绍如何上手Phaser.js。这一节的主要内容是用Phaser.js搭建游戏的骨架。 …
优化浏览器前端译者 | 京东金融-移动研发部-前端工程师田腾原作者 | Sanjay Purswani 来源 | Software Engineer at comparethemarket.com 优化事关速度和满意度为了提升用户体验（User Experience，UX），我们希望前端提供快速加载和执行的网页。而对于提升开发者体验（Developer Experience…
vue 全家桶 SPA 前后分离的图文多人 blog 系统前端 VUE 全家桶，后端使用 express+mongoose，前端 ui 组件自己手撸。 —— 由DouglasVegasReal分享
ECMAScript 6 的字符串扩展（二） ECMAScript 6 的字符串扩展（二） —— 由豌豆射手分享
ECMAScript6 字符串扩展（一） ECMAScript6 字符串扩展（一） —— 由豌豆射手分享
Vuex 框架原理与源码分析 Vuex是一个专为Vue服务，用于管理页面数据状态、提供统一数据操作的生态系统。它集中于MVC模式中的Model层，规定所有的数据操作必须通过action – mutation – state change的流程来进行，再结合Vue的数据视图双向绑定特性来实现页面的展示更新。统一的页面状态管理以及操作处理，可以让复杂的组件交互变得简单清晰，同时…
Typescript 2.3 发布原文地址： https://blogs.msdn.microsoft.com/typescript/017/04/27/announcing-typescript-2-3/ Typescript: 简单点说就是一个 JavaScript 的超集，这个超集合里面带上了一些可配置的类型检查。使用Typescript 可以在 JavaScript 的动态特性和类型检查中间找到一个平衡来提高开发工作效率。（之后Typescr…
React全家桶写一个CNode社区，奉上心得与源码 webpack2+react+react-router+react-redux+ES6+antd-mobile版本的Cnode 苦于我就职的公司的技术栈还是ES5+jQ+handelbars，而我一直对React全家桶非常感兴趣，所以想自己来个强行实战
Vue 2.3 服务端渲染完全指南来自 Vue 官方的服务端渲染指南 —— 由稀土君分享
前端周刊第 53 期：React 社区的撕逼共 1947 字，读完需 4 分钟。本期有篇深度文章介绍 MobX，MobX 的原作者在 Medium 上有个人频道，写了至少 5 篇长文介绍自己的 React + MobX 心路。此外，React Amsterdam 技术大会已经闭幕，干货非常多，但需要你花
JavaScript 中的 arguments 对象 JavaScript 中的 arguments 对象，涉及到 ES6… —— 由microzz分享
关于 Node.js 里 ES6 Modules 的一次更新说明 “今天 Node.js 支持 ES6 Modules 了吗？” “并没有！” —— 由凹凸实验室分享
#前端技术#【前端开发之 Sublime Text 3 插件合集】详见：一些实用的 Sublime Text 3 插件与你分享。Sublime 党们必备。[二哈]
#前端头条#【你也许只需要原生JavaScript而不是jQuery】你也许不需要jquery前端发展很快，现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等…请戳→ #前端开发博客#
#JavaScript#【JavaScript数据类型】JavaScript 的数据类型JavaScript 主要有如下7 种数据类型：字符串、数字、布尔、数组、对象、Null、Undefined数据类型说明举例字符串类型使用双引号或单引号 ‘ 括起来的一个或多个字符…请戳→ #前端开发博客#