如何清除浮动

如何清除浮动: 父元素中添加一个属性 overflow:hidden 添加额外标签,并在标签中使用clear:both 给浮动元素父级设置高度 使用伪元素(必须是块级元素上使用) clearfix:after { content: ''; height: 0; display...

2019-05-09 16:27:23

阅读数 5

评论数 0

css实现三栏布局(左右固定,中间自适应)

1、浮动布局 注意html代码中三栏的先后顺序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...

2019-05-09 16:04:42

阅读数 40

评论数 0

什么是BFC

BFC 块级格式化格式化上下文,它是一种独立的渲染区域,只有Block-level-box参与,它规定了内部的Block-level-box如何布局,并且与这个区域外部毫不相干。 BFC布局规则: 内部的Box会在垂直方向,一个接一个的放置 Box的垂直方向的距离由margin决定,属于同一个B...

2019-05-09 13:34:53

阅读数 18

评论数 0

CSRF和XSS

1、CSRF 基本概念和缩写: CSRF,通常称为跨站请求伪造,英文名Cross-site request forgery 缩写CSRF 攻击原理 攻击前提条件: 在注册网站登录过 网站某个接口有漏洞 防御措施 Token验证(访问接口时带上token) Referer验证(服务器判断页面来源是...

2019-05-08 14:03:35

阅读数 7

评论数 0

js继承的几种方式

js继承的几种方式1、构造函数继承2、原型链继承3、组合继承4、组合继承优化15、组合继承优化26、组合继承优化3 1、构造函数继承 function Parent1(name){ this.name= name || 'Parent1'; } Parent...

2019-05-05 00:09:55

阅读数 21

评论数 0

npm install xx --save 和 --save-dev区别

npm install 安装依赖包时,npm install xx --save可以把依赖包名称添加到package.json的dependencies键中, npm install xx --save-dev则添加到devDependencies键中。 => 其...

2018-07-18 15:24:03

阅读数 137

评论数 0

控制台报 Do not mount Vue to html or body mount to normal elements instead

提供的元素只能作为挂载点。不同于 Vue 1.x,所有的挂载元素会被 Vue 生成的 DOM 替换。因此不推荐挂载 root 实例到 或者 上。=> 用普通元素作为挂载点,例如div...

2018-07-18 11:57:48

阅读数 72

评论数 0

npm 报错 Module build failed: Error: No PostCSS Config found in:

升级webpack版本,有些模块升级的节奏跟不上,也有可能不更新了,导致你升级了webpack,找不到postcss的配置。 目前在npm上查到的postcss配置在webpack.config.js,postcss.config.js是针对webpack3.0做的特殊处理。 在根文件里面新建...

2018-07-18 11:41:29

阅读数 298

评论数 0

vue项目1.0升级到2.0

模板 片段实例 移除 指令 - v-for="(item,index) in items",$index=&am...

2018-07-17 17:59:52

阅读数 451

评论数 0

vue项目1.0升级2.0总结

vue版本升级官网地址:https://cn.vuejs.org/v2/guide/migration.html 配置文件的更改 依赖包更新 路由写法更改 指令更改 钩子函数更改 通信方法 废弃的api 相应依赖包不适合当前框架版本的重构 props的属性不能在其他地方更改 根实例不能挂载在b...

2018-07-17 09:52:39

阅读数 302

评论数 0

proxyTable解决开发环境跨域的问题

vue-cli中config/index.js参数proxyTable配置能够解决跨域问题(只适合在开发环境),通过设置proxyTable中的参数changeOrigin为true,本地就会虚拟一个服务替我们接受或转发请求,这样就不会有跨域的问题了。还能通过配置简化url,例如如果要访问的接口地...

2018-06-13 10:35:38

阅读数 685

评论数 0

Promise对象

Promise是用来处理异步编程的解决方法,主要用来处理回调的地狱,多层回调的嵌套。 Promise对象特点 对象的状态不受外界影响。Promise 对象代表一个异步的操作,有三种状态: pending(进行中)、fulfilled(已成功) 和rejected(已失败)。只有异步操作的...

2018-05-23 17:12:58

阅读数 47

评论数 0

使用vue-cli生成的vendor.js文件太大

通过webpack打包后我们会发现vendor.js会非常大,而且打包也会很慢,因为把依赖库里面的资源都打包到vendor.js里了,而且每次打包都会去重新编译。而我们现在用DllPlugin和DllReferencePlugin主要是把我们引用的依赖库提取出来到static,下次需要时直接去st...

2018-05-15 17:42:22

阅读数 7412

评论数 4

vue路由懒加载

webpack打包vue项目之后会发现js包会非常大,我们可以通过不同的路由来加载不同的组件来提高页面加载效率,避免首次加载页面js过大。 在路由的配置文件index.js里面引入: // 垃圾箱 const Dustbin = () => import('@/c...

2018-05-14 16:33:11

阅读数 164

评论数 0

webpack打包vue项目ie浏览器下报promise 未定义

安装: npm install --save babel-polyfill 你需要在你的应用入口顶部通过 require 将 polyfill 引入进来,确保它在任何其他代码/依赖声明之前被调用 方式1: require("babel-polyfill&...

2018-05-14 15:16:48

阅读数 2072

评论数 0

webpack压缩图片

通常用webpack打包时,会根据webpack.config.js 中url-loader中设置的limit大小来对图片进行处理,小于limit的图片转化成base64格式,其余的不做操作。对于比较大的图片我们可以用image-webpack-loader 来压缩图片。 安装: npm in...

2018-05-14 11:39:49

阅读数 2663

评论数 0

vue-cli打包vue、vue-router、echarts、axios 、jq 引入外部cdn

为了减少vendor.js体积,同时提高webpack打包编译速度,引入cdn外部资源在index.html引入资源文件: <!-- 先引入 Vue --> <!--开发环境--> &am...

2018-04-28 14:28:02

阅读数 2743

评论数 3

Java IDEA中安装配置JDK、Gradle

现在大多数IDE都没有集成JDK环境,IDEA也是一样,在使用IDEA之前首先要安装JDK,并且配置环境变量。与其他IDE不同之处在于,IDEA是不会自动匹配系统的JDK环境。如果在IDEA里面没有配置JDK,运行程序时就会报错。下载IDEA官网地址: https://www.jetbrains....

2018-04-11 17:20:00

阅读数 1194

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭