20170624 前端开发日报

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

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20170624 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170624.html)

发表评论

请登录后发表评论: