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

ECMAScript 2018 标准导读；前端框架选型；腾讯web前端大会（TFC2017）现场笔记；JS中的DOM知识概览；[翻译]整合鼠标、触摸和触控笔事件的Html5 Pointer Event Api；极致PCWeb性能 —— 静态化&工程化JSONP；在Javascript中学习数据结构与算法；重写webpack多页应用配置脚手架

ECMAScript 2018 标准导读前言本文是对《ECMAScript 2018 Language Specification》的解读。本文是对标准的概述性解读，不会针对某个技术点进行详细展开，但是会附上相关文章外链。规格介绍整个文档有引言+27个章节+7篇附录，大概五六…
前端框架选型前面的话有一个流传较广的笑话，一个人在stackoverflow中提了一个问题，如何使用javascript实现一个数字与另外一个数字相加。最高票回答是你应该使用jQuery插件，jQuery插件可以做任何事情。历史总是在重演，以前是jQuery，现在可能是react或vue。不同的框架有不同的应用场景，杀鸡不要用牛刀。本文将详细介…
腾讯web前端大会（TFC2017）现场笔记
JS中的DOM知识概览1 Node类型除IE外所有浏览器都可以访问这个类型（因为IE中的DOM对象都是以COM对象的形式实现的），而且js中的所有节点类型都继承自Node类型。 1.1 nodeName/nodeValue/nodeType 1.2 节点关系 childNodes 返回结…
[翻译]整合鼠标、触摸和触控笔事件的Html5 Pointer Event Api
极致PCWeb性能 —— 静态化&工程化JSONP作者：Jogis原文链接：https://github.com/yesvods/Bl… 转载请注明原文链接以及作者信息在大家的认知里，JSONP，往往是另外一种异步请求的方式，其主要优点是支持跨域数据请求。因此，JSONP往往是将一个Script…
在Javascript中学习数据结构与算法
重写webpack多页应用配置脚手架之前写了一个webpack多页应用的配置，只有一个webpack.config.js文件，实现了多入口配置打包css,js,资源文件处理。因为入口entry配置需要自己添加，HtmlWebpackPlugin有多少个页面也要自己添加。这样看来虽然配置…
Node v4 – Promise对象1、Promise简介所谓Promise，就是一个对象，用来传递异步操作的消息。 Promise对象有以下两个特点。（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已…
[已完结] TFC 2017 腾讯 Web 前端大会现场记录
如何优雅的理解ECMAScript中的对象序 ECMAScript is an object-oriented programming language for performing computations and manipulating computational objects within a host environment. — 摘自《ECMAScript® 2018 Language Specificatio…
React技术栈之ESlintESLint是一个JavaScript代码静态检查工具，可以检查JavaScript的语法错误，提示潜在的bug，可以有效提高代码质量。维持前端团队高度一致的编码风格。ESLint不但提供一些默认的规则，也提供用户自定义规则来约束所…
JavaScript DOM 7 – DocumentFragment在之前的文章JavaScript DOM 1里里面曾解释过各种概念之前的关系，当时用了一张图，如下图：从这张图里面，我们可以看到 DocumentFragment 和 Document 是兄弟关系，都直接继承自Node类。DocumentFragment是一种…
Vue 移动项目优化探知和 webp 接入 —— 由jiangtao321分享
【不朽经典，无我编程的十大戒律】无我编程的十大戒律最早出现在 1971 年 Gerald Weinberg 出版的《程序开发心理学》里。后由 Stack Overflow 网站的联合创始人 Jeff Atwood 在博客中整理列出。虽然过去了几十年，但这些经典原则仍值得每一位程序员拜读。全文=> 　　无我编程的十大戒律最早出现在 1971 年 Gerald Weinberg 出版的《程序开发心理学》里。后由 Stack Overflow 网站的联合创始人 Jeff Atwood 在博客中整理列出。虽然过去了几十年，但这些经典原则仍值得每一位程序员拜读。　　1、理解并接受自己会犯错的事实 – 犯错无法避免，关键要在错误进…
《png的故事：隔行扫描算法》png不仅支持逐行扫描的方式，还支持一种隔行扫描技术，即Adam7隔行扫描算法。（by AlloyTeam/june01）
CSS 学习笔记——CSS SelectorCSS1 中定义的选择器类型选择器用于选择指定类型的元素（其实他就是 html 标签选择器），常见用法如下： {代码…} ID 选择器用于选择指定 ID 的 html 元素，常见使用方法如下： {代码…} 因为 CSS 的渲染顺…
《用 DOM 与 CSS 展示二叉树》本文内容较长，主要涉及如下内容：二叉树及相关算法，Flexbox 布局，CSS 背景图片，计数器等应用，使用 SVG 做为背景图片会遇到的问题。（by 谢然）