20191005 前端开发日报

Vue 组件:父子组件通信;javascript中数组常用的方法和属性;除了Web和Node,JavaScript还能做什么;JavaScript系列:揭开new运算符的神秘面纱;rxjs 操作符(operator)和operation的原理;Angular 4.x + ng-zorro 自定义框架指南;The story of a V8 performance cliff in React;在翻译中学习Webpack-SplitChunksPlugin

  1. Vue 组件:父子组件通信 子组件是不能直接访问父组件中的数据的,但有时候父子组件之间需要进行数据交互,这就涉及到了父子组件通信的问题。简单来说,父组件向子组件通信是通过 props 进行的,而子组件向父组件通信则是通过 自定义事件 进行的。 我们用一个简易的 todolist 案例来理解这两个过程。 todolist 案例 1.父传子 假…
  2. JavaScript系列:揭开new运算符的神秘面纱 我们经常会使用 new 运算符创建一个数组( Array )、对象( Object )等,那么 new 到底是什么? new的定义 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 new的作用 根据 new 的定义,我们很容易地得出 new 的作用就是创建一个对象,其实并不是这样, new 是用来继承的,我们…
  3. rxjs 操作符(operator)和operation的原理 一.what is operator ? 二.how this happend? 正文: what is operator ? 先来看一个栗子: import { of } from ‘rxjs’; import { tap, pluck, mapTo } from ‘rxjs/operators’; of({val: 1}).pipe( tap(i => console.log(i)), pluck(‘val’), mapTo(‘hello world’) ) 复制代码 pipe中…
  4. Angular 4.x + ng-zorro 自定义框架指南 写在前面 由于现在网络上Angular 4-8的相关技术文档不是很充分,我写出这个采坑的记录文档,一方面是想给自己在项目中遇到的各种问题与个人的理解记录下来,另一方面也想着某些坑大家可能也会遇到,也可以给道友做一个参考。文档中的很多地方多有不足,后期我会慢慢完善,也希望道友们能够及时指出文档中不正确的与可以…
  5. The story of a V8 performance cliff in React 在 JavaScript 中,值有 8 总类型(当前): Number , String , Symbol , BigInt , Boolean , Undefined , Null , Object 。 01-javascript-types 除了一个明显的例外,这些类型都可以用 typeof 直接查看。 typeof 42; // → ‘number’ typeof ‘foo’; // → ‘string’ typeof Symbol(‘bar…
  6. 在翻译中学习Webpack-SplitChunksPlugin 通常,在 webpack 的内部图谱里面, chunks 是以 父子 关系关联在一起的。 CommonsChunkPlugin 曾被用来避免他们之间的重复依赖,但是在未来它将起不到优化作用了。 从 webpack4 开始, CommonsChunkPlugin 已经被移除了,取而代之的是 optimization.splitChunks 默认场景 对于大部分用户来说, SplitCh…
  7. 使用 .gitignore 忽略 Git 仓库中的文件在Git中,很多时候你只想将代码提交到仓库,而不是将当前文件目录下的文件全部提交到Git仓库中,例如在MacOS系统下面的.DS_Store文件,或者是Xocde的操作记录,又或者是pod库的中一大串的源代码。这种情况下使用….
  8. vue-type-check: Vue 模板中的 Typescript 类型检查越来越多人开始尝试使用 Typescript 编写他们的 Vue 项目,Vue 本身也在不断加强对 Typescript 的支持(官方提供 vue-class-component 库、使用 Typescript 编写 Vue 3.0 等),但是对于组件中模板部分的类型检查…
  9. 彻底吃透 JavaScript 执行机制 前言 The last time, I have learned 【THE LAST TIME】一直是我想写的一个系列,旨在厚积薄发,重温前端。 也是给自己的查缺补漏和技术分享。 欢迎大家多多评论指点吐槽。 系列文章均首发于公众号【全栈前端精选】,笔者文章集合详见Nealyang/persona…
  10. 《HelloGitHub》第 42 期 兴趣是最好的老师,HelloGitHub 就是帮你找到兴趣! 简介 分享 GitHub 上有趣、入门级的开源项目。 这是一个面向编程新手、热爱编程、对开源社区感兴趣 人群的月刊,月刊的内容包括:各种编程语言的项目、让生活变得更美好的工具、书籍、学习笔记、教程等,这些开源项目大…

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

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


关注我

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

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

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