前端小厨

摘要： ES6语法转换 -> babel-loader 依赖： babel-loader @babel/core @babel/preset-env @babel/polyfill 其他依赖可以通过babeljs官方网站查询，转换装饰器 class语法 module.exports = { module: 阅读全文

摘要： 样式loader 依赖：style-loader css-loader 如果有less sass下载对应依赖 module: { // 模块 rules: [ // 规则 css-loader 解析@import 这种语法 // style-loader 把css 插入到head标签中 // loa 阅读全文

摘要： html-webpack-plugin 这个plugin，主要有两个作用 1.为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题 2.可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webp 阅读全文

摘要： webpack基础 安装webpack - 安装本地webpack - yarn add webpack webpack-cli -D 或者使用npm 手动配置webpack - 默认配置文件 webpack.config.js let path = require('path'); let Htm 阅读全文

摘要： Webpack 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 阅读全文

摘要： 一、props / $emit Prop 是你可以在组件上注册的一些自定义特性。当一个值传递给一个 prop 特性的时候，它就变成了那个组件实例的一个属性。和react的props类似。 // Demo父组件 <template> <div class="father"> /** 向子组件传值 */ 阅读全文

摘要： react的特点 声明式设计 −React采用声明范式，可以轻松描述应用。 高效 −React通过对DOM的模拟（虚拟dom），最大限度地减少与DOM的交互。 灵活 −React可以与已知的库或框架很好地配合。 JSX − JSX 是 JavaScript 语法的扩展。 组件 − 通过 React 阅读全文

摘要： CSS3边框（常用） border-radius box-shadow border-image CSS3背景（常用） background-image background-size background-origin background-clip CSS3渐变 Linear Radial CS 阅读全文

摘要： 一. html5新元素（常用和需要知道 其他可去w3school或菜鸟教程） 新元素 canvas：定义图形（重点，建议有时间的小伙伴深入研究下） 新多媒体元素 audio：音频 video: 视频 source: 定义媒体 audio或者video 新语义元素 header, footer, pr 阅读全文

摘要： this的指向，是在函数被调用的时候确定的。 在一个函数上下文中，this由调用者提供，由调用函数的方式来决定。如果调用者函数，被某一个对象所拥有，那么该函数在调用时，内部的this指向该对象。如果函数独立调用，那么该函数内部的this，则指向undefined。但是在非严格模式中，当this指向u 阅读全文