20180721 前端开发日报

前端工程师需要知道的反爬虫知识;团队合作必备的Git操作;为什么说 JSON 不适合做配置文件?;带你一起撸一遍 nodejs 常用核心模块(二);一步步实现VUE-MVVM 系列,储备面试技能;JS:逻辑操作符“||”、“&&”和“”;Webpack 中的 sideEffects 到底该怎么用?;在 Vue 中使用 TypeScript 的一些思考(实践)

  1. 前端工程师需要知道的反爬虫知识 爬虫技术 :网络爬虫(又被称为网页蜘蛛,网络机器人,在FOAF社区中间,更经常的称为网页追逐者),是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本。另外一些不常使用的名字还有蚂蚁、自动索引、模拟程序或者蠕虫。 网络爬虫是一个自动提取网页的程序,它为搜索
  2. 团队合作必备的Git操作 编辑器&Mac 1、编辑器的使用vs code 插件 git辅助工具,可查看代码的书写者:Git Blame 2、 Mac工具使用 强大
  3. 为什么说 JSON 不适合做配置文件? 很多项目使用 JSON 作为配置文件,最明显的例子就是 npm 和 yarn 使用的 package.json 文件。当然,还有很多其他文件,例如 CloudFormation(最初只有 JSON,但现在也支持 YAML)和 composer(PHP)。 但是,JSON 实际上是一种非常糟糕的配置语言。别误会我的意思,我其实是喜欢 JSON 的。它是一种相对灵活的文…
  4. 带你一起撸一遍 nodejs 常用核心模块(二) 前沿:核心模块二主要是和流相关的部分,当然要想给这一块有清楚的了解,你需要对核心模块(一)中的内容有一些了解。 fs模块 fs模块的常见方法(所有的读方法,文件必须存在,不存在就会报错,所有的写方法,如果文件不存在,则创建该文件): fs.readFile() — fs.readFileSync() let fs=require(‘f…
  5. 一步步实现VUE-MVVM 系列,储备面试技能 这是本人的学习之记录,因为最近在面试,很多情况下会被提问到:请简述 mvvm ? 一般情况下我可能这么答: mvvm 是视图和逻辑的一个分离,是 model view view-model 的缩写,通过虚拟dom的方式实现双向数据绑定(我随便答得) 那么问题来了,你知道 mvvm 是怎么实现的? 回答: mvvm 主要通过 Object 的 definePropert…
  6. JS:逻辑操作符“||”、“&&”和“” JS:逻辑操作符“||”、“&&”和“!”。 Operator Usage Description Logical AND (&&) expr1 && expr2 Returns expr1 if it can be converted to false; otherwise, returns expr2. Thus, when used with…
  7. Webpack 中的 sideEffects 到底该怎么用? 原文链接 webpack v4 开始新增了一个 sideEffects 特性,通过给 package.json 加入 sideEffects: false 声明该包模块是否包含 sideEffects(副作用),从而可以为 tree-shaking 提供更大的
  8. 在 Vue 中使用 TypeScript 的一些思考(实践) 使用 TypeScript 写 Vue 组件时,有两种推荐形式: Vue.extend():使用基础 Vue 构造器,创建一个“子类”。此种写法与 Vue 单文件组件标准形式最为接近,唯一不同仅是组件选项需要被包裹在 Vue.extend() 中。 vue-c
  9. 传统业务融合 Vue 组件 – 评论框开发小结 在不同时期不同业务场景下,前端对框架的选择也不近相同,本文将会分享PC文章页中的评论系统的开发过程,如何在传统业务中使用 vue 重构(开发)一个业务组件,这与直接使用 vue 开发页面有什么不同,同时也会顺便介绍下 vue-cli 3.0 版本的新增的一些功能对开发独立组件/库带来的便利。 问题分析: vue 组件以何…
  10. 你可能从未听说过这15个HTML元素方法 作者|David Gilbertson 译者|邵思华 编辑|覃云 虽然现代化的 web 开发更多地依赖各种 MVC 框架,但开发者仍需要熟练掌握 HTML 与 DOM 方面的基础知识。不过,即使是有着多年经验的前端开发者,也会遇到一些不
  11. webpack 4.x + Vue基础配置,顺利启动项目 此配置为自己动手的webpack 4.x简单配置,高手绕过,入门者共同学习!不懂处可自行百度或者留言 webpack中文官网 坑:全局webpack版本为3.x, 而项目为4.x 建议安装项目局部的webpack版本 npm i -D webpack webpack-cli 初始化 package.json npm init -y 或 npm init 生成一下package.json文件 { &…
  12. Javascript模块化的演进历程 ES2015 在2015年6月正式发布,官方终于引入了对于模块的原生支持,如今 JS 的模块化开发非常的方便、自然,但这个新规范仅仅持续了3年。就在7年前,JS 的模块化还停留在运行时的支持;13年前,通过后端模版定义、注释定义模块依赖。对于经历过的人来说,历
  13. vue、react隐式实例化 这是一篇几个月前写的文章,那时候理解也不是特别透彻,但还是搬运到掘金发一遍。 写这篇的缘由是因为上一篇 vue与react组件对比学习 写的有点啰嗦也没有写的很明白同时也存在一点错误,所以重新写一篇简介概要点的。 隐式实例化 隐式实例化,不希望写在 react 的 jsx 里或是 vue 的 template …
  14. 从 JS 引擎理解 Await b() 与 Promise.then(b) 的堆栈处理 译者按: Async/Await真的只是简单的语法糖吗?No! 原文:Asynchronous stack traces: why await beats .then() 作者: Mathias Bynens: Google V8引擎开发者 译者:Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。 与直…
  15. 由 CSS 网格系统的创造者们所讲述的故事 原文地址:The Story of CSS Grid, from Its Creators 原文作者:Aaron Gustafson 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:Tivcrmn 校对者:Zheng
  16. Javascript模块化的演讲历程 ES2015 在2015年6月正式发布,官方终于引入了对于模块的原生支持,如今 JS 的模块化开发非常的方便、自然,但这个新规范仅仅持续了3年。就在7年前,JS 的模块化还停留在运行时的支持;13年前,通过后端模版定义、注释定义模块依赖。对于经历过的人来说,历史的模块化方式还停留在脑海中,久久不能忘怀。 为什么需要模…
  17. 【翻译】ECMAScript装饰器的简单指南 简要介绍JavaScript中的“装饰器”的提案的一些基础示例以及ECMAScript相关的内容 为什么用ECMAScript装饰器代替标题中的JavaScript装饰器? 因为ECMAScript是用于编写脚本语言(如JavaScript)的标准,所以它不强

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

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


关注我

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

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

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