摘要: 一、搜素效果如下: 二、核心 1)利用oninput属性来触发搜素功能 2)利用RegExp来对字符串来全局匹配关键字,利用replace方法来对匹配的关键字进行嵌入高亮的<span class="gaoliang">标签,最后利用v-html来嵌入html标签来达到关键字高亮显示 3)利用axio 阅读全文
posted @ 2017-12-18 19:22 彭胜光 阅读(28744) 评论(2) 推荐(5) 编辑
摘要: 背景 之前写过一篇《纯JS实现加载更多(VUE框架)》,它的逻辑思路比较清晰易懂,而今天看了一天公司项目的部分功能代码,发现同事们写的加载更多的功能更加的有趣,而且易于封装到一个组件当中,便于日后的重用。 思路 同样是检测滚动,然后计算可滑动高度、滑动高度、屏幕高度然后计算什么时候可以向后台请求数据 阅读全文
posted @ 2017-12-14 17:15 彭胜光 阅读(938) 评论(0) 推荐(0) 编辑
摘要: 下面的input的三个属性是H5新增的属性 autocomplete 默认为on,其含义代表是否让浏览器自动记录自谦输入的值。 很多时候,需要对客户的资料进行保密,防止浏览器软件或者恶意插件获取到。可以在input中加入autocomplete = "off"来关闭记录,系统需要保密的情况下可以使用 阅读全文
posted @ 2017-12-14 13:59 彭胜光 阅读(11975) 评论(0) 推荐(1) 编辑
摘要: 背景 前不久,刚完成了一个商品列表+购物车功能的页面,因为一级商品分类在顶部tab中显示,可滑动,间距可定制,如下图所示: 定制的tab需求如下: 1. 每个tab-item的间距是相同的,可定制 2. 每一个tab-item的宽度是随着文字的增多而宽度增大 3. 当tab-item小于等于4个时, 阅读全文
posted @ 2017-12-13 18:03 彭胜光 阅读(21239) 评论(4) 推荐(2) 编辑
摘要: 只写日常使用的快捷,会持续更新 shift + ctrl + r :全局搜索,批量替换 Ctrl+Alt+l :格式化代码的快键键 阅读全文
posted @ 2017-12-12 09:48 彭胜光 阅读(191) 评论(0) 推荐(0) 编辑
摘要: 1) * 在不同的地方有不同的用处 2) 正则表达式“^ + $”等符号意义 阅读全文
posted @ 2017-12-11 11:05 彭胜光 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 转自他的博客:https://www.cnblogs.com/kongxianghai/p/4192032.html 通过一个demo测试这三个属性的差别。 说明: scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。 clientWidth:对象内容的可视 阅读全文
posted @ 2017-12-11 10:06 彭胜光 阅读(15790) 评论(0) 推荐(0) 编辑
摘要: 1.背景 2005年,JJG发表了一篇在线文章,介绍了AJAX(Asynchronous Javascript + XML),这项技术能够向服务器请求额外数据而无须卸载页面,说是改变了以前的“单击”,“等待”的交互模式。事实上,在JJG提出的这项技术,已经存在了很长一段时间,AJAX以前就叫远程脚本 阅读全文
posted @ 2017-12-07 11:01 彭胜光 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 一、背景 曾经有一段时间,XML是互联网传输结构化数据的标准。但是XML过于繁琐、冗长。JSON2001年就开始应用了,2006年,DC才把Json提交给IETF. 与XML相比,Json是在JavaScript中读写结构化数据的更好的方式。 Json是一种数据格式,不是编程语言,不局限与JavaS 阅读全文
posted @ 2017-12-06 16:24 彭胜光 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 如何打包: http://www.cnblogs.com/smilehuanxiao/p/7693858.html http://www.cnblogs.com/1314y/p/6207153.html http://www.cnblogs.com/yinghuochongfighter/p/679 阅读全文
posted @ 2017-12-05 15:05 彭胜光 阅读(698) 评论(0) 推荐(0) 编辑