前端
大懒猫呀
这个作者很懒,什么都没留下…
展开
-
css部分知识点总结display:block;display:inline;清除浮动;css3新特性;box-sizing属性
block:块级元素1、处于常规文档流时,如果不设置宽度,则自动填满父元素2、可以应用margin、padding3、不设置高度的情况,父级会自测子级高度包含子级4、vertical-align不起作用5、在常规文档流中布局时会独占一个水平空间inline:1、margin、padding在水平方向有效,在垂直方向无效2、width、height在非替换行内元素无效,宽度由内容决定3、非替换行内元素的行框高有line-height决定,替换行内元素则由height、mar原创 2022-04-01 21:29:41 · 501 阅读 · 0 评论 -
js事件循环机制
javascript是单线程非阻塞的脚本语言 单线程意味着javascript在执行代码的任何时候,都只有一个主线程在执行任务;非阻塞是通过事件循环实现的event loop 主要分为三个部分 主线程 宏队列 微队列js的任务队列分为同步任务和异步任务,所有的同步任务都在主线程执行,异步任务在宏队列或微队列中宏队列:setTimeout setInterval setImmediate I/O UI rendering微队列:promise.then , process.nextTick(p原创 2022-04-01 21:22:00 · 881 阅读 · 0 评论 -
vue调用子组件作为弹窗时只执行一次created问题
解决办法:用v-if将子组件包裹起来,因为v-if=false时可以将子组件销毁掉,再次调用时重新渲染补充知识:vue如何每次打开子组件弹窗都进行初始化 :visible.sync 与 v-if同时使用即可原创 2022-04-01 21:17:49 · 2186 阅读 · 0 评论 -
vue axios多次请求一个接口取消前面请求
方法一 var CancelToken = axios.CancelToken; var source = CancelToken.source(); // 每次调用接口之前都赋值一下 不然不会触发请求 axios.get('/user/12345', {//get请求在第二个参数 cancelToken: source.token }).catch(function(thrown) { }); axios.post('/user/12345',原创 2022-04-01 21:14:09 · 1540 阅读 · 0 评论 -
webpack打包概念整理
一、webpack的更新流程1、初始化参数:根据配置文件和shell语句读取、合并,得到最终参数2、开始编译:根据上一步得到的参数初始化,调用函数的run方法开始编译3、确定入口文件:根据entry确定所有的入口文件4、模块编译:根据入口文件,调用所有的loader进行模块的编译,再找出与该模块依赖的模块,根据递归将所有入口文件都进行处理;5、完成模块编译:经过上一步通过loader对模块编译,得到被编译的最终内容和模块之间的依赖关系6、输出资源:根据模块之间的依赖关系,组装成一个个原创 2022-04-01 21:06:04 · 162 阅读 · 0 评论 -
SCSS使用方法详解
SCSS (Sassy CSS),它是一款css预处理语言,是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能并且Sass可以帮助我们减少css重复的代码,减少开发时间。那么Sass有什么强大并且高级的功能呢?例如:变量、嵌套、导入import、混合mixin、继承extend那就从简单一点的开始入手啦!举个????下面这个小????是 ’&‘关键字,意义是引用父级选择器,在这里’&‘代指.container.container{原创 2020-07-06 15:32:20 · 1535 阅读 · 0 评论