20181104 前端开发日报

CSS3:flex布局;基于Vue-cli 快速搭建项目;JavaScript常用八种继承方案;React Native 重构路线图发布;关于javascript的原型和原型链,看我就够了(一);几分钟内提升技能的8个 JavaScript 方法;ES6浅析之路一;如何成为一位优秀的前端工程师?

  1. CSS3:flex布局前言:这是我看过最好的flex布局教程:30分钟彻底弄懂flex布局 传统的布局方法与flex属性通览 文档流:块级元素独占一行,从上往下排列,行级元素从左往右排列。 display inline-block主要用来做横向的布局。用分…
  2. JavaScript常用八种继承方案更新:在常用七种继承方案的基础之上增加了ES6的类继承,所以现在变成八种啦,欢迎加高级前端进阶群一起学习(文末)。
  3. React Native 重构路线图发布 今年 6 月中旬,FB 曾宣布他们将 大规模重构 React Native,目的是为了让 React Native 更轻量,更适应 JavaScript 生态圈的发展。今天,Facebook 正式公开了他们计划的一些细节:
  4. 关于javascript的原型和原型链,看我就够了(一)关于js的原型和原型链,有人觉得这是很头疼的一块知识点,其实不然,它很基础,不信,往下看要了解原型和原型链,我们得先从对象说起
  5. 几分钟内提升技能的8个 JavaScript 方法我们今天构建的大多数应用程序都需要进行某种数据收集修改。您最常遇到的常见操作是处理集合中的项。不要再使用 for-loop 循环的传统方式( let i=0; i < value.length; i++ )。
  6. ES6浅析之路一(个人理解ES6就是对ES5的BUG修改和升级)废话不多说今天要探讨的是 var与letECMAScript 6 入门 作者:阮一峰 下面是个人总结:let不允许在相同作用域内,重复声明同一个变量。lef 特点是块级作用域 先来看一下ES5…
  7. 如何成为一位优秀的前端工程师? 克军和团队谈个人成长。
  8. CSS基础:block,inline和inline-blockcss的display属性是前端开发中非常常见的属性,本文简单介绍下其中比较常用的属性值,即block、inline和inline-block。
  9. 数据可视化:浅谈热力图如何在前端实现 作者 个推开发工程师甄鑫 当我们需要用更直观有效的形式来展现各类大数据信息时,热力图无疑是一种很好的方式。作为一种密度图,热力图一般使用具备显著颜色差异的方式来呈现数据效果,热力图中亮色一般代表事件发生频率较高或事物分布密度较大,暗色则反之。值得一提的是,热力
  10. 基于Vue构造器创建Form组件的通用解决方案 在前端平常的业务中,无论是官网、展示页还是后台运营系统都离不开表单,它承载了大部分的数据采集工作。所以如何更好地实现它,是平常工作中的一个重要问题。 在应用Vue框架去开发业务时,会将页面上每个独立的可视/可交互区域拆分为一个组件,再通过多个组件的自由组合来
  11. React 16.7.0-alpha hooks 之整体预览 转载于免费视频网 www.rails365.net 之前我们介绍了使用hooks的原因,在开始介绍api之前,现在我们先来整体的预览下这些api。 从上篇的介绍可以知道,Hook是向后兼容的,有react开发经验的你看起来会更顺畅。 是一个快节奏的概述。如果你
  12. 对 React Hooks 的一些思考 「受 Suspence 和 Hooks 的影响,函数组件不再是纯粹的数据到视图的映射这已然成为既定的事实,React 团队决定走上这一条路,那必然已有权衡,也必然不会回头。对于使用者而言,更为紧要的是在当下思考一下“函数组件将被赋予怎么样的全新定义”这一问题。」
  13. 在 Chrome 70 中体验 WebAssembly 线程 V8 已经为 WebAssembly 引擎中的线程实现了必要的支持,可通过 Origin Trial 获得。
  14. Atag:Web Components 最佳实践 Web Components 经验总结。
  15. 浅谈 React Scheduler 任务管理 背景 大家应该都知道,React16采用了fiber架构,这样的架构下,React内部会动态灵活的管理所有组件的渲染任务,可以随时暂停某一个组件的渲染,所以,对于复杂型应用来说,对于某一个交互动作的反馈型任务,我们是可以对其进行拆解,一步步的做交互反馈,避免在一个页面重绘时间周期内做过多的事情,这样就能减少…
  16. 自定义Egg.js的请求级别日志 组织为了更好的对各个业务的请求日志进行统一的分析,制定了统一的日志打印规范,比如: Hello World…. 复制代码 统一格式之后,业务现有业务的日志工具打印出来的格式是无法满足该规范的,所以我们需要对此进行改造。 我们前端目前Node中间层使用的框架是Egg.js,所以下文…
  17. Typescript part 1:类型,高级类型,类型兼容 基础类型 包含基础类型: number,boolean,string,null,undefined 复杂类型: Array&lt;number&gt; or string[], tuple, enum,object
  18. 如何在React项目中直接使用WebAssembly 前言 自从入坑WebAssembly以来,躺了很多坑,也浏览了很多资料,都没有看到很多能够直接在前端项目中使用WebAssembly的例子。即使有,我自己按照介绍的步骤一步一步来, 也会报各种错误,官方的文档也写的比较模糊。于是,就决定自己撸一个,让React
  19. electron-vue模仿网易云桌面应用体验 像官网说的那样,electron-vue就是基于 vue 来构造 electron 应用程序的样板代码。electron-vue开发起来就和vue一样,只是如果有特殊的需求需要修改应用的话就要用到electron相关的api. electron Electron是由Github开发,用HTML,CSS和JavaScript来 构建跨平台桌面应用程序 的一个开源库。 Electron通过将Chromium…
  20. Vue 应用单元测试的策略与实践 04 – Vuex 单元测试 本文首发于Vue 应用单元测试的策略与实践 04 – Vuex 单元测试 | 吕立青的博客 欢迎关注知乎专栏 —— 前端的逆袭(凡可 JavaScript,终将 JavaScript。) 欢迎关注我的博客,知乎,GitHub,掘金。
  21. GShark:监测你的 GitHub 敏感信息泄露 近几年由于 Github 信息泄露导致的信息安全事件屡见不鲜,且规模越来越大。就前段时间华住集团旗下酒店开房记录疑似泄露,涉及近5亿个人信息。后面调查发现疑似是华住的程序员在 Github 上上传的 CMS 项目中包含了华住敏感的服务器及数据库信息,被黑客利用导致信息泄露(这次背锅的还是程序猿)。 起源 …
  22. Deep In React(二):Component, Element 和渲染 在上一篇文章中,我们谈到了如何从应用层面优化React的性能,在随后的几篇文章中,我们将深入React的底层实现,仔细分析一下为什么React会有如此高的性能。在介绍React底层的reconciliation算法之前,我们需要先了解一些先导知识。 先导知识: React Component和React Element 在React中,有着组件(c…

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

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


关注我

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

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

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