20190915 前端开发日报

大前端学习第5课: Koa项目工程化2;最新打包配置,webpack 4 配置 React 项目,同时配置DEV和PROD环境;CSS 字体:字体特性;包教包会,和你完成一个Promise(三);Vue中项目优化;JS对象那些事儿;我的前端秋招之旅;如何在Vue Router中应用中间件

  1. 大前端学习第5课: Koa项目工程化2 在前面的课程中,简单的配置了一下webpack,以及介绍了一些nodejs的调试技巧。这节课信息量还是比较大的。主要讲了以下内容: 目录 npm-check-updates的使用 koa-compose的使用 如何分离webpack的生成环境和开发环境 Terser的使用 生产环境中,koa的目录结构 Koa-compress的使用 npm-check-...
  2. 最新打包配置,webpack 4 配置 React 项目,同时配置DEV和PROD环境 yarn add create-react-app -global npx create-react-app my-app 复制代码 2、从零配置webapck 安装: yarn add webpack webpack-cli webpack-dev-server 复制代码 在package.JSON增加 "scripts": { "dev": "webpack-dev-server --mode development", "b...
  3. CSS 字体:字体特性 编者按:本文作者李松峰,资深技术图书译者,翻译出版过40余部技术及交互设计专著,现任360奇舞团web前端开发资深专家,360前端技术委员会委员、W3C AC代表。 CSS Font Module Level 3(本文以下简称“ML3”)新增了字体特性(Font Feature)属性,用于扩展font-variant,以支持丰富OpenType字体特性,如连字。 ...
  4. 包教包会,和你完成一个Promise(三) 本篇文章是包教包会,和你实现一个Promise的第三篇文章。因为这个小系列旨在完成一个符合规范的Promise,而且这三篇文章有前后关系,如果没有看过前两篇,第三篇看起来会有些莫名其妙。要是没看过,还是建议先看下前两篇。在这里: 包教包会,和你实现一个Promise(一) 包教包会,和你实现一个Promise(二) 到目...
  5. Vue中项目优化 因为涉及的内容比较多,所以就不详细说明了,如果想要深入了解的话,可以自行搜索资料进行学习 第一类:(书写习惯) data优化 不需要做响应式的数据,不要放在 data 中 不要把所有的数据都放到 data 中,只把你需要做响应式的数据放到 data 中 如果一个数据放到了 data 中,Vue 会给这个数据添加一个 getter 和...
  6. JS对象那些事儿JavaScript中几乎所有东西都是一个对象,除了六种基本类型数据 - null,undefined,strings,numbers,boolean和symbols。
  7. 我的前端秋招之旅 从八月份开始准备至今,笔者本次秋招之旅也差不多该准备结束了。拿到了心仪的 offer ,也真正经历了一次作为一个面试者的全过程,期间可能一直没时间来整理一篇完备的文章,忙着项目,抽空复习知识点感觉整天都会有种疲惫感,这种感觉一直持续了很久,目前也算要尘埃落定,笔者这篇博文权当记录一下这次还留存的面经吧...
  8. 如何在Vue Router中应用中间件中间件是我们在软件开发中的一个古老而强大的概念,当我们在应用程序中使用路由相关模式时,它非常有用。 如果您不太了解中间件的含义,Nodejs框架Express里的中间件可以帮助您了解它们的工作原理。 但是,中间件...
  9. JavaScript入门指南(学习笔记) 本片文章记录一下当时自己学习JavaScript的过程以及一些知识点和注意事项,从基础到中高级的内容都有,会以章节的形式慢慢展示出来 学前准备 学习基础:DIV+CSS基础扎实 开发工具: sublime/webstorm/VScode等等 第一章 初识JavaScript JavaScript(JS)是什么? JavaScript一种直译式脚本语言,是一种动态类...
  10. 告别webpack,直接运行npm包 2019年,距离ES6正式发布已经过去了4年多了,es6给我们带来了许多新特性,包括全新的JavaScript模块系统(ESM),它可以直接在浏览器运行。但一般我们开发项目,还是要引入Browserify和Webpack等打包工具进行打包,诚然,这些打包工具可以给项目带来很多好处、比如混淆、压缩和转译代码等等。但与此同时,也带给项目极大...
  11. [面试题]关于JavaScript,你了解多少? 事件委托是将事件监听器添加到父元素,而不是每个子元素单独设置事件监听器。当触发子元素时,事件会冒泡到父元素,监听器就会触发。这种技术的好处是: 1.内存占用减少,因为只需要一个父元素的事件处理程序,而不必为每个后代都添加事件处理程序。 2.无需从已删除的元素中解绑处理程序,也无需将处理程序绑定到新...
  12. 如何在 React 项目中整合 Eslint 和 Prettier当我们来到一个新的团队,或者接手一个新的项目时,一定会遇到代码规范的问题。随着前端应用越来越复杂,代码规范的问题也日益得到大家的重视。本文就带着大家来从 0 开始整合一个 React 前端应用的相关配置。
  13. JS Intl对象完整简介及在中文中的应用 byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8950 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、先整体了解Intl对象 Intl对象是ECMAScript国际化API的命名空间,它提供对语言敏感的字符串比较、支持数字格式化以及日期和时间的格式化。 我们...
  14. 写给自己看:记一次手写Promise Promise 是类 promise 是一个拥有 then 方法的对象或函数,其行为符合本规范。 thenable 是一个定义了 then 方法的对象或函数。 value 指任何 JavaScript 的合法值(包括 undefined , thenable 和 promise)。 exception 是使用 throw 语句抛出的一个值。 reason 表示一个 promise 的拒绝原因。 2. 要求 2...

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

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

原文:20190915 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20190915.html)