七月份的小文-优快云博客

原创 javascript 有意思的操作

1、在for循环的时候缓存array.length 常见的for循环for(var i=0, len=array.length; i&amp;amp;lt;len; i++){ //code...}2、使用 || 设置默认值在 ES6 中有设置默认值这个功能, 在 ES5 中可以利用 || 来设置默认值(当前面的值返回false时，就执行后面的)// ES5var ang = ‘...

2018-05-14 10:49:10 594

原创 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 5032

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 839

原创 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 199

转载 mata标签

meta标签的定义和用法 < meta > 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 < meta > 标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。html与xhtml之间的差异 htm中，< meta >标签没有结束标签 xhtml中，< meta >标签必须被正确的关闭

2018-03-20 10:33:10 424

原创 DOM

DOM属性innerHTML – 获取内容和节点innerText – 获取内容parentNode – 获取当前节点的父节点ChildNodes – 获取当前节点的所有子节点(包括文本/注释节点)attribute – 获取当前节点的属性节点style – 修改当前节点的样式获取节点getElementById（”id-name”）getElementsByClassName

2017-12-18 23:18:30 148

原创 gulp安装以及使用

gulp.js是什么？gulp.js是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。gulp.js优势易于使用通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。构建快速利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。插件高质 Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。易于学习通过最少的

2017-12-15 00:30:12 467

原创 ajax基础详解

同步请求与异步请求同步：发送方发送数据后，等接收方发回响应以后才发下一个数据包的通讯方式。异步：发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式。Ajax优缺点优点：使用Ajax的最大优点，就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地响应用户动作，并避免了在网络上发送那些没有改变的html代码信息。 1.减轻服务器负担，按需要获得数据。 2.无

2017-11-14 23:09:55 206

原创 a标签的href属性

a标签的href属性1）href属性的定义href属性链接目标地址，如果未使用href属性，则< a >标签不是超链接，而是占位符。2）href=”url” 作用绝对url - 指向另一个站点（href=”http://www.baidu.com”）相对url - 指向站点内的某个文件（href=”index.html”）锚url - 指向页面中的锚（href=”#top”）3)href常见

2017-11-13 21:55:25 4391

原创 offsetWidth、clientWidth、scrollWidth、offsetLeft、scrollLeft详解

dom对象offsetWidth = 对象本身的宽度（width+padding+borber包括滚动条）clientWidth = 对象可视宽度（width+padding）scrollWidth = 实际内容的宽度offsetLeft = 相对于父级定位元素，在X方向的偏移量（如果本身没设置margin，则与style.left相同）scrollWidth = x方向的滚动距离

2017-11-09 00:25:24 2113 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 210

原创 display：none 与 opacity：0 与 visibility：hidden 三者的区别

（1）display：none不占空间，不能触发事件（2）opacity：0占据空间，可以触发事件（3）visibility：hidden占据空间，不能触发事件

2017-10-14 15:46:34 481

原创清除浮动方法

（1）设置overflowoverflow：auto 或 overflow：hidden（移除隐藏）或 overflow：scroll （只有overflow：visible（默认值）不可以），只要产生BFC都可以做到清除浮动的效果。（2）推荐方法.parent { *zoom:1; //触发旧版IE重新布局 }.parent::after{ content:"."

2017-10-14 14:49:20 241

qq_29022637的博客