HTML+CSS

知道这 10 个正则表达式，能让你少写 5,00 行代码【转载】

正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式...

微信小程序时间戳转换【原创】

HTML+CSS Cindy 1个月前 (03-19) 122浏览 0评论

function toDate(number) { var n = number * 1000; var date = new Date(n); var Y = date.getFullYear() + ‘-‘; var M ...

微信小程序获取上一个页面路由参数id【原创】

HTML+CSS Cindy 1个月前 (03-19) 106浏览 0评论

<navigator class=’contact-active’ url=’/pages/newsShow/newsShow?id={{item.id}}’></navigator&...

微信小程序数据存储【原创】

HTML+CSS Cindy 1个月前 (03-19) 95浏览 0评论

onLoad: function (options) { var id = options.id; wx.setStorageSync(“id”, id); let id = wx.getStorageSync(“...

微信小程序如何定义全局变量并引用【原创】

HTML+CSS Cindy 1个月前 (03-19) 120浏览 0评论

（1）在app.js定义全局变量url， globalData: { userInfo: null, url: “http://m.yayuanzi.com/”, } （2）在index.js第一行加上const app = ...

移动端手机页面布局之经验分享【原创】

HTML+CSS Cindy 3个月前 (02-08) 247浏览 0评论

手机页面内容不够长，在大屏手机下底部信息下面会留有很多空白。解决方案：（1）底部信息用定位来写，使其始终显示在页面底部，中间内容区域可以滚动。底部内容样式如下： .foot{ position:fixed; left:0; bottom:0; }...

怎么让整个背景图片插到网页中【原创】

HTML+CSS Cindy 3个月前 (02-08) 278浏览 0评论

网页内容比较多时，背景图片尺寸不够大，那要怎么把图片放到网页上去呢？解决方案： 1、背景图片不动固定背景图片，给背景图片设置position：fixed属性，其他内容可以滚动。 2、背景图片和网页内容一起上下滑动如果背景图片头部和底部有内容，中...

如何使用图片延迟加载插件lazyload.js【原创】

HTML+CSS Cindy 3个月前 (02-08) 247浏览 0评论

网页页面图片和内容比较多的时候，会导致网站加载速度很慢，如果图片比较多，网站加载很久才能显示图片，用户体验性不是很好，使用图片延迟加载插件lazyload.js可以让图片延迟加载，以下是关于插件使用的介绍： lazyload.js调用方法（1）为图...

如何用animate()方法实现钢琴式动画【原创】

HTML+CSS Cindy 3个月前 (02-08) 240浏览 0评论

用animate()方法实现钢琴式动画的代码如下： function iconAnimate(){ $(‘.projectList’).css(‘top’,’135px’).st...

js固定弹窗背景页面的两种办法【原创】

HTML+CSS Aimee 3个月前 (02-08) 283浏览 0评论

在项目开发的过程中，我们会遇到很多的弹窗页面，如果不做特别说明，弹窗出现后，弹窗底下的背景页面仍然能够滑动，为了更好的用户体验，我们需要做到，弹窗出现后，背景固定不动，弹窗关闭后，才使得背景可滑动。针对这个问题，我简单描述下我的思路：方法一和方法二...

Bootstrap测试题【转载】

HTML+CSS harbour 3个月前 (02-07) 321浏览 0评论

最近在研究bootstrap，找了一些测试题，检验一下自己的学习成果。如下： 1、如果让一个元素在pc端显示而在手机端隐藏，下列选项正确的是（b）。 A、 visible-xs-8 hidden-md B、 visible-md...

如何优化页面【原创】

HTML+CSS ada 3个月前 (01-29) 289浏览 0评论

入行将近两年的时间，再次谈谈如何优化页面通常情况下有一下几种情况：减少http请求压缩css、js、images文件使用图片精灵图片原始大小放入html。使用小且可缓存的ico 减少http请求捆绑文件：将多个文件...

搜索框关键词智能匹配【原创】

HTML+CSS Aimee 3个月前 (01-24) 205浏览 0评论

在项目开发过程中，有时候需要监听输入框value值的变化，并在value值发生变化时执行操作，这里示例：当value值发生变化时，显示包含这个value的所有部分，其余隐藏。查看示例前先了解下indexof方法：示例中seachvalue表示输入框...

利用offset实现楼层效果【原创】

HTML+CSS Aimee 3个月前 (01-24) 186浏览 0评论

在一些商城网站，我们经常能够看到楼层效果，以城市为例，将城市的拼音的首字母大写，绝对定位于屏幕的右下角。当点击某一个字母时，跳转到相对应的城市类别位置。当屏幕滚动时，相对应的英文字母高亮显示。以下附上示例代码：在查看示例前先了解一下offset（...

使用@media screen实现网页的自适应布局【转载】

HTML+CSS Aimee 3个月前 (01-24) 206浏览 0评论

在项目开发中，为了适应不同屏幕大小的移动设备，我们可以利用@media screen属性，实现自适应布局。因为@media screen属性能够根据浏览器宽度判断并执行相对应的操作。以下示例为五种不同分辨率时的显示不同的背景颜色。 1280分辨率...

link和@import的区别【转载】

HTML+CSS Aimee 3个月前 (01-24) 214浏览 0评论

页面使用css的方式主要有3种，标签行内引用，页面头部样式引用，外部样式引用，其中外部样式引用有link和import俩种； link和import都可以对css样式进行外部引用，但它们还是有区别的。 link语法: <link rel="st...

如何解决ie7下z-index失效bug【原创】

HTML+CSS Cindy 3个月前 (01-18) 240浏览 0评论

之前在写项目的时候，有时候经常会用到定位，在ie7浏览器下有时候定位元素设置z-index有时候会失效，会被其他元素覆盖在上面。具体解决办法如下：给父级元素加上position:relative，并设置z-index。父级元素的z-index优...

如何用js删除数组中某一项或几项元素【转载】

HTML+CSS Cindy 3个月前 (01-18) 213浏览 0评论

1:js中的splice方法 splice(index,len,[item]) 注释：该方法会改变原始数组。 splice有3个参数，它也可以用来替换/删除/添加数组内某一个或者几个值 index:数组开始下标 len: 替换/删...

如何清除浮动？【转载】

HTML+CSS Cindy 3个月前 (01-18) 219浏览 0评论

浮动对页面的影响：如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0，下面的元素会自动补位，所以这个时候要进行浮动的清除。关于清除浮动的四种方式: 方式一:使用ove...