- 博客(15)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 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
338
转载 前端精选文摘：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
133
原创 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
4366
转载 [转]入门webpack
一篇不错的webpack入门博文原文地址：https://segmentfault.com/a/1190000006178770
2020-04-09 10:40:39
85
原创 webpack学习之webpack概念
webpack是一个现代JavaScript应用程序的静态模块打包器，当webpack处理应用程序时，会递归构建一个依赖关系图，将程序中所需要的每个模块，打包成一个或者多个bundle。webpack有四个核心的概念：入口entry，输出output，loader，plugins。入口入口起点是告诉webpack应该使用哪个模块，作为构建程序内部依赖图的开始...
2020-04-01 23:14:50
88
转载 正则表达式的先行断言和后行断言
后行断言JavaScript 语言的正则表达式，只支持先行断言（lookahead）和先行否定断言（negative lookahead），不支持后行断言（lookbehind）和后行否定断言（negative lookbehind）。目前，有一个提案，引入后行断言，V8 引擎 4.9 版已经支持。”先行断言“指的是，x只有在y前面才匹配，必须写成/x(?=y)/。比如，只匹配百分号之前的...
2020-03-25 10:23:55
571
原创 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
2623
2
原创 元素标签的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
911
原创 es6数组和对象的解构赋值
数组的解构赋值以前给变量赋值是这么做：let a = 1;let b = 2;let c = 3;有了解构赋值以后，我们可以这么做：let [a,b,c] = [1,2,3];一行代码就可以搞定，而且也比较直观。上面代码表示从数组中提取值，按照变量在数组中的对应位置赋值。解构赋值属于模式匹配，当等号两边的模式匹配时，左边变量被赋予对应的值。若解构失败，也就是...
2020-03-06 10:17:55
577
原创 Meteor安装方法
Meteor是一个用于构建Web应用的全栈JavaScript框架。由以下元素组成：1.web客户端2.基于nodejs的服务器，支持es5+3.服务器使用MongoDB4.服务端和客户端数据库可以实时同步5.完整的开发者工具，命令行程序和构建工具安装方法：windows下管理员运行命令行，@"%SystemRoot%\System32\WindowsPowe...
2020-03-05 16:03:47
775
原创 vue.nextTick
概念下次DOM更新循环结束之后执行回调，修改数据后使用nextTick，可以获得更新后的DOM原理Vue的响应式并不是数据发生变化后立即在视图上更新呈现，而是有一定的规则来进行更新。Vue的是异步执行DOM更新的，异步执行的机制的如下：1.所有的同步任务都在主线程上进行。2.主线程之外还有一个任务队列，应该是为异步任务存在的队列。3.主线程所有的同步任务执行完之后，任务队列...
2020-03-05 11:06:23
76
转载 区分npm install 命令
npm install moduleName 命令安装模块到项目node_modules目录下。 不会将模块依赖写入devDependencies或dependencies 节点。 运行 npm install 初始化项目时不会下载模块。npm install -g moduleName 命令安装模块到全局，不会在项目node_modules目录中保存模块包。 不会将模块依赖写入d...
2020-03-05 11:05:14
65
原创 vue导航守卫
vue-router提供的导航守卫是用来控制导航的，也就是控制window.location.href的变化，并在变化的前后做一些处理。目前vue提供的导航守卫有三种：全局的，路由的，组件的。全局前置守卫 12345 const router = new VueRouter({ ... })router.beforeEach((to, from...
2020-03-05 11:04:09
499
原创 Vue渲染函数
Vue使用了一个虚拟DOM的实现，通过树状结构的JavaScript对象来构建虚拟DOM。再将构建的虚拟DOM应用到浏览器的真实DOM上。这尽可能避免了DOM操作，提高了性能。render函数中所用的方法是createElement，别名h，这个h来源于使用JavaScript描述HTML的技术-HyperScriptcreateElement方法接受三个参数：第一个参数是元素的类型，...
2020-03-05 11:02:20
133
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人