热门推荐
html/css
一、escape和它们不是同一类简单来说,escape是对字符串(string)进行编码(而另外两种是对URL),作用是让它们在所有电脑上可读。编码之后的...
标签:
03-22
html/css
场景: 在项目开发过t程中需要找到url中某个参数的值如source。这个source后面可能还有参数,可能没有。操作: /source=([\w|\d]+)&?...
标签:
03-15
html/css
这是一个 HTML 中非常特别的标签,它允许其中的空格真正显示出来。例如:四个空格将真实显示成四个空格。这不同于其他标签通常的做法,其他标签会将之间的空白压缩成一个。从这一点来说,标签真的是很有用。
06-09
html/css
html select标签加链接的方法有很多,接下来为大家介绍下几个比较经典的,,感兴趣的朋友可以参考下哈,希望可以帮助到你
01-21
html/css
在下面的HTML我们写了3个元素,然后每个元素里面都有一个元素,每个元素都有个背景色,并且使用absolute定位,为了能更清楚地看到z-index的效果,我们写了一些其他的样式。第一个元素的z-index值为1,其他两个没有设置。
12-24
html/css
两边是不对齐的(一般情况下,我们对这种情况不做处理,除非需求或者设计非要我们实现两端对齐)。一般的两端对齐是使用text-align:justify,但是text-align:justify一般情况下只针对英文管用。
11-26
html/css
利用css text-align:justify;(作用是行元素两端对齐)属性来实现css实现两端对齐。
11-26
html/css
table标签需要设定属性 table-layout: fixed;width:XXXpx;
在要超出隐藏的td标签上设定属性 white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
不要忘了给table加个宽度
11-10
html/css
一个 内容 不受CSS视觉格式化模型控制,CSS渲染模型并不考虑对此内容的渲染,且元素本身一般拥有固有尺寸(宽度,高度,宽高比)的元素,被称之为置换元素。w3c并没有给出明确的非置换元素的解释,但能确定的是除置换元素之外,所有的元素都是非置换元素。
09-16
html/css
行内元素 把行内元素嵌套在一个DIV中,并且在DIV中设置以下样式 块级元素 对于定宽的块级元素,我们要设置起margin-top,margin-right 为auto 多个块级元素(inline-block) 多个块级元素,我们将其display设置为inline-block;然后将父级元素设置一下属性
09-09
html/css
Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下:Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。
08-28
html/css
之前不少人提过说要实现像阿里百秀Logo那样的动画效果,为了满足广大用户的需求,这里就简单做个演示。东西相对较简单,所以不要认为你搞不...
标签:
06-27
html/css
某市政项目用到地铁图展示,展示地铁站点以及相关信息流,使用Qunee组件可以很好的解决这类需求,做出优美的展现,下面以上海地铁图为...
标签:
06-27
html/css
你可以在很多地方看到三角形(小三角):tooltips提示框、下拉菜单、甚至在loading载入动画里。不管你喜欢还是不喜欢,这些小元素对各UI元...
标签:
06-27
html/css
IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。下面这句代码...
标签:
06-27
html/css
话说这个问题纠结了近一个小时,为什么呢?看看就知道了。在公司的商旅Web移动版本项目上有这么一个交互,需要模仿iphone自带的开关,好吧...
标签:
06-27
html/css
浮出层是web页面中经常用到的功能,带有小小尖角的浮出层则更为生动,所以今天带给大家的是有角的浮出层,一起看看吧!是的,我们即将实现...
标签:
06-27
html/css
之前为公司商旅频道写移动端的页面时遇到不少问题,今特来个总结,希望能为后来者带来一些帮助。不再考虑浏览器兼容性移动端开发主要对象是...
标签:
06-27
html/css
随着HTML5的深入人心,其越来越多的新功能为更多Coder所用,HTML5新增了不少人性化标签和属性,马上介绍的就是新的表单属性。实例图片:代...
标签:
06-27
html/css
前几天一
———————————小小分隔线 字符来实现————————————.demo_li...
标签:
06-27
html5
data-* 是H5的新属性,用来让开发者对标签添加自定义属性的。
08-14
html5
HTML5 新模块元素的兼容问题,新增块元素的默认样式下列HTML5新模块元素在IE8、9版本浏览器中没有被定义默认样式。为解决该问题,给下列元素添加“block”显示属性。
12-30
html5
HTML5非常强大,尤其是和CSS3结合,有时候能达到非同凡响的网页动画效果。今天要分享的这款HTML5应用就是一款很酷的3D立体图片相册应用,它可以用鼠标多拽从多个角度浏览相册图片,点击图片,就可以放大图片,相册图片都是美女,千万别让女朋友看到。
08-10
html5
开发离线应用的第一步是要知道设备是在线还是离线,html5为此定义了一个navigator onLine属性,这个属性值为true表示设备能上网,值为false表示设备离线。
04-08
html5
这是 Jose 在CoderWall 分享的一个小技巧:在浏览器地址栏中输入下面这行代码,回车即可把浏览器变临时编辑器。1data:text html,
04-08
html5
2000 年底,国际W3C织组织公布发行了 XHTML1 0 版本,到现在已经有 10 年了。这 10 年里, Web 飞速发展,XHTML1 0 显得力不从心
04-06
css3
.title{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; ...
标签:
11-26
css3
酷炫的文字渐变效果,赶紧试试吧!
12-23
css3
为了解决padding影响宽度造成破版的问题,推荐一个CSS3属性: Box-Sizing
11-01
css3
括淡入淡出,文字飞入、左右摇摆动画等等。使用animate.css也非常简单,你可以给页面上的任意元素,特别是文字添加各种神奇的动画特效,一起来尝试一下吧。
05-06
css3
CSS3 新增的 background-size 是一个很有用的属性,用于定义背景图片的尺寸,有了这个属性,你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了,该值能让背景图片缩放至填满整个容器,即使是图片面积小于容器面积。
03-16
css3
用最少标签实现文本垂直居中,css3伪类轻松实现...
12-09
css3
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.masked{
background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #147B96 50%, #E6D205 75%, #147B96);
09-04
css3
CSS3 read-only伪类.test1:read-only{background-color:#eee;}.test1:-moz-read-only{background-color:#eee;}.test2:read-only, .test2:-moz-read-only{background-color:#eee;}
08-28
css3
由于现在主要接触移动端,不需要考虑IE等古董浏览器的兼容性问题,所以能最大程度的使用CSS3所带来的便捷。根据设计需求,需要把图片以倾斜5度的方式来呈现出效果。于是便做了一个例子:-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg); 把图片旋转了5度...
08-08
css3
一 些场景需要引用css3 字体@font-face.在字体转换上是头疼的事。辛苦找到的网页字体转换工具功能很强大,推荐一下:网页应用特殊字体,ttf转换为woff、svg、等格式字体
07-11
css3
CSS3 Animation 并未提供 给一个元素同时添加多个动画效果的方法,就是说一个元素,只能给它定义一个动画效果,不能同时定义。
07-06
css3
1. scoped令CSS的作用范围限定到style节点的父级节点div。
例:p { color: red }Helloworld
07-01
css3
纯CSS让overflow:auto页面滚动条出现时不跳动
06-16
css3
做为前端人员,如果你目前还不知道CSS3,说明你所处的环境有问题了,如果你还不会CSS3,只能说明你已经OUT了,请跟上时代的步伐,坚持学习!各种前端框架涌现,让我们眼花缭乱,以Bootstrap,Foundation做为代表的框架比较多,主打功能全面,UI漂亮。
06-10
css3
前几天群里有同学在咨询利用CSS怎么使背景颜色产生渐变,要求必须兼容IE7,IE8,这就有点头疼了,现代浏览器IE9+,Chrome,Friefox均都支持CSS3属性gradient,实现起来就很简单,经过一翻调试,终于帮这位同学解决了问题,下边给出完整的解决方案。
06-10
css3
body * {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);
06-08
css3
使用了after伪类,因此上面方法支持的浏览器为IE8+,以及其他靠谱浏览器。经过自己的测试,content内容只能是 " A "或者需要包括 " A ",大小写无妨。
06-02
css3
在SF上,有人提出一个问题:不用table,如何把Div分成3行*3列。提供了三种思路:
05-19
css3
CCS3中的Transform是设置界面样式和动画的一大利器。而且在Chrome和FF中还支持3D变换。IE9不支持,IE10支持。只要是3D场景都会涉及视角问题和透视的问题。在Transform中的设置方法比较简单:
04-08
css3
尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很主流的属性,如border-radius、box-shadow或
04-08
ajax
一般来说,大家可能都会习惯用JQuery提供的Ajax方法,但是用原生的js怎么去实现Ajax方法呢?
04-17
js
//去掉空格(两种方法都可以)str = str.replace(/\ +/g,""); str = str.replace(/[ ]/g,"") //去掉回车换行 str = str.replace...
标签:
05-21
js
1、push()、pop()和unshift()、shift()
这两组同为对数组的操作,并且会改变数组的本身的长度及内容。
标签:
03-06
js
var str='我是demo'; reg=/]*href=[ '"]([^"]*)[' "][^>]*>(.*?)/g;while(reg.exec(s...
04-23
js
前端人员应该知道的JavaScript
11-02
js
随着智能手机等小屏移动设备的兴起,以前只针对桌面电脑的网站必不可少的向自适应网站页面模式迁移,而在这其中,max-width这个新的CSS属性在自适应设计中占有举足轻重的作用。我通常都是将img, iframe, 和 embed 等标签设置成 max-width: 100%...
12-30
js
大家都知道Javascript 有两个种定义Function的方法非常常用。例如function a(){alert("a")}
var a = function(){alert("a")}虽然两个种方式定义出来的 function 调用的时候结果一样,但是中间还是有区别的。举个简单的例子,假如我们要重定义 a() ...
08-25
js
一般看JQuery插件里的写法是这样的(function($) {//... })(jQuery);bootstrap的javascript组件是这样写的!function( $ ){ //...}( window.jQuery );为什么要在前面加一个 " ! " 呢?
08-25
js
在进行类似微博墙之类的展示页面中,经常会遇到这样的需求:在固定大小的区域放入字数不定的文字,但是要求字体可以自动改变大小来自动填充这些区域。
07-01
js
大多数应用平台中会通过iframe的方式插入跨站的应用。大多数时候基本上能满足需求,但是如果遇到一些比较特殊的应用,他们的高度并不是固定的,会随着应用内容而变化。虽然会有滚动条的出现,但是这样从某种程度上会影响到页面的美观。
07-01
js
js改变标题,关键字,描述的内容
06-19
js
iframe页面屏蔽网页右键代码
05-31
js
js 设置焦点 判断控件是否获得焦点 判断哪个控件获得焦点
05-19
js
这是一个鸡肋的功能,在别人复制你网站内容时自动在复制内容后面添加上自己网站的名称和被复制内容当前页面的地址,说它鸡肋是因为在我们这
05-19
js
首先一个最大的问题是,arguments这个对象哪儿来的?也许有人会认为它是调用函数时引擎自带的一个局部变量,因为我们平时使用arguments的时
04-29
js
这个例子中g函数试图修改f函数的参数列表,只有在IE6和Opera上可以修改成功,我觉得这是个Opera的漏洞。且不说修改,光是能访问到就会有一些安全问题吧。
04-29
js
关于BASE64,我在之前的文章“BASE64和CSS中使用BASE64图片”中有介绍过原理,我们今天来用代码实现。
首先是传统的方法,遍历+手动移位。下面是传统方式的实现,注释很详细了,我就不另外解释了。如果有什么问题可以更帖提出。
04-29
js
这玩意儿很早以前就有了,只是一直没流行起来。但是现在差不多可以用用了,下面这个是国内最新的浏览器市场份额数据
04-29
js
在HTML5中,我们可以使用FileReader对象来读取INPUT-INPUT控件中选中的文件的内容。下面是例子:注意HTML5中的INPUT-FILE控件中使用的是储存文件列表的files属性,因为在HTML5中INPUT-FILE控件有个multiple属性,这是上这个属性就可以同时选择多个文件了,所以需要用拟数组来保存
04-29
js
有了这些功能,[ajax+json+Handlebars]替代[vo+el表达式]不成问题,新时代的曙光已经来临,最佳解决方案在此,您还等什么?
04-28
jq
如果是为了取到tagName后再进行判断,那直接用下面的代码会更方便:$(element).is('input')
08-30
jq
一个支付宝盖印效果,点击demo
08-10
jq
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());
alert($(document.body).outerHeight(true)); //浏览器当前窗口文档b
06-29
jq
获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;)
var X = $( DivID ) offset() top;
var Y = $( DivID ) offset() left;
04-08
jq
当我光标在图片位置很快的移入移出,将不停的在触法事件, 然后鼠标移开,事件由于之前快速移动还没反应过来,延迟触发中。(我是一个菜单图片,怎么才能当鼠标移开以后就终止延迟的 事件)
04-08
jq
1 禁用右键点击(Disable right-click)$(document) ready(function(){ $(document) bind("contextmenu",function(e){
04-08
jq
分享几款比较实用的jquery幻灯片插件
04-08
jq
js:
04-08
jq
http: www iteye com news 27598,个人很喜欢响应式的BXSlider (http: bxslider com )
04-08
jq
DEMO:http: jsbin com acudel 2 edit
标签: 轮播图
04-08
php
ajaxpage php【这里是数据展示页面的代码】:
03-11
php
抓取某一个网页中的内容,需要对DOM树进行解析,找到指定节点后,再抓取我们需要的内容,过程有点繁琐。LZ总结了几种常用的、易于实现的网
03-04
php
今天get了一招:利用 htaccess文件对PHP网站或文件进行伪静态处理。(windows下配置测试可以)一、检查服务器是否支持伪静态处理:必须要空间
03-04
开发利器
Swiper是由iDangero.us开发的一款免费移动端触摸滑块幻灯片插件,不但能够适用于各种操作系统的手机,还能够利用HTML5的硬件加速功能来完成滑块的切换效果,其效果以及实用性非常强。该插件适合PC和移动端,是程序员开发的强大利器
06-23
开发利器
fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏滚动的网站。
06-23
开发利器
Sublime Text的强大就是她拥有强大的课可扩展性。您可根据自己的需要安装不同的插件;这使得她变的无比强大的同时又不失轻便。
02-20
开发利器
SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板,所有的文件模板都在插件目录的templates文件夹里,可以自定义编辑文件模板。
02-20
开发利器
在实际生产当中,如果每一次计算px转换rem,或许会觉得非常麻烦,或许直接影响大家平时的开发效率。CSSREM是一个CSS的px值转rem值的Sublime Text3自动完成插件。
11-20
移动端
在项目中post请求,需要传的数据格式为strcode = 111这种格式
标签:
03-23
移动端
场景 一个抽奖活动,需求是用户进入活动落地页,点击购买套餐卡再回到落地页,抽奖的次数+1问题 当购买好套餐卡后回退到活动抽奖的落...
标签:
09-27
移动端
场景 vue项目中,经常对数组更行赋值操作,但在比较复杂的数组更新时,页面视图并不会及时更新,采用$set方式也是一样。解决方案 ...
标签:
09-27
移动端
场景: vue项目,弹窗是fixed布局,在表单input输入内容时,光标错位解决方案: 通过watch属性来解决,代码如下: watch:{ ...
标签:
09-27
移动端
场景:在vue开发项目中,需要用户提交留资,在输入的内容需要实时更新显示输入的字符数,在原生Dom树中绑定事件@keyup="limitStr($event)".在ios中使用全拼输入法输入中文,在点完成时字符数没有发生明显变化,安卓机测试是没问题...
标签:
08-22
移动端
需求:背景图片和二维码还有用户微信头像生成一张图片,可供用户下载。打开页面的时候就是一张图可以保存,html2canvas插件即可实现效果,...
03-02
移动端
我们要在追加元素上绑定事件,通常会有live事件,经实践检测出部分手机还有失效,用了网上的方法用on事件替代也还是失效,调试了半天,终于找到解决方案...
11-22
移动端
pc端的动态添加元素绑定事件在手机端不生效,on,live事件都没有效果,那怎么解决呢?
08-04
移动端
就是viewport特性,一个移动专属的Meta值,用于定义视口的各种行为。该特性最先由Apple引入,用于解决移动端的页面展示问题,后续被越来越多的厂商跟进。这时有一个很现实的问题摆在了厂商面前,用户并不能很好地通过手机等设备访问网页,因为屏幕太小。
07-07
移动端
工作了有一段时间,基本上都在搞移动端的前端开发,工作的过程中遇到过很多问题,bug的解决方案,记录下来,以便后用!!!内容并不是很全,有待完善
05-12
移动端
手机淘宝从中开始,全面推行flexible设计。什么叫flexible呢?其实flexible就是responsive的低端形态和基础。对我们来说,最直观的感受就是,在超宽屏幕上,网页显示不会两边留白。以前pc时代大家经常讲的流体布局,其实就是一种flexible design。
标签: 方案
05-04
移动端
一个针对手机网页的前端 console 调试面板。vConsole 是一个网页前端调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作。
05-04
移动端
移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。
04-05
移动端
控制手机键盘弹出的功能只能在ios上实现,安卓是实现不了的,所以安卓只能使用type类型来控制键盘类型,例如你要弹出数字键盘就使用type="number",如果要弹出电话键盘就使用type="tel",但这时又有问题了,那就是但type="password"时想弹出数字键盘该怎么办呢??
03-30
移动端
在一个抽奖的项目中,旋转时出现闪屏,解决方案:
Google关键字“Chrome transition blink”和“Chrome transition bug”发现网上已经有很多人注意到这个问题,推测为Chrome在初始渲染CSS动画时产生的Bug,虽然暂时无法考证这个问题的根本原因,但是目前已知的解决方案有两条:
01-19
移动端
此段脚本可以适配不同手机上字体放大缩小,页面元素的宽高,间距等可以配合rem单位来控制。
12-29
移动端
metahandler.js是控制viewport进行页面的缩放,再结合px单位进行实现移动端页面,用px实现的移动页面(宽度固定死的页面),引入metahandler.js框架1、视口设置 width=640,是根据psd图来设置,有多宽设置多宽(设计图是640的设置64)
12-29
移动端
20.模拟按钮hover效果
移动端触摸按钮的效果,可明示用户有些事情正要发生,是一个比较好体验,但是移动设备中并没有鼠标指针,使用css的hover并不能满足我们的需求,还好国外有个激活css的active效果...
12-18
移动端
3、移动端touch事件(区分webkit 和 winphone)
当用户手指放在移动设备在屏幕上滑动会触发的touch事件
12-18
移动端
1. 添加到主屏后的标题(IOS)2. 启用 WebApp 全屏模式(IOS)3. 百度禁止转码4. 设置状态栏的背景颜色(IOS)
5. 移动端手机号码识别(IOS)6. 移动端邮箱识别(Android)
12-18
node
complete:13: command not found: compdef 之类的错误
标签:
03-27
node
普通的右键删除 node_modules 文件夹基本是删除不了的。原因是node_modules的目录层级太深,或者没有管理员权限。平时删除node_modules的...
标签: 方法
04-23
node
node-sass安装失败的原因是因为无法下载.node文件,解决办法就很简单了,就是我们把文件下载路径复制一份到浏览器里,然后使用浏览器下载文...
07-06
reactNative
在开发过程中,字符串转base64有个btoa 方法,在浏览器中是支持的如:在手机调试过程中,android 报undefined.ios下直接crash.度娘之后,...
07-23
reactNative
在开发项目中加载html片断,发现在图片不显示,但在安卓机上是显示的,为啥不显示,看了下html代码中的图片,是没有协议,以//开始。这。。...
07-15
reactNative
在开发过程中需要加载html片断,发现安卓机上是乱码,这可郁闷了,官方文档也没有这方面的介绍,还好度娘还好的,记录一下解决方案:其实很...
07-15
git
通常我们要开发一个新的功能会在dev上新建一个分支,在新分支上开发完会merge到dev上。然而一般大佬不用merge,用的是cherry-pick用法:新...
标签:
04-29
git
git pull 时出现Permission Denied (publickey, password)
标签:
03-21
git
一般项目提交git add . //本目录下的所有文件,但上级目录有修改的文件不会添加git commit -m "注释"执行完之后,想撤回commit, 怎...
11-26
git
项目场景: 在某个活动项目中,因为活动越做越多需要清理一些过时的项目。后面又开始做活动,但在某些情况下需要还原之前清理的活动...
标签:
03-15
git
使用 git branch -a 命令可以查看所有本地分支和远程分支,发现很多在远程仓库已经删除的分支在本地依然可以看到。使用命令 git remo...
标签:
03-04
git
目前正在test分支上面开发某个功能,但是没有完成。突然一个紧急的bug需要处理git add .git stashgit checkout bugFixBranchgit pull...
标签:
03-01
git
git init //初始化本地git环境git clone XXX//克隆一份代码到本地仓库git pull //把远程库的代码更新到工作台git pull --rebase o...
标签:
03-01
git
删除一条分支:git branch -D branchName删除当前分支外的所有分支:git branch | xargs git branch -d删除分支名包含指定字符的...
标签:
03-01
uniapp
1.跳转webview加载的页面,用navigateTo跳转的带参url可以两次encodeURIComponent,不带参数可以不加encodeURIComponent. 统一作法都加一...
标签:
05-29
python移动端web开发代码_移动web前端开发 前端开发工作总结 移动端页面开发-我主页-一个前端程序猿的博客...
如果觉得《python移动端web开发代码_移动web前端开发 前端开发工作总结 移动端页面开发-我主页》对你有帮助,请点赞、收藏,并留下你的观点哦!