前端
文章平均质量分 72
七月份的小文
这个作者很懒,什么都没留下…
展开
-
清除浮动方法
(1)设置overflowoverflow:auto 或 overflow:hidden(移除隐藏) 或 overflow:scroll (只有overflow:visible(默认值)不可以),只要产生BFC都可以做到清除浮动的效果。(2)推荐方法.parent { *zoom:1; //触发旧版IE重新布局 }.parent::after{ content:"."原创 2017-10-14 14:49:20 · 194 阅读 · 0 评论 -
javascript 有意思的操作
1、在for循环的时候 缓存array.length 常见的for循环for(var i=0, len=array.length; i<len; i++){ //code...}2、使用 || 设置默认值在 ES6 中有设置默认值这个功能, 在 ES5 中可以利用 || 来设置默认值(当前面的值返回false时,就执行后面的)// ES5var ang = ‘...原创 2018-05-14 10:49:10 · 531 阅读 · 0 评论 -
vue 动态设置img的src地址无效,npm run build 后找不到文件
动态设置img的src属性无效,而直接写可以解决办法: imgSrc写成require('path');原因:动态添加src被当做静态资源处理了,没有进行编译npm run build 后出现 xxxxxxx net::ERR_FILE_NOT_FOUND解决办法: 进入:build文件夹 > 打开 webpack.prod.conf.js 找到:output 对象 ...原创 2018-05-10 09:43:12 · 4917 阅读 · 0 评论 -
sublime插件之less2css
less2css安装前准备1、sublime编辑器2、sublime编辑器支持package controlless2css 安装流程1、安装less插件(less高亮插件)2、安装less2css插件(less转css插件)(ctrl+shift+p 或 preferencs>package control,输入install package回车,输入插件名)3、下载lessc工具并压缩(...原创 2018-03-26 10:02:45 · 779 阅读 · 0 评论 -
CSS 3 新属性
css3新增加的一些属性border-radiu 圆角border-image 边界图片box-shadow 盒阴影background-size 背景图像大小background-origin 背景图像的位置区域text-shadow 文本阴影text-overflow 文本溢出word-wrap 单词拆分换行transform 2D转换 translate(px,px) 位原创 2018-03-21 17:59:40 · 172 阅读 · 0 评论 -
mata标签
meta标签的定义和用法 < meta > 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 < meta > 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。html与xhtml之间的差异 htm中,< meta >标签没有结束标签 xhtml中,< meta >标签必须被正确的关闭转载 2018-03-20 10:33:10 · 363 阅读 · 0 评论 -
gulp安装以及使用
gulp.js是什么?gulp.js是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。gulp.js优势易于使用 通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理。构建快速 利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作。插件高质 Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。易于学习 通过最少的原创 2017-12-15 00:30:12 · 390 阅读 · 1 评论 -
flex布局
一、flex布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局(display:flex),行内元素也可以使用Flex布局(display:inline-flex)。注意:设为Flex布局后,子元素的 float、clear、vertival-align属性将会失效。二、基本概念采用Fl原创 2017-10-24 21:28:07 · 164 阅读 · 0 评论 -
display:none 与 opacity:0 与 visibility:hidden 三者的区别
(1)display:none不占空间,不能触发事件(2)opacity:0占据空间,可以触发事件(3)visibility:hidden占据空间,不能触发事件原创 2017-10-14 15:46:34 · 413 阅读 · 0 评论