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