20190705 前端开发日报

前端团队代码评审 CheckList 清单;【Promise 】必知必会经典题;从源码解读Vue生命周期,让面试官对你刮目相看;Vue入门学习之技术分享-3(Vue中的动画特效);JavaScript深入浅出第3课:什么是垃圾回收算法?;Vue中jsx不完全应用指南;千秋万代,一统江湖:Flutter for All Screens;Node.js内存管理和V8垃圾回收机制

  1. 前端团队代码评审 CheckList 清单 前言 前端团队有评审代码的要求,但由于每个开发人员的水平不同,技术关注点不同,所以对代码评审的关注点不同,为了保证代码质量,团队代码风格统一,特此拟定一份《前端团队代码评审 CheckList 清单》,这样代码评审人员在评审代码时,可以参照这份清单,对代码进行评审。从而辅助整个团队提高代码质量、统一代码规…
  2. 【Promise 】必知必会经典题 题目转载来自: github.com/nswbmw/node… 如何写出清晰优雅的代码也是调试重要的一部分,而在过去很长一段时间内,JavaScript 最令人吐槽的就是回调地狱(callback hell)了。先看一段代码: 现在,我们以十道题巩固一下前面所学到的 Promise 的知识点。 题目一 const promise = new Promise((resolve, reject) =…
  3. 从源码解读Vue生命周期,让面试官对你刮目相看 观感度::star2::star2::star2::star2::star2: 口味:蜜桃乌龙 烹饪时间:30min 在我们的实际项目中,与Vue的生命周期打交道可以说是家常便饭。掌握Vue的生命周期对开发者来说是特别重要的。那么如果能够从源码角度理解Vue的生命周期,对我们的开发和成长会有进一步的提升。 本文从基础知识开始讲起,…
  4. Vue入门学习之技术分享-3(Vue中的动画特效) 今天又是学习的一天,但是我今天不想熬夜了,我要去看一会会电视剧了。等我哪天忘了我就打开我的掘金然后猫几眼寄几写的东西 总结内容如下 正文 Vue中的CSS动画原理 如果需要动画效果则需要把元素放在 transition 标签之中(可以给transition标签取一个名字加入这个名字是fade),这样就会有一个过渡的动画效果。 …
  5. JavaScript深入浅出第3课:什么是垃圾回收算法?摘要: JS是如何回收内存的? 《JavaScript深入浅出》系列: JavaScript深入浅出第1课:箭头函数中的this究竟是什么鬼? JavaScript深入浅出第2课:函数是一等公民是什么意思呢? JavaScript深入浅出第3课:什么…
  6. Vue中jsx不完全应用指南文章所有的代码是基于Vue CLI 3.x版本,不会涉及到一步步通过Webpack来配置JSX所需要的知识点。
  7. 千秋万代,一统江湖:Flutter for All Screens 前言 2018年2月27日,Google发布了Flutter的第一个Beta版本,由于自己是一个Google粉,所以很快就下载尝鲜了,之后还在简书上发过一篇博客《你好,Flutter》,是我的第一篇阅读量过10w的文章。在学习flutter期间也做过一些零散的笔记,但由于当时觉悟不高,并没整理成册,而且当时正准备保研,手头事情很多加上…
  8. Node.js内存管理和V8垃圾回收机制 对于 Node.js 服务端研发的同学来说,关于垃圾回收、内存释放这块不需要向 C/C++ 的同学那样在创建一个对象之后还需要手动创建一个 delete/free 这样的一个操作进行 GC(垃圾回收), Node.js 与 Java 一样,由虚拟机进行内存自动管理,但是这样并不表示就此可以高枕无忧了,在开发中可能由于疏忽或者程序错误导致的内存…
  9. vue打包后vendor.js文件过大解决方案 第一步、cdn引入各种包 index.html中cdn的方式引入vue、vuex、axios、element-ui、vue-router等包,如下图: 第二步、在使用vue等包的地方,注释掉import引入 在所有使用vue的地方注释掉引入的vue等包,但是Vue.use(axios)、Vue.use(VueRoter)、Vue.use(vuex)等依然要使用,除了Vue.use(ElementUI), 如果加上…
  10. 带你了解vue计算属性的实现原理以及vuex的实现原理 在vue的开发中,我们不免会使用到计算属性,使用计算属性,vue会帮我们收集所有的该计算属性所依赖的所有data属性的依赖,当data属性改变时,便会重新获取computed属性,这样我们就不用关注计算属性所依赖的data属性的改变,而手动修改computed属性,这是vue强大之处之一。那么我们不免会产生疑问,computed属性为啥能随…
  11. 深入 webpack 打包后的 js 世界 在现代主流的前端项目开发中,几乎总能找到 webpack 的影子,它似乎已经成了现今前端开发中不可或缺的一部分。 下图是 webpack 官网首页,它生动形象的展现了 webpack 的核心功能:将一堆依赖关系复杂的模块打包成整齐有序的静态资源。 webpack 的出现加上现成脚手架的支持,让我们可以集中精力在项目开发…
  12. JS 实现全景图预览 WebGL(全称 Web Graphics Library)是一种 3D 绘图协议,这种绘图技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定,WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和模型了,还能创建…
  13. Node.js 实现远程桌面监控(二) 上一篇文章中讲了远程桌面监控的实现思路。虽然是可用的,但有很多不好用的地方,于是我又进行了完善。 我对这个工具的期望是我希望用户在用的时候,只要通过npm全局安装一个服务端的包,然后命令行启动服务端,在另一台机器全局安装客户端的包,也是命令行启动,这样就可以做到远程监控了。且命令行支持灵活地参数配…
  14. 使用Angular7开发一个Radio组件 Angular7(以下简称ng7),已经跟之前版本大有不同。新建工程后,可方便创建library(简称lib),lib是什么呢?就是一个npm包的源码包。npm作为强大的包管理器,已经成为很多FEer分享智慧成果的法器。本文主要介绍本人写的一个radio组件。 二、开发组件radio过程 1、使用ng cli,新建工程,创建lib // 安装ng cli npm…
  15. 【Vue原理】Directives – 源码版 写文章不容易,点个赞呗兄弟 专注 Vue 源码分享,文章分为白话版和 源码版,白话版助于理解工作原理,源码版助于了解内部详情,让我们一起学习吧 研究基于 Vue版本 【2.5.17】 如果你觉得排版难看,请点击 下面链接 或者 拉到 下面 关注公众号 也可以吧 【Vue原理】Directives – 源码版 咦,上一篇我们已经讲…
  16. js类型检测的几种方式盘点开始之前,必须要知道js中关于类型的定义。js中有6种基本类型,null,undefined,boolean,string,number,symbol(es6新增的类型)。还有一种引用类型(复杂类型)是object。像是{},function函数,[]数组都是对象。
  17. Golang net/http 输出 context 引起的 map panic 前言: 最近遇到一个很奇怪的问题,在net/http里打印http.Request的context会出现panic。具体的错误error, fatal error: concurrent map read and map write 。 我们知道golang的map不是线程安全的,多个协程不加锁对map并发读写会触发data race,然后panic异常退出。 该文章后续仍在不断的更新修改…
  18. 记录一次vue练习的填坑记录 前段时间练习了vue,写了个简单的demo,是模仿网易音乐h5页面效果,内容比较简单只实现了基本的功能,使用了vue脚手架、vue-router、vuex以及vant  ui库。在此简单记录下遇到的坑以及简单的填坑记录。 1、动态路由 通常我们写的路由都是静态路由,就是写死路由的名字,但是有时候我们的路由不能写死,比如涉及到…
  19. 心理学之茶哥分享:前端包管理工具整理 大家好,今天由我给大家带来 前端心理学茶哥 的分享总结。 茶哥是位声音酥酥的小姐姐:girl:,总结的知识点也是满满的干货,接下来我将对茶哥分享的内容进行整理,以供大家查阅。 首先,前端有很多名词 // 包管理工具 npm bower yarn // 构建 webpack Grunt Gulp require.js Brunch parcel Browserify Yeoman Br…

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

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


关注我

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

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

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