- 博客(13)
- 资源 (1)
- 收藏
- 关注
原创 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
556
原创 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
4939
原创 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
811
原创 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
179
转载 mata标签
meta标签的定义和用法 < meta > 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 < meta > 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。html与xhtml之间的差异 htm中,< meta >标签没有结束标签 xhtml中,< meta >标签必须被正确的关闭
2018-03-20 10:33:10
394
原创 DOM
DOM属性innerHTML – 获取内容和节点innerText – 获取内容parentNode – 获取当前节点的父节点ChildNodes – 获取当前节点的所有子节点(包括文本/注释节点)attribute – 获取当前节点的属性节点style – 修改当前节点的样式获取节点getElementById(”id-name”)getElementsByClassName
2017-12-18 23:18:30
131
原创 gulp安装以及使用
gulp.js是什么?gulp.js是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。gulp.js优势易于使用 通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理。构建快速 利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作。插件高质 Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。易于学习 通过最少的
2017-12-15 00:30:12
434
1
原创 ajax基础详解
同步请求与异步请求同步:发送方发送数据后,等接收方发回响应以后才发下一个数据包的通讯方式。 异步:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式。Ajax优缺点优点:使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。 这使得Web应用程序更为迅捷地响应用户动作,并避免了在网络上发送那些没有改变的html代码信息。 1.减轻服务器负担,按需要获得数据。 2.无
2017-11-14 23:09:55
188
原创 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
4147
原创 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
2065
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
187
原创 display:none 与 opacity:0 与 visibility:hidden 三者的区别
(1)display:none不占空间,不能触发事件(2)opacity:0占据空间,可以触发事件(3)visibility:hidden占据空间,不能触发事件
2017-10-14 15:46:34
450
原创 清除浮动方法
(1)设置overflowoverflow:auto 或 overflow:hidden(移除隐藏) 或 overflow:scroll (只有overflow:visible(默认值)不可以),只要产生BFC都可以做到清除浮动的效果。(2)推荐方法.parent { *zoom:1; //触发旧版IE重新布局 }.parent::after{ content:"."
2017-10-14 14:49:20
220
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人