上一页 1 ··· 6 7 8 9 10 11 12 13 14 下一页

2021年3月29日

摘要: Vue.js生命周期 初始化(事件&生命周期) 》beforeCreate钩子函数 》初始化(注入&校验) 》created钩子函数 Vue.js语法和概念 1、差值表达式 2、指令 3.计算属性和侦听器 4、Class和Style绑定 5、条件渲染/列表渲染 6、表单输入绑定 7、组件 8、插槽 阅读全文
posted @ 2021-03-29 10:06 phantom_yy 阅读(56) 评论(0) 推荐(0)

2021年3月26日

摘要: 规范化标准 规范化是我们践行前端工程化中重要的一部分 常见的规范化实现方式: 1、ESLint工具使用 2、定制ESLint校验规则 3、ESLint对TypeScript的支持 4、ESLint结合自动化工具或者Webpack 5、基于ESLint的衍生工具 6、Stylelint工具的使用 Es 阅读全文
posted @ 2021-03-26 16:10 phantom_yy 阅读(86) 评论(0) 推荐(0)

2021年3月17日

摘要: 1、因为模块打包需要,webpack可以处理import和export;但是并不能处理es6其他特性 2、babel-loader处理代码新特性 安装模块 yarn add babel-loader @babel/core @babel/preset-env --dev 配置使用 { test:/. 阅读全文
posted @ 2021-03-17 19:00 phantom_yy 阅读(140) 评论(0) 推荐(0)
 
摘要: 1、安装url-loader yarn add url-loader --dev 2、使用 { test:/.png$/, use:'url-loader' } 3、总结 (1)小文件使用Data URLs,减少请求次数; (2)大文件淡出提取存放,提高加载速度; 优化: 超出10KB文件单独提取存 阅读全文
posted @ 2021-03-17 17:44 phantom_yy 阅读(72) 评论(0) 推荐(0)
 
摘要: 1、导入图片 import icon from './icon.png' 2、安装file-loader yarn add file-loader --dev 3、使用 main.js const img = new Image(); img.src = icon; document.body.ap 阅读全文
posted @ 2021-03-17 16:01 phantom_yy 阅读(77) 评论(0) 推荐(0)
 
摘要: WebPack常用加载器分类 1、编译转换类 2、文件操作类 3、代码检查类 webpack默认打包javascript文件 1、为其他资源安装loader 安装css-loader yarn add css-loader --dev 2、添加style-loader yarn add style- 阅读全文
posted @ 2021-03-17 12:05 phantom_yy 阅读(65) 评论(0) 推荐(0)

2021年3月15日

摘要: ES Modules浏览器环境Polyfill Polyfill支持大多数的ES Module正常加载 1、页面引入loader脚本文件 2、页面引入promise文件(浏览器未找到定义promise的情况下) 3、在使用Polyfill时,一些支持ES Module的浏览器会重复加载,所以在引用的 阅读全文
posted @ 2021-03-15 18:54 phantom_yy 阅读(56) 评论(0) 推荐(0)
 
摘要: ES Modules特性 1、ESM自动采用严格模式,忽略'use strict' 2、每个ES Module 都是运行在单独的私有作用域 3、ESM是通过CORE的方式请求外部JS模块的 4、ESM的script标签会延迟执行脚本 ES Modules导入与导出 export模块内向模块外暴露接口 阅读全文
posted @ 2021-03-15 16:56 phantom_yy 阅读(108) 评论(0) 推荐(0)

2021年3月11日

摘要: 1、配置文件中添加配置 //转换sass //match第一个参数选择器 //rExt:扩展名 //optimizer:压缩 fis.match('**/*.scss',{ rExt:'.css', parse:fis.plugin('node-sass'), optimizer:fis.plugi 阅读全文
posted @ 2021-03-11 18:15 phantom_yy 阅读(98) 评论(0) 推荐(0)
 
摘要: FIS的核心特点:高度集成,它将前端开发常见的构建任务和调试都集中在内部,开发者可以通过简单的配置完成开发工作。 1、全局安装fis3模块 yarn global add fis3 2、构建任务 fis3 release 3、指定输出目录(output),实现资源定位 fis3 release -d 阅读全文
posted @ 2021-03-11 17:53 phantom_yy 阅读(182) 评论(0) 推荐(0)
上一页 1 ··· 6 7 8 9 10 11 12 13 14 下一页