- 博客(15)
- 资源 (2)
- 收藏
- 关注
转载 css清除浮动的几种方式
为什么要清除浮动清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题。举个例子:<div class="content"> <div class='incont'></div></div>.content { width: 120px; margin: 30px; padding: 25px; background-color: #81b0db;}.incont { wid...
2020-06-08 15:50:44
420
转载 前端精选文摘:BFC 神奇背后的原理
BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么? 在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box
2020-06-08 14:48:37
163
原创 webpack4中uglifyjs-webpack-plugin失效的可能原因之一
module.exports = { devServer: { port: 3000, progress: true, compress: true }, mode: 'production', entry: './src/index.js', output: { filename: 'bundle.js', path: path....
2020-04-13 19:21:33
4508
转载 [转]入门webpack
一篇不错的webpack入门博文原文地址:https://segmentfault.com/a/1190000006178770
2020-04-09 10:40:39
111
原创 webpack学习之webpack概念
webpack是一个现代JavaScript应用程序的静态模块打包器,当webpack处理应用程序时,会递归构建一个依赖关系图,将程序中所需要的每个模块,打包成一个或者多个bundle。webpack有四个核心的概念:入口entry,输出output,loader,plugins。入口入口起点是告诉webpack应该使用哪个模块,作为构建程序内部依赖图的开始...
2020-04-01 23:14:50
122
转载 正则表达式的先行断言和后行断言
后行断言JavaScript 语言的正则表达式,只支持先行断言(lookahead)和先行否定断言(negative lookahead),不支持后行断言(lookbehind)和后行否定断言(negative lookbehind)。目前,有一个提案,引入后行断言,V8 引擎 4.9 版已经支持。”先行断言“指的是,x只有在y前面才匹配,必须写成/x(?=y)/。比如,只匹配百分号之前的...
2020-03-25 10:23:55
709
原创 vscode中,vue/cli 3.x 设置代码自动格式化时的缩进问题
当我们在vscode中对vue-cli脚手架进行代码规范设置时,有时候会遇到代码缩进的问题,我们可能会根据个人习惯来设置tabSize,一般是2或者4吧。当在setting.json里添加"editor.tabSize": 4,"editor.formatOnSave": true, "editor.detectIndentation": false,//关掉编辑器根据文件类型进行的...
2020-03-24 23:25:37
3135
3
原创 元素标签的contentEditable的值的类型踩坑
$("#addtemplate").click(function(){//新增模板varliEl=document.createElement('li');varaEl=document.createElement('a');aEl.contentEditable=true;aEl.classList.add("aaa");$(aE...
2020-03-19 10:41:36
970
原创 es6数组和对象的解构赋值
数组的解构赋值以前给变量赋值是这么做:let a = 1;let b = 2;let c = 3;有了解构赋值以后,我们可以这么做:let [a,b,c] = [1,2,3];一行代码就可以搞定,而且也比较直观。上面代码表示从数组中提取值,按照变量在数组中的对应位置赋值。解构赋值属于模式匹配,当等号两边的模式匹配时,左边变量被赋予对应的值。若解构失败,也就是...
2020-03-06 10:17:55
632
原创 Meteor安装方法
Meteor是一个用于构建Web应用的全栈JavaScript框架。由以下元素组成:1.web客户端2.基于nodejs的服务器,支持es5+3.服务器使用MongoDB4.服务端和客户端数据库可以实时同步5.完整的开发者工具,命令行程序和构建工具安装方法:windows下管理员运行命令行,@"%SystemRoot%\System32\WindowsPowe...
2020-03-05 16:03:47
866
原创 vue.nextTick
概念下次DOM更新循环结束之后执行回调,修改数据后使用nextTick,可以获得更新后的DOM原理Vue的响应式并不是数据发生变化后立即在视图上更新呈现,而是有一定的规则来进行更新。Vue的是异步执行DOM更新的,异步执行的机制的如下:1.所有的同步任务都在主线程上进行。2.主线程之外还有一个任务队列,应该是为异步任务存在的队列。3.主线程所有的同步任务执行完之后,任务队列...
2020-03-05 11:06:23
102
转载 区分npm install 命令
npm install moduleName 命令安装模块到项目node_modules目录下。 不会将模块依赖写入devDependencies或dependencies 节点。 运行 npm install 初始化项目时不会下载模块。npm install -g moduleName 命令安装模块到全局,不会在项目node_modules目录中保存模块包。 不会将模块依赖写入d...
2020-03-05 11:05:14
98
原创 vue导航守卫
vue-router提供的导航守卫是用来控制导航的,也就是控制window.location.href的变化,并在变化的前后做一些处理。目前vue提供的导航守卫有三种:全局的,路由的,组件的。全局前置守卫 12345 const router = new VueRouter({ ... })router.beforeEach((to, from...
2020-03-05 11:04:09
842
原创 Vue渲染函数
Vue使用了一个虚拟DOM的实现,通过树状结构的JavaScript对象来构建虚拟DOM。再将构建的虚拟DOM应用到浏览器的真实DOM上。这尽可能避免了DOM操作,提高了性能。render函数中所用的方法是createElement,别名h,这个h来源于使用JavaScript描述HTML的技术-HyperScriptcreateElement方法接受三个参数:第一个参数是元素的类型,...
2020-03-05 11:02:20
171
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人