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

HTML+CSS

网站端轮播图充满全屏且不变形问题【原创】

HTML+CSS Niki 2年前 (2017-09-11) 736浏览 0评论

不论是pc端和微信端的项目,都会有轮播图,如果我们写轮播图又不想图片变形而且可以显示主要的中间部分。 1,如果使用img标签的话,图片使用width:100%,height:auto,但是 图片会有问题,当屏幕较小的时候轮播图会出现空白的地方,但是如...

手机端网页总结二【原创】

HTML+CSS Niki 2年前 (2017-09-07) 740浏览 0评论

1,在手机端的a标签(链接),在点击跳页面的时候,会出现蓝色透明背景块。 加以下代码去除 a:active{ background: none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0)...

网站端ajax分页方法【原创】

HTML+CSS Niki 2年前 (2017-09-01) 488浏览 0评论

写网页的时候很多页面都有分页,即使样式有所不同但是分页的思想方法都是相同的,现在来看下,套过模板之后的ajax分页公共方法 //-----------------------------分页公共方法----------------------...

圆角、阴影兼容性【原创】

HTML+CSS Cindy 2年前 (2017-08-18) 815浏览 0评论

进入前端行业,想必大家都写过盒子圆角和阴影效果吧,给页面添加阴影效果,会让页面有立体感,充满活力与动感。但是在调兼容性的时候就会发现这些效果只能兼容到ie9,不能兼容ie9以下版本,很遗憾。之前在做项目的时候,在网上查找了许多资料,终于找到了一个能兼...

Web前端开发遇到的问题及解决方案【转载】

HTML+CSS Cindy 2年前 (2017-08-18) 1935浏览 0评论

我在平时工作中经常会遇到一些小问题,我将这些问题汇总到了一起,具体如何收集的已经记不清楚了,我将这些问题总结起来,希望对以后的工作能够带来便利和帮助。 1).margin-top,margin-bottom不能正常显示时 一.有时会遇到外层中的子层使...

html解析页面的过程

HTML+CSS Toby 2年前 (2017-08-15) 599浏览 0评论

作为一个web前端工程师,我们需要大致了解下浏览器解析html文件的大致过程。本文举例简要地说明了这一过程: 1. 用户输入网址,浏览器会向该网址服务器发出请求,服务器会返回html文件; 2. 浏览器开始载入html代码,发现<head>...

JS全选功能【原创】

JS全选功能【原创】

HTML+CSS Liam 2年前 (2017-05-18) 1345浏览 0评论

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

前端写手机端页面总结【原创】

HTML+CSS Niki 2年前 (2017-05-18) 986浏览 0评论

写手机页面的时候在安卓和ios不同的系统下,我们来看一下不同(以下是个人经验总结,如果有问题的话可以指出): 1,在写手机端页面的时候,有时候希望页面的体验性比较好我们会在页面加上以下css让整个页面都不可选 * { -webkit-to...

Jq ajax验证表单【原创】

HTML+CSS Liam 2年前 (2017-05-17) 775浏览 0评论

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

Phpcms 修改表单提交后,提示框页面【原创】

HTML+CSS ada 2年前 (2017-04-21) 1480浏览 0评论

用过phpcms v9 的表单向导或者是会员的,都知道表单提交后会跳转到一个弹框的提示页面,如果不要这个页面的提示,就要修改phpcms v9自身封装好的PHP文件,比较麻烦,但是我们可以修改模板(模板位置:phpcms\templates\defa...

图片上传预览的BUG总结和解决方法【原创】

HTML+CSS ada 2年前 (2017-04-20) 945浏览 2评论

图片,一直都是一个难题,上传图片的时候,还要预览,有预览的时候还要注意引起的bug 总结一下,由图片预览出现的bug, 老图片(数据库保留的图片):称为pic1 第一次修改图片并上传(未保存):称为pic2 第二次以及以上修改图片(未保存):称为pi...

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

HTML+CSS Liam 2年前 (2017-04-19) 1187浏览 0评论

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

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

HTML+CSS Liam 2年前 (2017-04-19) 1008浏览 0评论

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

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

HTML+CSS Liam 2年前 (2017-04-19) 1079浏览 0评论

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