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

Liam的文章

JS全选功能【原创】

JS全选功能【原创】

HTML+CSS 11个月前 (05-18) 945浏览 0评论

点击全选按钮的时候要求全部选中: <input name="sid[]" autocomplete="off" type="checkbox"> <input name="sid[]" autocomplete="off" typ...

twig模板中设置变量与拼接字符串【原创】

HTTP 11个月前 (05-18) 1089浏览 0评论

设置变量: 比如说一个用户简介页面,里面有关于用户的所有简介,这个时候后端在dump中给一个数组,根据数组取值,假设最外层有一个data,data里面有个info, info里面包含了用户的信息,如果用户的姓名为name,这个时候我们取值的话应该是 ...

Jq ajax验证表单【原创】

HTML+CSS 11个月前 (05-17) 520浏览 0评论

在表单验证的时候,如果用户输入的不符合规范,会弹出错误信息,直接用alert的话也可以弹出信息,但是为了优化用户体验,使页面更加生动,所以用到了这个插件来做验证提示,实现原理是当input框失去焦点时进行正则验证,判断用户输入是否正确; formVa...

微信小程序-地图编写【原创】

HTML+CSS 1年前 (2017-04-19) 698浏览 0评论

参考文档:https://mp.weixin.qq.com/debug/wxadoc/dev/; 编辑器:微信web开发者工具; 微信小程序(weixinxiaochengxu),简称小程序,缩写XCX,英文名mini program,是一种不需要下...

自制小型贴吧编辑器【原创】

HTML+CSS 1年前 (2017-04-19) 622浏览 0评论

网上这种插件很多,但是样式不一样,再加上这个编辑器功能不多,为了还原效果图,所以就自己做了一个 此编辑器功能:上传图片,上传表情; 首先先看一下样式: css代码: .box-bg{ position: fixed; width...

JS实现点击图片跳转页面放大功能【原创】

HTML+CSS 1年前 (2017-04-19) 653浏览 0评论

如图: 点击图片时跳转链接,要求放大图片和底部有缩略图,如图所示: 思路: 1)、在列表页,给每一个数据加上对应的标识位,点跳转时传过去 2)、获取值、获取屏幕宽度 var number = '{{ app.request.get('n') }...

【移动端布局】让图片保持等比例缩放【原创】

HTML+CSS 1年前 (2017-04-03) 1235浏览 0评论

前端写页面布局时,图片变形是个很令人头疼的问题,手机屏幕分辨率不一样,出来的效果就不一样,下面的代码可以解决这些问题,保持图片在不同分辨率下面也可以让图片不变形 1、首先不能给外层列表定高度,用margin或者padding撑开 .al...

js实现点击列表左右滑动的效果【原创】

HTML+CSS 1年前 (2017-03-23) 570浏览 0评论

//此页面的效果是点击做按钮,列表向左滑动一条数据,点击右按钮,向右滑动一条数据,找插件的话,样式都要自己调,索性就自己写了一个js,代码如下: <div class="famous-people apply1"&...

基于mob的网页分享功能【原创】

JavaScript 1年前 (2017-03-20) 555浏览 0评论

一般的PC端网站少不了网页分享功能,比如分享到微信、QQ、微博等等 下面就跟大家讲讲如何实现这一功能 1、先去mob官网注册账号,获取项目的appkey 2、引入js文件 <script id=”-mob-share” ...

当只有一个列表总数时,写出分页功能【原创】

HTML+CSS 1年前 (2017-02-23) 509浏览 0评论

做项目时有些页面有好多的列表,但是后端只给了我一个总数,所以要想办法实现分页的效果,大概逻辑为(1、获取总数  2、获取当前页码、3、利用除法函数向上取整,得到总页数4、for循环出页码5、加链接、页码对应6、追加到html中),下面请看代码 &nb...

纯js自创分页功能【原创】

JavaScript 1年前 (2017-01-09) 555浏览 0评论

做项目时要求数据一次性加载完成,但是数据多的话页面高度不够,所以就自己写了个分页 思路: 1丶要求一页显示3条数据,设两个全局变量( 最大与最小情况) 2丶利用等差数列进行计算,在这个范围内的显示出来 ,不在的让其隐藏 var is_key ...

解决兼容IE8透明度的问题【原创】

HTML+CSS 1年前 (2017-01-09) 635浏览 0评论

一般网站点击出现一个弹出层,弹出层底部一般用半透明的黑色背景,大气明了,直接给弹出层最外层的div设个background:rgba(0,0,0,0.5)就行了,方便快捷,但是到ie8就不行了,因为ie8不支持background:rgba()属性,...

html自定义弹出层【原创】

HTML+CSS 1年前 (2017-01-09) 579浏览 0评论

写项目时用系统自带的alert弹出框总感觉太low,不美观,所以就自己设计了个弹出层样式 css样式: .customBomb_box{ position: fixed; top: 240px; margin-left: 10%;...

js全部替换指定字符【原创】

JavaScript 1年前 (2017-01-09) 586浏览 0评论

用get AJAX获取数据时,如果路由后面的参数多的时候,浏览器会在这些参数中加上一个&amp;标识符,导致参数传不过去,要用js的replace方法吧&amp;替换成&符,如果参数多的话,一个一个替换太麻烦,这个时候用.re...

js正则验证大全【转载】

JavaScript 1年前 (2016-12-15) 622浏览 0评论

匹配中文字符的正则表达式: [u4e00-u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,A...

兼容ios的文本编辑框【转载】

HTML+CSS 1年前 (2016-12-15) 597浏览 0评论

在苹果手机IOS中 contenteditable=”true” 做文本域输入,点击可以弹出键盘但是无法输入,安卓都正常。 经测试后,记得加一个样式-webkit-user-select:text就可以了。   &...