20170626 前端开发日报

Web 前端代码规范;前端每周清单: Vue的优势与劣势;Node.js有望超越Java;JS在嵌入式及物联网的应用现状;如何充分利用 JavaScript 控制台;初识 three.js 的故事;JavaScript 六种继承方式;基于canvas的图片编辑器,头像编辑器;高仿苹果官网轮播图-jQuery插件;JavaScript中几个重要的知识点(2) —- DOM事件

  1. Web 前端代码规范Web 前端代码规范 最后更新时间:2017-06-25 原始文章链接:https://github.com/bxm0927/we… 此项目用于记录规范的、高可维护性的前端代码,这是通过分析 Github 众多前端代码库,总结出来的前端代码书写规范。…
  2. 前端每周清单: Vue的优势与劣势;Node.js有望超越Java;JS在嵌入式及物联网的应用现状 Webpack 3.0 正式发布;Expo SDK v18.0.0 发布;ESLint 4.1.0 发布;Vue.js 框架的优势与缺陷;大前端公共知识梳理…… 新闻、教程、深度阅读,每周清单,带你跟上前端发展。 —— 由前端之巅分享
  3. 如何充分利用 JavaScript 控制台 原文地址:How to get the most out of the JavaScript console 原文作者:Darryl Pargeter 译文出自:掘金翻译计划 译者:sunui 校对者:reid3290、Aladdin-ADD Java
  4. 初识 three.js 的故事 提到 Three.js,就必须说一下 OpenGL 和 WebGL。 OpenGL 大概许多人都有所听闻,它是最常用的跨平台图形处理开源库。 WebGL 就是基于 OpenGL 设计的面向 web 的 3D 图形标准,它提供了一系列 JavaScript API,通过这些 API 进行图形渲染,系统硬件会加速 3D 渲染,从而获得较高性能。 而 Three.js 是 JavaScript 编写的 …
  5. JavaScript 六种继承方式》继承是面向对象编程中又一非常重要的概念,JavaScript支持实现继承,不支持接口继承,实现继承主要依靠原型链来实现的。 (by Xuthus Blog) ​​​

    JavaScript 六种继承方式
  6. 基于canvas的图片编辑器,头像编辑器效果 demogithub 特点 基本功能:缩放、移动、旋转 同时支持鼠标和手势操作 可配置和可扩展 截图
  7. 高仿苹果官网轮播图-jQuery插件 根据苹果官网的轮播图效果仿写的一个jQuery插件 —— 由弦云孤赫分享
  8. JavaScript中几个重要的知识点(2) —- DOM事件JavaScript中几个最重要的大知识点 面向对象 DOM事件 异步交互ajax 事件 事件就是文档和浏览器的瞬间交互行为 1.事件类型 点击: click 滚轮: scroll 滑动: move 进入: enter 加载: load 2.事件机制 事件的监听(事…
  9. 读懂package.json — 依赖管理npm做为Javascript项目的包管理工具,由于其与Node.js的紧密配合(npm和Node.js出自一人之手),目前已经基本没有竞争对手。 包管理工具要解决的主要问题就是依赖包的安装,在Javascript项目中,包的依赖关系是由…
  10. Promise快餐Promise 是异步编程的一种解决方案,其他的异步编程解决方案还有——回调函数、事件监听、发布订阅,以及ES6新增的Generator 。 http://www.ruanyifeng.com/blo…http://es6.ruanyifeng.com/#do… Promise的状态 …
  11. 多“维”优化——前端高并发策略的更深层思考(转载)一项指标的变好,总少不了相应优化策略的实施。优化并不是简单的一蹴而就,而是个不断迭代与推翻的过程。更深层的优化方案,往往是在某种思维策略之下,对问题场景和基本策略优缺的深刻理解后做出的当下最优的权…
  12. 对一次前端项目重构的总结 完整的记录了一次前端项目的重构,对主要经过的说明解释,希望可以提供参考意义 —— 由二凡不会走分享
  13. boarder,快速开始一个webpack项目-优化篇 很多道友知道webpack打包现在很热门,但是不知其究竟,说实话我也不知道,上完班回去撸几把王者农药岂不快哉?但是最近webpack3又出来了,难道它想争夺版本帝? —— 由骗你是小猫咪分享
  14. 自定义 Angular 4 首屏加载动画默认情况下,Angular应用程序在首次加载根组件时,会在浏览器的显示一个loading… 我们可以轻松地将loading修改成我们自己定义的动画。 这是我们要实现首次加载的效果: 根组件标签中的内容 请注意,在你的入口文…
  15. react进阶系列:高阶组件详解(一)很多人写文章喜欢把问题复杂化,因此当我学习高阶组件的时候,查阅到的很多文章都给人一种高阶组件高深莫测的感觉。但是事实上却未必。 有一个词叫做“封装”。相信写代码这么久了,大家对这个词所表达的含义都不会…
  16. 从 UglifyJSPlugin 强制开启 css 压缩探究 webpack 插件运行机制 本文来自尚妆前端团队南洋 发表于尚妆github博客,欢迎订阅! 注:本文查看的源码是webpack1.x版本,2.x版本已经不存在这个问题,查看描述。 webpack1.x时代讨论地比较热烈的一个话题,就是UglifyJsPlugin插件为什么会对其他loader造成影响。我这里有个曾经遇到的问题,可以查看我为此编写的一…
  17. JavaScript 有这几种测试分类 译者按: 也许你讨厌测试,但是你不得不面对它,所以至少区分一下单元测试、集成测试与功能测试?对吧… 原文: What are Unit Testing, Integration Testing and Functional Testing? 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。 Java…
  18. #JavaScript#【19 个 JavaScript 有用的简写技术】本文分享了19个有用的JavaScript简写方法,学会这些简写方法,能够帮助你减少代码量,并增加代码的好用和好看。希望这篇文章对你有所帮助。 #前端开发博客# ​​​

    19 个 JavaScript 有用的简写技术
  19. React Native与Iconfont React Native与Iconfont —— 由请叫我王磊同学分享
  20. 基于Angular/CLI的Angular4种子工程(已经在项目中完整实践过的) 基于Angular/CLI的种子工程,Angular版本4.2.4,已经在实际项目中完整应用过,从引入组件到路由懒加载,从与后端联调的配置到上真实环境路径问题都已经没有问题了,欢迎star。 —— 由tc9011分享
  21. 前端与 SQL 全面梳理》本篇将介绍前端本地存储里的Web SQL和IndexedDB,通过一个案例介绍SQL的一些概念。 (by 会编程的银猪) ​​​

    前端与 SQL 全面梳理
  22. #JavaScript#【js闭包概念的深入了解】本文介绍了什么是闭包,闭包是由什么构成,什么是作用域,闭包使用在哪些地方,关于闭包的面试题由哪些,值得看看。 #前端开发博客# ​​​

    js闭包概念的深入了解
  23. 前端常用的通信技术 本文总结了目前前端使用到的数据交换方式。 —— 由携程技术中心分享

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流