摘要:参考:https://www.cnblogs.com/PasserByOne/p/12084323.html https://blog.csdn.net/qq593249106/article/details/84928595 html-webpack-plugin index.html中有一个<s 阅读全文
posted @ 2020-02-01 12:41 cecelia 阅读(419) 评论(0) 推荐(0) 编辑
摘要:1、什么是Webpack Webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。在3.0出现后,Webpack还肩负起了优化项目的责任。 这 阅读全文
posted @ 2019-03-18 17:27 cecelia 阅读(229) 评论(0) 推荐(0) 编辑
摘要:1. vite的 create-app CLI整体架构 我们可以看到除了我们常用的npm库enquirer(命令行提示)外,还用到了minimist和kolorist这两个库。接下来, 将对create-app CLI中用到的库进行介绍 逐步拆解、分析create-app CLI源码 2. crea 阅读全文
posted @ 2021-02-15 21:21 cecelia 阅读(48) 评论(0) 推荐(0) 编辑
摘要:源码地址 注: 这里,为了读起来思路更清晰一些,我们将__DEV__的代码去掉。 import {REACT_PROVIDER_TYPE, REACT_CONTEXT_TYPE} from 'shared/ReactSymbols'; import type {ReactContext} from 阅读全文
posted @ 2021-02-03 10:52 cecelia 阅读(20) 评论(0) 推荐(0) 编辑
摘要:一、可选链是什么 可选链 ?. 是一种访问嵌套对象属性的防错误方法。即使中间的属性不存在,也不会出现错误。 二、为什么要使用可选链 在很多情况下,我们需要取一个对象的嵌套属性,但有时会出现下面这种特例: const a = {}; console.log(a.b.c); // Error! a.b的 阅读全文
posted @ 2021-01-03 14:42 cecelia 阅读(60) 评论(0) 推荐(0) 编辑
摘要:在css中, 我们通过position: fixed进行相对于视口(viewport)的定位,且元素的位置在屏幕滚动时不会改变。 但是在许多特定的场合下,即使为元素指定了 position:fixed,仍然无法相对于屏幕视口进行定位。 MDN中,对于position: fixed有这样一段话: 当元 阅读全文
posted @ 2020-11-15 19:44 cecelia 阅读(135) 评论(0) 推荐(0) 编辑
摘要:构建DOM和解析CSS不会互相阻塞 虽然构建DOM和解析CSS不会互相阻塞, 但解析CSS时机和Style标签的位置有关(把Style标签放在head中) 多个CSS,按照HTML文档中顺序加载解析 JS 标签阻塞DOM构建 script标签两个常用属性: defer:自动将script标签放在bo 阅读全文
posted @ 2020-08-05 13:59 cecelia 阅读(41) 评论(0) 推荐(0) 编辑
摘要:1. 全局安装 npm i typescript -g npm i tslint -g 2. 项目初始化 npm init // 生成package.json tsc --init // 生成tsconfig.json tsconfig.json文件内容(对于其中每一项的含义,后面补充) 3.项目中 阅读全文
posted @ 2020-06-02 17:11 cecelia 阅读(566) 评论(0) 推荐(0) 编辑
摘要:from: https://segmentfault.com/a/1190000014722978 CSS的痛点 1、CSS 的规则是全局的,任何一个组件的样式规则,都对整个页面有效。相信写css的人都会遇到样式冲突(污染)的问题。 2、为了解决全局污染的问题,那就把class命名写长一点吧、加一层 阅读全文
posted @ 2020-05-23 20:07 cecelia 阅读(183) 评论(0) 推荐(0) 编辑
摘要:1. 异步操作 var fs = require('fs'); fs.readFile('./views/index.html', (err, data) => { if (err) { throw err } console.log(data.toString()); }) fs.readFile 阅读全文
posted @ 2020-05-08 18:26 cecelia 阅读(478) 评论(0) 推荐(1) 编辑
摘要:from:wx--前端早读课 首先回想用css画三角形的方法: <div class="triangle"></div> .triangle { display: inline-block; border: 40px solid; border-color: red transparent tran 阅读全文
posted @ 2020-04-23 12:30 cecelia 阅读(265) 评论(0) 推荐(0) 编辑
摘要:1.安装less less-loader npm i -D less less-loader 2.在 .vue文件中使用lang="less"和@import // home.lessc @base-color: #39c; @part-color: #3c9; <style lang="less" 阅读全文
posted @ 2020-04-23 10:18 cecelia 阅读(413) 评论(0) 推荐(0) 编辑