最新消息:文章中包含代码时,请遵守代码高亮规范!

HTML+CSS

css3常见的media查询【原创】

HTML+CSS ada 4个月前 (08-02) 212浏览 0评论

目前市面有大量的客户要求页面即适应pc屏幕,也使用手机屏幕,即我们常说的响应式布局,如何做到一套代码同时适配多个屏幕呢,这里肯定会有一部分人说使用百分比啊,但是如果完全使用百分比的话,在大屏上看又是如此的诡异,如下图 pc端 手机端 在这里为大家...

在输入框中按回车键的光标自动跳到下一个输入框【原创】

HTML+CSS Aimee 6个月前 (06-19) 290浏览 0评论

在项目中,为了方便客户使用,提高客户体验性,在PC端要求在输入框中按键盘的回车键能够执行相应的操作,以下代码可实现:在一个输入框按回车键后光标跳到下一个输入框,如果当前光标所在位置为最后夜歌输入框,则回到第一个输入框。 1.在input标签中调用方法...

input正则验证【原创】

HTML+CSS Aimee 6个月前 (06-19) 289浏览 0评论

在项目中,常常需要限制input框的输入格式,以下整理了几个常用的input框的限制格式,如果有其他的常用的限制格式,欢迎补充 1.只允许输入正整数 onkeyup="if(this.value.length==1){ this.value=thi...

HTML5的自定义属性data-* 的用法解析【转载】

HTML+CSS Michael 7个月前 (05-17) 171浏览 0评论

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定...

css的2D效果实现【原创】

HTML+CSS lili 7个月前 (05-15) 194浏览 0评论

一.css渐变 1.线性渐变 linear-gradient (方向[可选],颜色1,颜色2) 2.径向渐变 radial-gradient (正圆椭圆[可选],颜色1,颜色2) circle:正圆 ellipse:椭圆 3.重复渐变 repea...

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

HTML+CSS Michael 8个月前 (04-19) 303浏览 0评论

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Bootstrap测试题【转载】

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

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

如何优化页面【原创】

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

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

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

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

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

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

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

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