20170629 前端开发周报-前端开发博客

前端每周清单： Vue的优势与劣势；Node.js有望超越Java；JS在嵌入式及物联网的应用现状；Vue vs React：JavaScript 框架之战；前端每周清单第 19 期： Vue的优势与劣势；Node.js有望超越Java；JS在嵌入式及物联网的应用现状；ECMAScript 2018 标准导读；腾讯web前端大会（TFC2017）现场笔记；Vue+Node.js+MongoDB 个人博客项目总结（一）；大型网站前端使用图片格式的正确姿势；Web 前端代码规范

前端每周清单： Vue的优势与劣势；Node.js有望超越Java；JS在嵌入式及物联网的应用现状 Webpack 3.0 正式发布；Expo SDK v18.0.0 发布；ESLint 4.1.0 发布；Vue.js 框架的优势与缺陷；大前端公共知识梳理…… 新闻、教程、深度阅读，每周清单，带你跟上前端发展。 —— 由前端之巅分享
Vue vs React：JavaScript 框架之战正如我们之前提到的，WordPress 的核心团队正争论着为应该将哪款（前端框架）加入现在的架构之中。目前看来，暂时脱颖而出的是React与Vue.js，社区中的很多成员正权衡着这两款框架的利弊。那到底哪款框架会胜出，哪款框架又会沦为昔日的prototype.js.呢？让我们一起看看吧。我已经写出了两个几乎一样的Web…
前端每周清单第 19 期： Vue的优势与劣势；Node.js有望超越Java；JS在嵌入式及物联网的应用现状前端每周清单第 19 期： Vue的优势与劣势；Node.js有望超越Java；JS在嵌入式及物联网的应用现状为InfoQ中文站特供稿件，首发地址为这里；如需转载，请与InfoQ中文站联系。从属于笔者的 Web 前端入门与工程实践的…
ECMAScript 2018 标准导读前言本文是对《ECMAScript 2018 Language Specification》的解读。本文是对标准的概述性解读，不会针对某个技术点进行详细展开，但是会附上相关文章外链。规格介绍整个文档有引言+27个章节+7篇附录，大概五六…
腾讯web前端大会（TFC2017）现场笔记
Vue+Node.js+MongoDB 个人博客项目总结（一）由 Vue+Node.js+MongoDB 完成的一个简单的个人博客管理系统，项目持续更新 —— 由howell5分享
大型网站前端使用图片格式的正确姿势如今，图像已经成为网络不可或缺的一部分。但情况并非一贯如此。直到1993年，Mosaic浏览器才在网页内容中加入图像。有些图像格式像GIF和JPEG当时已经存在，而PNG和SVG直到90年代才出现。图像用途多样，如：显示图片、品牌、插图、图表以及许多其他内容。由于图片格式多样以及繁多的应用场景，如何选择正确的图片…
Web 前端代码规范Web 前端代码规范最后更新时间：2017-06-25 原始文章链接：https://github.com/bxm0927/we… 此项目用于记录规范的、高可维护性的前端代码，这是通过分析 Github 众多前端代码库，总结出来的前端代码书写规范。…
用上古思想写现代前端译者注：这篇文章非常有趣，作者介绍了利用复古的的图形界面设计模式实现组件间解耦。但说起来古老，实际上说明了flux做了什么事情，以及为什么要有flux。正文利用过去的编程范式可以避免重写你的JavaScript应用。太多时间花在了重写UI上面我们会出于不同的原因去重写UI。通常…
【纯CSS3多列的瀑布流布局演示】网上的瀑布流布局大部分都是通过JS来求定位，但现在CSS3也可以做到了，你不需要使用一点JS，就可以做出一个反应快速的CSS3瀑布流布局。@前端开发博客
前端框架选型前面的话有一个流传较广的笑话，一个人在stackoverflow中提了一个问题，如何使用javascript实现一个数字与另外一个数字相加。最高票回答是你应该使用jQuery插件，jQuery插件可以做任何事情。历史总是在重演，以前是jQuery，现在可能是react或vue。不同的框架有不同的应用场景，杀鸡不要用牛刀。本文将详细介…
50 行 CSS 代码撸一个阴阳八卦的 Loading 动效网页上的做 Loading 动效的教程和工具比比皆是，用八卦图的还是头一次听说 =,= 因为一直都比较喜欢这种小而精、并且能让人眼前一亮的玩法。万万没想到居然还是个外国程序媛的作品。果断翻译过来供大家参考。 —— 由斌幺幺分享
RxJS 实战篇（一）：拖拽面对交互性很强、数据变化复杂的场景，传统的前端开发方式往往存在一些共有的问题：1). UI 状态与数据难以追踪；2). 写出的代码可读性很差，逻辑代码分布离散。相比之下，响应式编程（Reactive Programming）在解决此类问题上有着得天独厚的优势。Vue、Mobx、RxJS 这些库都是响应式编程思想的结晶。很多人在接…
如何充分利用 JavaScript 控制台原文地址：How to get the most out of the JavaScript console 原文作者：Darryl Pargeter 译文出自：掘金翻译计划译者：sunui 校对者：reid3290、Aladdin-ADD Java
《JavaScript 六种继承方式》继承是面向对象编程中又一非常重要的概念，JavaScript支持实现继承，不支持接口继承，实现继承主要依靠原型链来实现的。（by Xuthus Blog）
用 JavaScript 刷 LeetCodeOJ 解题报告合集（持续更新） This is the solutions collection of my LeetCode submissions, most of them are programmed in JavaScript. All JavaScript codes are wrote in ECMAScript 6 standard, each solution file will contain a problem description in the beginning, and followed by some necessary explanation, some problem…
HTML5移动端音乐播放器 jQuery，了解audio相关api，单例模式 —— 由alex1504分享
初识 three.js 的故事提到 Three.js，就必须说一下 OpenGL 和 WebGL。 OpenGL 大概许多人都有所听闻，它是最常用的跨平台图形处理开源库。 WebGL 就是基于 OpenGL 设计的面向 web 的 3D 图形标准，它提供了一系列 JavaScript API，通过这些 API 进行图形渲染，系统硬件会加速 3D 渲染，从而获得较高性能。而 Three.js 是 JavaScript 编写的 …
前端调试告别笨办法笔者前一阵在做微信站项目的时候在调试的过程中遇到了不少的问题，每次调试接口的时候都需要用console.log将数据打印出来，如果有时候想要修改接口数据还很不方便。针对上面调试的痛点，笔者对Fiddler的用法进行了简单的学习，分享一下学习的心得。介绍
JavaScript 中 8 个常见的陷阱译者按: 漫漫编程路，总有一些坑让你泪流满面。原文: Who said javascript was easy ? 译者: Fundebug 为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。这里我们针对JavaScript初学者给出一些技巧和列出一些陷阱。如果你已经是一个砖家，也可以读一读…
从 vue-router 看前端路由的两种实现本文由浅入深观摩vue-router源码是如何通过hash与History interface两种方式实现前端路由，介绍了相关原理，并对比了两种方式的优缺点与注意事项。最后分析了如何实现可以直接从文件系统加载而不借助后端服务器的Vue单页应用。随着前端应用的业务功能越来越复杂、用户对于使用体验的要求越来越高，单页应…
大前端开发者需要了解的基础编译原理和语言知识在我刚刚进入大学，从零开始学习 C 语言的时候，我就不断的从学长的口中听到一个又一个语言，比如 C++、Java、Python、JavaScript 这些大众的，也有 Lisp、Perl、Ruby 这些相对小众的。一般来说，当程序员讨论一门语言的时候，默认的上下文经常是:“用 xxx 语言来完成 xxx 任务”。所以一直困扰着的我的一个问题就是…
重写webpack多页应用配置脚手架之前写了一个webpack多页应用的配置，只有一个webpack.config.js文件，实现了多入口配置打包css,js,资源文件处理。因为入口entry配置需要自己添加，HtmlWebpackPlugin有多少个页面也要自己添加。这样看来虽然配置…
【60个精美的个人网站欣赏】本文集合了 25个个人网站设计案例欣赏和 35枚不同风格的设计师个人网站欣赏的60个精美的个人网站设计欣赏，个人网站设计突出表达的是个性鲜明，独特界面和展示个人特点的网站，下面… @前端开发博客
vue项目构建与实战关于微信公众号：前端呼啦圈（Love-FED）我的博客：劳卜的博客知乎专栏：前端呼啦圈前言由于vue相对来说比较平缓的学习过程和新颖的技术思路，使其受到了广大前后端开发者的青睐，同时其通俗易懂的API和数据…
基于canvas的图片编辑器，头像编辑器效果 demogithub 特点基本功能：缩放、移动、旋转同时支持鼠标和手势操作可配置和可扩展截图
JavaScript数组迭代（遍历）方法前言 ES5和ES6中新增了不少东西，对于数组而言，新增了不少迭代方法，让我们可以抛弃for循环，更方便的写JS代码。正文 ES5和ES6中新增的的数组迭代方法如下： forEach map filter some every reduce / reduceRig…
JS中的DOM知识概览1 Node类型除IE外所有浏览器都可以访问这个类型（因为IE中的DOM对象都是以COM对象的形式实现的），而且js中的所有节点类型都继承自Node类型。 1.1 nodeName/nodeValue/nodeType 1.2 节点关系 childNodes 返回结…
#JavaScript#【JavaScript中的数据结构和算法学习】本文主要讲述Javascript中实现栈、队列、链表、集合、字典、散列表、树、图等数据结构，以及各种排序和搜索算法，包括冒泡排序、选择排序、插入排序、归并排序、快速排序、顺…请戳→ #前端开发博客#
[已完结] TFC 2017 腾讯 Web 前端大会现场记录