- 博客(18)
- 收藏
- 关注
原创 如何清除浮动
如何清除浮动:父元素中添加一个属性 overflow:hidden添加额外标签,并在标签中使用clear:both给浮动元素父级设置高度使用伪元素(必须是块级元素上使用)clearfix:after { content: ''; height: 0; display: block; clear: both; overflow: hidden; vi...
2019-05-09 16:27:23 1878
原创 css实现三栏布局(左右固定,中间自适应)
1、浮动布局注意html代码中三栏的先后顺序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-05-09 16:04:42 926
原创 什么是BFC
BFC 块级格式化格式化上下文,它是一种独立的渲染区域,只有Block-level-box参与,它规定了内部的Block-level-box如何布局,并且与这个区域外部毫不相干。BFC布局规则:内部的Box会在垂直方向,一个接一个的放置Box的垂直方向的距离由margin决定,属于同一个BFC的两个相邻的Box会重叠BFC的区域不会与float box重叠(定位情况除外)计算BFC的高...
2019-05-09 13:34:53 5062 3
原创 CSRF和XSS
1、CSRF基本概念和缩写:CSRF,通常称为跨站请求伪造,英文名Cross-site request forgery 缩写CSRF攻击原理攻击前提条件:在注册网站登录过网站某个接口有漏洞防御措施Token验证(访问接口时带上token)Referer验证(服务器判断页面来源是否是该网站下的)隐藏令牌2、XSS基本概念和缩写:XSS(cross-site scripti...
2019-05-08 14:03:35 146
原创 js继承的几种方式
js继承的几种方式1、构造函数继承2、原型链继承3、组合继承4、组合继承优化15、组合继承优化26、组合继承优化31、构造函数继承 function Parent1(name){ this.name= name || 'Parent1'; } Parent1.prototype.test=function(){} function Child1(n...
2019-05-05 00:09:55 1050
原创 npm install xx --save 和 --save-dev区别
npm install 安装依赖包时,npm install xx --save可以把依赖包名称添加到package.json的dependencies键中, npm install xx --save-dev则添加到devDependencies键中。=&gt; 其实主要前者是运行时候的依赖,后者是开发的依赖,也就是前者是上线还需要的依赖,后者只是开发的时候需要用的依赖。...
2018-07-18 15:24:03 518
原创 控制台报 Do not mount Vue to html or body mount to normal elements instead
提供的元素只能作为挂载点。不同于 Vue 1.x,所有的挂载元素会被 Vue 生成的 DOM 替换。因此不推荐挂载 root 实例到 或者 上。=&amp;amp;amp;amp;gt; 用普通元素作为挂载点,例如div...
2018-07-18 11:57:48 434
原创 npm 报错 Module build failed: Error: No PostCSS Config found in:
升级webpack版本,有些模块升级的节奏跟不上,也有可能不更新了,导致你升级了webpack,找不到postcss的配置。 目前在npm上查到的postcss配置在webpack.config.js,postcss.config.js是针对webpack3.0做的特殊处理。在根文件里面新建一个文件postcss.config.js ,在里面添加以下代码:module.exports =...
2018-07-18 11:41:29 711
原创 vue项目1.0升级到2.0
模板 片段实例 移除指令 - v-for=&amp;amp;amp;amp;amp;amp;quot;(item,index) in items&amp;amp;amp;amp;amp;amp;quot;,$index=&amp;amp;amp;amp;amp;amp;amp;gt;index。 - 绑定属性时 value=&amp;amp;amp;amp;amp;amp;quot;{{XX}}&amp;amp;amp
2018-07-17 17:59:52 1898
原创 vue项目1.0升级2.0总结
vue版本升级官网地址:https://cn.vuejs.org/v2/guide/migration.html配置文件的更改依赖包更新路由写法更改指令更改钩子函数更改通信方法废弃的api相应依赖包不适合当前框架版本的重构props的属性不能在其他地方更改根实例不能挂载在body或html上过滤器写法v-model=”test”,在1.0版本中如果元素中有value属性...
2018-07-17 09:52:39 1039
原创 proxyTable解决开发环境跨域的问题
vue-cli中config/index.js参数proxyTable配置能够解决跨域问题(只适合在开发环境),通过设置proxyTable中的参数changeOrigin为true,本地就会虚拟一个服务替我们接受或转发请求,这样就不会有跨域的问题了。还能通过配置简化url,例如如果要访问的接口地址为http://test.xxx.com/api/getUserInfo,可以通过如下设置,请求ur...
2018-06-13 10:35:38 1407
原创 Promise对象
Promise是用来处理异步编程的解决方法,主要用来处理回调的地狱,多层回调的嵌套。Promise对象特点对象的状态不受外界影响。Promise 对象代表一个异步的操作,有三种状态: pending(进行中)、fulfilled(已成功) 和rejected(已失败)。只有异步操作的结果可以决定当前是哪种状态,任何其他操作都无法改变这个状态。一旦状态改变了,就不会再变,任何时候都可...
2018-05-23 17:12:58 138
原创 使用vue-cli生成的vendor.js文件太大
通过webpack打包后我们会发现vendor.js会非常大,而且打包也会很慢,因为把依赖库里面的资源都打包到vendor.js里了,而且每次打包都会去重新编译。而我们现在用DllPlugin和DllReferencePlugin主要是把我们引用的依赖库提取出来到static,下次需要时直接去static复制到dist,无需重新编译,只需要更新我们修改过的js即可。首先新建一个build/we...
2018-05-15 17:42:22 15625 4
原创 vue路由懒加载
webpack打包vue项目之后会发现js包会非常大,我们可以通过不同的路由来加载不同的组件来提高页面加载效率,避免首次加载页面js过大。在路由的配置文件index.js里面引入:// 垃圾箱const Dustbin = () =&gt; import('@/components/projectManagement/Dustbin')路由配置里使用:export default...
2018-05-14 16:33:11 341
原创 webpack打包vue项目ie浏览器下报promise 未定义
安装:npm install --save babel-polyfill你需要在你的应用入口顶部通过 require 将 polyfill 引入进来,确保它在任何其他代码/依赖声明之前被调用 方式1:require("babel-polyfill");方式2: 在main.js入口函数引入import "babel-polyfill";方式3: 在 webpack...
2018-05-14 15:16:48 3782
原创 webpack压缩图片
通常用webpack打包时,会根据webpack.config.js 中url-loader中设置的limit大小来对图片进行处理,小于limit的图片转化成base64格式,其余的不做操作。对于比较大的图片我们可以用image-webpack-loader 来压缩图片。 安装:npm install image-webpack-loader --save-dev在 webpack.co...
2018-05-14 11:39:49 6961 1
原创 vue-cli打包vue、vue-router、echarts、axios 、jq 引入外部cdn
为了减少vendor.js体积,同时提高webpack打包编译速度,引入cdn外部资源在index.html引入资源文件: <!-- 先引入 Vue --> <!--开发环境--> <!-- <script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script>...
2018-04-28 14:28:02 5091 5
原创 Java IDEA中安装配置JDK、Gradle
现在大多数IDE都没有集成JDK环境,IDEA也是一样,在使用IDEA之前首先要安装JDK,并且配置环境变量。与其他IDE不同之处在于,IDEA是不会自动匹配系统的JDK环境。如果在IDEA里面没有配置JDK,运行程序时就会报错。下载IDEA官网地址: https://www.jetbrains.com/idea/下载JDK官网地址: http://www.oracle.com/technetwo...
2018-04-11 17:20:00 4214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人