CSS3改变浏览器滚动条样式[原创]
注：该方法只适用于 -webkit- 内核浏览器 浏览器滚动条太宽，太丑，影响日常开发怎么办，改TA 滚动条外观由2部分组成：1.滚动条整体滑轨 2.滚动条滑轨内滑块 在CSS中滚动条由3部分组成 name::-we...
HTML+CSS
css3常见的media查询【原创】
目前市面有大量的客户要求页面即适应pc屏幕，也使用手机屏幕，即我们常说的响应式布局，如何做到一套代码同时适配多个屏幕呢，这里肯定会有一部分人说使用百分比啊，但是如果完全使用百分比的话，在大屏上看又是如此的诡异，如下图 pc端 手机端 在这里为大家...
在输入框中按回车键的光标自动跳到下一个输入框【原创】
在项目中，为了方便客户使用，提高客户体验性，在PC端要求在输入框中按键盘的回车键能够执行相应的操作，以下代码可实现：在一个输入框按回车键后光标跳到下一个输入框，如果当前光标所在位置为最后夜歌输入框，则回到第一个输入框。 1.在input标签中调用方法...
input正则验证【原创】
在项目中，常常需要限制input框的输入格式，以下整理了几个常用的input框的限制格式，如果有其他的常用的限制格式，欢迎补充 1.只允许输入正整数 onkeyup="if(this.value.length==1){ this.value=thi...
HTML5的自定义属性data-* 的用法解析【转载】
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定...
css的2D效果实现【原创】
一.css渐变 1.线性渐变 linear-gradient (方向[可选],颜色1,颜色2) 2.径向渐变 radial-gradient (正圆椭圆[可选],颜色1,颜色2) circle:正圆 ellipse:椭圆 3.重复渐变 repea...
知道这 10 个正则表达式，能让你少写 5,00 行代码【转载】
正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。 正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式...
微信小程序时间戳转换【原创】
function toDate(number) { var n = number * 1000; var date = new Date(n); var Y = date.getFullYear() + ‘-‘; var M ...
微信小程序获取上一个页面路由参数id【原创】
<navigator class=’contact-active’ url=’/pages/newsShow/newsShow?id={{item.id}}’></navigator&...
微信小程序数据存储【原创】
onLoad: function (options) { var id = options.id; wx.setStorageSync(“id”, id); let id = wx.getStorageSync(“...
微信小程序如何定义全局变量并引用【原创】
（1）在app.js定义全局变量url， globalData: { userInfo: null, url: “http://m.yayuanzi.com/”, } （2）在index.js第一行加上const app = ...
移动端手机页面布局之经验分享【原创】
手机页面内容不够长，在大屏手机下底部信息下面会留有很多空白。 解决方案： （1）底部信息用定位来写，使其始终显示在页面底部，中间内容区域可以滚动。底部内容样式如下： .foot{ position:fixed; left:0; bottom:0; }...
怎么让整个背景图片插到网页中【原创】
网页内容比较多时，背景图片尺寸不够大，那要怎么把图片放到网页上去呢？ 解决方案： 1、背景图片不动 固定背景图片，给背景图片设置position：fixed属性，其他内容可以滚动。 2、背景图片和网页内容一起上下滑动 如果背景图片头部和底部有内容，中...
如何使用图片延迟加载插件lazyload.js【原创】
网页页面图片和内容比较多的时候，会导致网站加载速度很慢，如果图片比较多，网站加载很久才能显示图片，用户体验性不是很好，使用图片延迟加载插件lazyload.js可以让图片延迟加载，以下是关于插件使用的介绍： lazyload.js调用方法 （1）为图...
如何用animate()方法实现钢琴式动画【原创】
用animate()方法实现钢琴式动画的代码如下： function iconAnimate(){ $(‘.projectList’).css(‘top’,’135px’).st...
js固定弹窗背景页面的两种办法【原创】
在项目开发的过程中，我们会遇到很多的弹窗页面，如果不做特别说明，弹窗出现后，弹窗底下的背景页面仍然能够滑动，为了更好的用户体验，我们需要做到，弹窗出现后，背景固定不动，弹窗关闭后，才使得背景可滑动。针对这个问题，我简单描述下我的思路： 方法一和方法二...
Bootstrap测试题【转载】
最近在研究bootstrap，找了一些测试题，检验一下自己的学习成果。 如下： 1、 如果让一个元素在pc端显示而在手机端隐藏，下列选项正确的是（b）。 A、 visible-xs-8 hidden-md B、 visible-md...
如何优化页面【原创】
入行将近两年的时间，再次谈谈如何优化页面 通常情况下有一下几种情况： 减少http请求 压缩css、js、images文件 使用图片精灵 图片原始大小放入html。 使用小且可缓存的ico 减少http请求 捆绑文件：将多个文件...
搜索框关键词智能匹配【原创】
在项目开发过程中，有时候需要监听输入框value值的变化，并在value值发生变化时执行操作，这里示例：当value值发生变化时，显示包含这个value的所有部分，其余隐藏。 查看示例前先了解下indexof方法：示例中seachvalue表示输入框...