20171012 前端开发日报

举例说明了十大ES6功能;vue移动助手实践(三)————结合vue和localstorage的移动端记账demo;Vuex2.0源码解析;React合成事件和DOM原生事件混用须知;Sublime Text 中配置 Eslint 代码检查和自动修复;JavaScript 是真正的 OOP 语言吗?;CSS原理解析之模型篇;React v16.0正式版发布

  1. 举例说明了十大ES6功能虽然ES6规范不是最近才发布,但我认为很多开发人员仍然不太熟悉。 主要原因是在规范发布之后,Web浏览器的支持可能很差。 目前,规范发布已经超过2年了,现在很多浏览器对ES6支持良好。 即使您(或您的客户)不使…
  2. vue移动助手实践(三)————结合vue和localstorage的移动端记账demo 最近在用vue做一个小demo,做了几个小小的功能模块,当做是学习练手吧。毕竟自己能力还是比较受限的,只能慢慢进步啦。最近就想着自己做一个移动端的记账小demo,因为自己没有弄后台(其实是还没去接触学习哇咔咔),所以关于数据的存储暂时就先用localstora 最近在用vue做一个小demo,做了几个小小的功能模块,当做是学习练手吧。毕竟自己能力还是比较受限的,只能慢慢进步啦。最近就想着自己做一个移动端的记账小demo,因为自己没有弄后台(其实是还没去接触学习哇咔咔),所以关于数据的存储暂时就先用localstora 最近在用vue做一个小demo,做了几个小小的功能模块,当做是学习练手吧。毕竟自己能力还是比较受限的,只能慢慢进步啦。最近就想着自己做一个移动端的记账小demo,因为自己没有弄后台(其实是还没去接触学习哇咔咔),所以关于数据的存储暂时就先用localstora
  3. Vuex2.0源码解析 本文通过一些简单流程图和文字说明介绍,用一种背离源码、更简单的方式去了解Vuex的原理。让我们在使用Vuex的时候明白背后的运行机制,方便我们更好的使用和调试解决问题。
  4. React合成事件和DOM原生事件混用须知 引用的React代码,版本均为v15.6.1分支 React合成事件 为什么有合成事件的抽象? 如果DOM上绑定了过多的事件处理函数,整个页面响应以及内存占用可能都会受到影响。React为了避免这类DOM事件滥用,同时屏蔽底层不同浏览器之间的事件系统差异,实现
  5. Sublime Text 中配置 Eslint 代码检查和自动修复 前言 第一次运行 Vue 项目时被浏览器中满屏的 ESLint 报错给吓到了,果断禁用了该功能! 再之后找了个时间认真的了解了一下 ESLint,终于有了一些概念。简单来说,ESLint 就是一个整合了编码规范和检测功能的工具。以前说的那些规范(html,css,js 等规范)都是让你自己主动去学习,去遵守,现在 ESLint 帮助你检测…
  6. CSS原理解析之模型篇 写在前面:尝试回答几个问题:什么是盒模型,控制盒模型的属性有哪些?Margin、Padding、Border、Width、Height这些属性改变/影响盒模型,但每个属性都会在所有元素上生效么?如果存在区别,那么和元素类型或者元素定位有关系么?浮动元素是什么?
  7. React v16.0正式版发布 我们很高兴的宣布React v16.0发布了,这次版本的新增了一些呼声很高的特性,包括支持render返回数组和字符串、错误处理、portals、自定义DOM属性、优化服务器端渲染以及减少文件大小。 支持render返回数组和字符串 你现在可以
  8. JavaScript的异常处理当 JavaScript 引擎执行 JavaScript 代码时,有可能会发生各种异常,例如是语法异常,语言中缺少的功能,由于来自服务器或用户的异常输出而导致的异常。 而 Javascript 引擎是单线程的,因此一旦遇到异常,Javasc…
  9. Vue 2.5中将迎来有关TypeScript的改变类型改进 自Vue2.0发布以来,我们一直在收到更好集成TypeScript的请求。从那时起,我们已经为大多数核心库(vue,vue-router,vuex)加入了官方的TypeScript类型声明。然而,当使用开箱即用的Vue API时,目前的集…
  10. 从React脚手架工具学习React项目的最佳实践(上):前端基础配置 这篇文章不是聊React这门技术本身,而是关于如何维护好一个React项目。 文本可能会涉及一些Webpack的基础知识,如果你还不太了解Webpack的用法的话,可以从我之前的一篇文章《Webpack 速成》入门,深入浅出,童叟无欺。 编程领域中的“脚手架(Scaffolding)”指的是能够快速搭建项目“骨架”的一类工具。例如大多数…
  11. 传送门:React Portal React v16增加了对Portal的直接支持,今天我们就来聊一聊Portal。 似乎所有说React Portal都直接用Portal这个单词,没听过这词的朋友可能觉得不知所云,其实,Portal可以有一个很
  12. 前端——影子杀手篇前言 对于一个影子杀手而言,总能杀人于无形。前端也有影子杀手,它总是防不胜防地危害着你的网站 本篇打算介绍一些前端的影子杀手们——XSS和CSRF。或许,你对它恨之入骨;又或者,你运用的得心应手。恨之入骨,可…
  13. Velocity模板引擎的JS和PHP实现 Velocity模板引擎,JavaScript和PHP两个版本。Apache官方Java版本见velocity.apache.org。 Velocity模板引擎,JavaScript和PHP两个版本。Apache官方Java版本见velocity.apache.org。
  14. React根据宽度自适应高度 有时对于响应式布局,我们需要根据组件的宽度自适应高度。CSS无法实现这种动态变化,传统是用jQuery实现。 而在React中无需依赖于JQuery,实现相对比较简单,只要在DidMount后更改width即可 Try on Codepen 需要注意的是在re
  15. 翻译 | 关键CSS和Webpack: 减少阻塞渲染的CSS的自动化解决方案 原文地址: Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS 原文作者: Anthony Gore 译者: 蜗牛(GivenCui) 校对者: veizz "消除阻塞渲 原文地址: Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS 原文作者: Anthony Gore 译者: 蜗牛(GivenCui) 校对者: veizz "消除阻塞渲
  16. 前端中的 Pipeline 计算机领域的 Pipeline 通常认为起源于 Unix。最初 Douglas Mcllroy 发现很多时候人们会将 shell 命令的输出传递给另外一个 shell 命令,因此就提出了 Pipeline 这一概念。后来同在贝尔实验室的大牛 Ken Thomp
  17. iOS 下 WebRTC 视频渲染 前言 今天为大家介绍一下 iOS 下 WebRTC是如何渲染视频的。在iOS中有两种加速渲染视频的方法。一种是使用OpenGL;另一种是使用 Metal。 OpenGL的好处是跨平台,推出时间比较长,因此比较稳定。兼容性也比较好。而Metal是iOS最近才推出的技术,理论上来说比OpenGL ES效率更高。 WebRTC中这两种渲染方式都支持。它首先会判…
  18. antd源码解读(1)-index.js github: 地址gitbook: 地址 Index.js 看一个代码的时候首先当然是从他的入口文件开始看起,所以第一份代码我们看的是/index.js文件 开始 打开index.js文件,代码只有28行,其中包含了一个camelCase函数(看函数名就知
  19. 从一个实战项目来看一下 React Native 开发的几个关键技术点 在进行了2个星期的基础学习(Flexbox, React.js, JSX, JavaScript)之后,想通过一个实战项目来提高React Native的开发水平,于是找到了下面这个项目: 一. 项目介绍 这是我在学习贾鹏辉老师在慕课网上的一个很火的React Native实战的教程后,写出的课程Demo。该课程是慕课网里很火的一个React Native课程,…

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

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


关注我

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

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

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