08 2018 档案

js实现多行文本溢出省略
摘要：实现效果： css: js： 阅读全文
posted @ 2018-08-20 18:57 rainbowxch 阅读(1364) 评论(0) 推荐(0)
a标签和p标签不能设置margin
摘要：经常会发现正常div的属性在a标签上或者p标签上都不管用，这是因为a标签和p标签都不是盒子模型。 例如： 这是有效的距离，但是 这就是无效的距离 原因很简单，margin是针对盒子的，a标签和p标签都不是盒子模型，但是可以把他们变成盒子模型 变成块级元素后，就成为盒子模型了，就可以设置margin等 阅读全文
posted @ 2018-08-16 19:06 rainbowxch 阅读(3966) 评论(0) 推荐(0)
如何消除img默认的间距
摘要：方案一:div{font-size:0};方案二:img{ display:block};方案三:img{vertical-align:top;}方案四：div{ margin-bottom:-3px }; 为什么会有间距呢？ 根本原因在于img标签为inline元素，该元素默认垂直对齐方式为以父元 阅读全文
posted @ 2018-08-16 08:47 rainbowxch 阅读(1353) 评论(0) 推荐(0)
轮播图
摘要：效果图： 完整代码： 摘录：https://www.jb51.net/article/106122.htm 阅读全文
posted @ 2018-08-15 10:39 rainbowxch 阅读(247) 评论(0) 推荐(0)
原生js实现分页效果（带实例）
摘要：小小插件（静态分页） 效果图： 首先实现简单功能： 然后填充内容和样式：(修改css和js以及html) 实例： css: js: html: 阅读全文
posted @ 2018-08-15 10:32 rainbowxch 阅读(1410) 评论(0) 推荐(0)
mint-ui Toast icon 图标
摘要：Toast({ message: '修改成功', iconClass: 'fa fa-check fa-5x' }); Toast({ message: '修改失败', iconClass: 'fa fa-remove fa-5x' }); 阅读全文
posted @ 2018-08-10 22:30 rainbowxch 阅读(7068) 评论(0) 推荐(0)
阮小二买彩票
摘要：sort()：升序排列 h()：剔除重复代码 阅读全文
posted @ 2018-08-06 17:53 rainbowxch 阅读(279) 评论(0) 推荐(0)
js事件冒泡和事件捕捉
摘要：结论：他们是描述事件触发时序问题的术语。事件捕获指的是从document到触发事件的那个节点，即自上而下的去触发事件。相反的，事件冒泡是自下而上的去触发事件。绑定事件方法的第三个参数，就是控制事件触发顺序是否为事件捕获。true,事件捕获；false,事件冒泡。默认false,即事件冒泡。Jquer 阅读全文
posted @ 2018-08-03 08:50 rainbowxch 阅读(241) 评论(0) 推荐(0)
html,css,js加载顺序
摘要：1.js放在head中会立即执行，阻塞后续的资源下载与执行。因为js有可能会修改dom，如果不阻塞后续的资源下载，dom的操作顺序不可控。 正常的网页加载流程是这样的。 如果外部脚本加载时间很长（比如一直无法完成下载），就会造成网页长时间失去响应，浏览器就会呈现“假死”状态，这被称为“阻塞效应”。h 阅读全文
posted @ 2018-08-03 08:35 rainbowxch 阅读(892) 评论(0) 推荐(0)
js中var a=new Object()和var a={}有什么区别吗？
摘要：应该是没有区别的，两者都是生成一个默认的Object对象。js和其它语言一样，一切对象的基类都是Object，所以，new Object()和简易的{}是同样的空对象，就是默认的对象。本来我以为{}应该是一个没有任何属性和方法的对象，但事实证明，var a = {}，a.toString()等Obj 阅读全文
posted @ 2018-08-02 13:52 rainbowxch 阅读(4789) 评论(1) 推荐(0)
js的基本包装类型
摘要：基本包装类型(包装对象)： 先看下以下代码： 上面我们说到字符串是基本数据类型，不应该有方法，那为什么这里s1可以调用substr()呢？ 通过翻阅js权威指南第3.6章节和高级程序设计第5.6章节我们得知，ECMAScript还提供了三个特殊的引用类型Boolean,String,Number.我 阅读全文
posted @ 2018-08-02 13:47 rainbowxch 阅读(551) 评论(1) 推荐(1)
JS引擎的执行机制
摘要：深入理解JS引擎的执行机制 1.灵魂三问 : JS为什么是单线程的? 为什么需要异步? 单线程又是如何实现异步的呢? 2.JS中的event loop(1) 3.JS中的event loop(2) 4.说说setTimeout 首先,请牢记2点: (1) JS是单线程语言 (2) JS的Event 阅读全文
posted @ 2018-08-01 22:14 rainbowxch 阅读(269) 评论(0) 推荐(0)