一个前端开发程序猿的博客,提供前端资源,为前端新手提供干货的网站.
  • Our Story - 我们的故事
  • 生活随记- 记录我的成长
  • Steven's博客 - 了解博主从这里开始
  • Steven's博客 - 前端录,记录前端那些事儿
  • Our Story - 我们的故事
  • 生活随记- 记录我的成长
  • Steven's博客 - 了解博主从这里开始
  • Steven's博客 - 前端录,记录前端那些事儿
精选导读精选导读

reaactNative字符串转base64的解决方案

在开发过程中,字符串转base64有个btoa 方法,在浏览器中是支持......

webview ios加载图片不显示

在开发项目中加载html片断,发现在图片不显示,但在安卓机上是显......

webview部分安卓机中文乱码

在开发过程中需要加载html片断,发现安卓机上是乱码,这可郁闷了......

快速删除 node_modules 方法

普通的右键删除 node_modules 文件夹基本是删除不了的。原因是n......

js如何用正则获取a标签的内容

var str=&#39;<a href="#demo">我是demo</a>&#39;; reg=/<a[^>......

原生js实现Ajax

一般来说,大家可能都会习惯用JQuery提供的Ajax方法,但是用原生......

热门推荐热门推荐
pre标签的样式
html/css

pre标签的样式

这是一个 HTML 中非常特别的标签,它允许其中的空格真正显示出来。例如:四个空格将真实显示成四个空格。这不同于其他标签通常的做法,其他标签会将之间的空白压缩成一个。从这一点来说,标签真的是很有用。

标签: 样式 标签 06-09
我主页我作主
html/css

select里加链接

html select标签加链接的方法有很多,接下来为大家介绍下几个比较经典的,,感兴趣的朋友可以参考下哈,希望可以帮助到你

标签: select 01-21
你不知道的Z-Index
html/css

你不知道的Z-Index

在下面的HTML我们写了3个元素,然后每个元素里面都有一个元素,每个元素都有个背景色,并且使用absolute定位,为了能更清楚地看到z-index的效果,我们写了一些其他的样式。第一个元素的z-index值为1,其他两个没有设置。

标签: z-index 12-24
css段落文字(中英文混杂)实现两端对齐
html/css

css段落文字(中英文混杂)实现两端对齐

两边是不对齐的(一般情况下,我们对这种情况不做处理,除非需求或者设计非要我们实现两端对齐)。一般的两端对齐是使用text-align:justify,但是text-align:justify一般情况下只针对英文管用。

标签: css 两端对齐 中英文 11-26
css实现文本两端对齐
html/css

css实现文本两端对齐

利用css text-align:justify;(作用是行元素两端对齐)属性来实现css实现两端对齐。

标签: css 两端 对齐 文本 11-26
我主页我作主
html/css

table中的td内容超出隐藏

table标签需要设定属性 table-layout: fixed;width:XXXpx; 在要超出隐藏的td标签上设定属性 white-space: nowrap;text-overflow: ellipsis;overflow: hidden; 不要忘了给table加个宽度

标签: table td 隐藏 11-10
我主页我作主
html/css

置换和非置换元素

一个 内容 不受CSS视觉格式化模型控制,CSS渲染模型并不考虑对此内容的渲染,且元素本身一般拥有固有尺寸(宽度,高度,宽高比)的元素,被称之为置换元素。w3c并没有给出明确的非置换元素的解释,但能确定的是除置换元素之外,所有的元素都是非置换元素。

标签: 置换 非置换 元素 09-16
我主页我作主
html/css

CSS居中完全解决方案

行内元素 把行内元素嵌套在一个DIV中,并且在DIV中设置以下样式 块级元素 对于定宽的块级元素,我们要设置起margin-top,margin-right 为auto 多个块级元素(inline-block) 多个块级元素,我们将其display设置为inline-block;然后将父级元素设置一下属性

标签: css 居中 解决方案 09-09
我主页我作主
html/css

表单中Readonly和Disabled的区别

Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下:Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。

标签: Readonly Disabled input 08-28
简单CSS3技巧实现的Logo动画
html/css

简单CSS3技巧实现的Logo动画

之前不少人提过说要实现像阿里百秀Logo那样的动画效果,为了满足广大用户的需求,这里就简单做个演示。东西相对较简单,所以不要认为你搞不...

标签: 06-27
HTML5绘制上海地铁线路图
html/css

HTML5绘制上海地铁线路图

某市政项目用到地铁图展示,展示地铁站点以及相关信息流,使用Qunee组件可以很好的解决这类需求,做出优美的展现,下面以上海2012地铁图为...

标签: 06-27
CSS创建三角形(小三角)的几种方法
html/css

CSS创建三角形(小三角)的几种方法

你可以在很多地方看到三角形(小三角):tooltips提示框、下拉菜单、甚至在loading载入动画里。不管你喜欢还是不喜欢,这些小元素对各UI元...

标签: 06-27
我主页我作主
html/css

IOS下移除按钮原生样式 -webkit-appearance

IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。下面这句代码...

标签: 06-27
我主页我作主
html/css

CSS3 iphone式开关的推荐写法

话说这个问题纠结了近一个小时,为什么呢?看看就知道了。在公司的商旅Web移动版本项目上有这么一个交互,需要模仿iphone自带的开关,好吧...

标签: 06-27
CSS常用浮出层的写法
html/css

CSS常用浮出层的写法

浮出层是web页面中经常用到的功能,带有小小尖角的浮出层则更为生动,所以今天带给大家的是有角的浮出层,一起看看吧! 是的,我们即将实现...

标签: 06-27
我主页我作主
html/css

移动端Web开发小记

之前为公司商旅频道写移动端的页面时遇到不少问题,今特来个总结,希望能为后来者带来一些帮助。不再考虑浏览器兼容性移动端开发主要对象是...

标签: 06-27
简单HTML5打造内涵搜索框
html/css

简单HTML5打造内涵搜索框

随着HTML5的深入人心,其越来越多的新功能为更多Coder所用,HTML5新增了不少人性化标签和属性,马上介绍的就是新的表单属性。实例图片:代...

标签: 06-27
我主页我作主
html/css

CSS巧妙实现分隔线的几种方法

前几天一 <div class="demo_line_05">———————————<span>小小分隔线 字符来实现</span>————————————</div>.demo_li...

标签: 06-27
我主页我作主
html/css

解决Firefox下input button内文字垂直居中

很老的问题了,如今再次碰到,记录下来,给后来者方便!众所周知,在Firefox下input type=&#8221;button&#8221;的文字是不好居中的,原因...

标签: 06-27
我主页我作主
html/css

解决Button在IE6、7下的自适应宽度问题

很早就遇到过这么个小问题,但由于其并未影响到实际作用和美观就没有正面解决它,现在,我们来试着解决它。写一个Button,有两种方式:其一...

标签: 06-27
我主页我作主
html5

关于H5的自定义属性data-*

data-* 是H5的新属性,用来让开发者对标签添加自定义属性的。

标签: h5属性 data 08-14
我主页我作主
html5

前端html5 CSS Reset 详细分析

HTML5 新模块元素的兼容问题,新增块元素的默认样式下列HTML5新模块元素在IE8、9版本浏览器中没有被定义默认样式。为解决该问题,给下列元素添加“block”显示属性。

标签: 前端 html5 css 12-30
用HTML5制作的3D相册
html5

用HTML5制作的3D相册

HTML5非常强大,尤其是和CSS3结合,有时候能达到非同凡响的网页动画效果。今天要分享的这款HTML5应用就是一款很酷的3D立体图片相册应用,它可以用鼠标多拽从多个角度浏览相册图片,点击图片,就可以放大图片,相册图片都是美女,千万别让女朋友看到。

标签: HTML5 3D 相册 08-10
我主页我作主
html5

离线检测

开发离线应用的第一步是要知道设备是在线还是离线,html5为此定义了一个navigator onLine属性,这个属性值为true表示设备能上网,值为false表示设备离线。

标签: html5 离线检测 04-08
一行代码,浏览器变临时编辑器
html5

一行代码,浏览器变临时编辑器

这是 Jose 在CoderWall 分享的一个小技巧:在浏览器地址栏中输入下面这行代码,回车即可把浏览器变临时编辑器。1data:text html,

标签: 代码 浏览器 编辑器 04-08
我主页我作主
html5

HTML5标签用法及描述

2000 年底,国际W3C织组织公布发行了 XHTML1 0 版本,到现在已经有 10 年了。这 10 年里, Web 飞速发展,XHTML1 0 显得力不从心

标签: HTML5 标签 04-06
酷炫的文字渐变效果
css3

酷炫的文字渐变效果

酷炫的文字渐变效果,赶紧试试吧!

标签: 效果 文字 12-23
快速理解Box-Sizing相关属性
css3

快速理解Box-Sizing相关属性

为了解决padding影响宽度造成破版的问题,推荐一个CSS3属性: Box-Sizing

标签: Box-Sizing 11-01
css3 强大的动画库
css3

css3 强大的动画库

括淡入淡出,文字飞入、左右摇摆动画等等。使用animate.css也非常简单,你可以给页面上的任意元素,特别是文字添加各种神奇的动画特效,一起来尝试一下吧。

标签: css3 动画 05-06
Background-size完美兼容IE
css3

Background-size完美兼容IE

CSS3 新增的 background-size 是一个很有用的属性,用于定义背景图片的尺寸,有了这个属性,你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了,该值能让背景图片缩放至填满整个容器,即使是图片面积小于容器面积。

标签: Background-size完美兼容IE 03-16
绝对定位DIV内的文本水平垂直居中,一个标签搞定
css3

绝对定位DIV内的文本水平垂直居中,一个标签搞定

用最少标签实现文本垂直居中,css3伪类轻松实现...

标签: 绝对定位 div 居中 12-09
text-fill-color + animation文字渐变光波流动动画实例页面
css3

text-fill-color + animation文字渐变光波流动动画实例页面

@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);

标签: animation 渐变 光波 09-04
CSS3 read-only伪类逗号写法支持
css3

CSS3 read-only伪类逗号写法支持

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;}

标签: CSS3 read-only 伪类 08-28
CSS3 transform rotate(旋转)锯齿的解决办法
css3

CSS3 transform rotate(旋转)锯齿的解决办法

由于现在主要接触移动端,不需要考虑IE等古董浏览器的兼容性问题,所以能最大程度的使用CSS3所带来的便捷。根据设计需求,需要把图片以倾斜5度的方式来呈现出效果。于是便做了一个例子:-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg); 把图片旋转了5度...

标签: css3 rotate 旋转 锯齿 08-08
css3网页字体转换推荐一个字体转换网站
css3

css3网页字体转换推荐一个字体转换网站

一 些场景需要引用css3 字体@font-face.在字体转换上是头疼的事。辛苦找到的网页字体转换工具功能很强大,推荐一下:网页应用特殊字体,ttf转换为woff、svg、等格式字体

标签: css3 网页字体 07-11
使用CSS3的Animation为同一个元素添加多个动画效果
css3

使用CSS3的Animation为同一个元素添加多个动画效果

CSS3 Animation 并未提供 给一个元素同时添加多个动画效果的方法,就是说一个元素,只能给它定义一个动画效果,不能同时定义。

标签: CSS3 Animation 07-06
css3几个特殊属性
css3

css3几个特殊属性

1. scoped令CSS的作用范围限定到style节点的父级节点div。 例:p { color: red }Helloworld

标签: css3 属性 07-01
纯CSS让overflow:auto页面滚动条出现时不跳动
css3

纯CSS让overflow:auto页面滚动条出现时不跳动

纯CSS让overflow:auto页面滚动条出现时不跳动

标签: css3 overflow 06-16
Hover.css—前端CSS3特效框架,不会就OUT了
css3

Hover.css—前端CSS3特效框架,不会就OUT了

做为前端人员,如果你目前还不知道CSS3,说明你所处的环境有问题了,如果你还不会CSS3,只能说明你已经OUT了,请跟上时代的步伐,坚持学习!2013年各种前端框架涌现,让我们眼花缭乱,以Bootstrap,Foundation做为代表的框架比较多,主打功能全面,UI漂亮。

标签: 前端 框架 特效 06-10
利用css3属性gradient实现背景颜色线性渐变
css3

利用css3属性gradient实现背景颜色线性渐变

前几天群里有同学在咨询利用CSS怎么使背景颜色产生渐变,要求必须兼容IE7,IE8,这就有点头疼了,现代浏览器IE9+,Chrome,Friefox均都支持CSS3属性gradient,实现起来就很简单,经过一翻调试,终于帮这位同学解决了问题,下边给出完整的解决方案。

标签: css3 渐变 06-10
我主页我作主
css3

网页变成灰色,对重大事件表示哀悼

body * {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);

标签: 网页 灰色 06-08
CSS让inline水平元素换行
css3

CSS让inline水平元素换行

使用了after伪类,因此上面方法支持的浏览器为IE8+,以及其他靠谱浏览器。经过自己的测试,content内容只能是 " A "或者需要包括 " A ",大小写无妨。

标签: CSS3 inline 换行 06-02
不用table,怎么等分DIV
css3

不用table,怎么等分DIV

在SF上,有人提出一个问题:不用table,如何把Div分成3行*3列。提供了三种思路:

标签: 不用table 等分DIV 05-19
详解 CSS3 Transform的perspective属性
css3

详解 CSS3 Transform的perspective属性

CCS3中的Transform是设置界面样式和动画的一大利器。而且在Chrome和FF中还支持3D变换。IE9不支持,IE10支持。只要是3D场景都会涉及视角问题和透视的问题。在Transform中的设置方法比较简单:

标签: CSS3 Transform perspective 04-08
CSS3那些不为人知的高级属性
css3

CSS3那些不为人知的高级属性

尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很主流的属性,如border-radius、box-shadow或

标签: CSS3 不为人知 高级属性 04-08
利用css3做动感的banner差异体验
css3

利用css3做动感的banner差异体验

  产品宣传页往往会向用户介绍产品的功能特点,传达产品的理念,也是用户初次对新产品或产品新功能新特性的感观认知,对此,视觉设计师在

标签: css3 banner 04-08
原生js实现Ajax
ajax

原生js实现Ajax

一般来说,大家可能都会习惯用JQuery提供的Ajax方法,但是用原生的js怎么去实现Ajax方法呢?

标签: 原生js实现Ajax 04-17
我主页我作主
js

js如何用正则获取a标签的内容

var str=&#39;<a href="#demo">我是demo</a>&#39;; reg=/<a[^>]*href=[ &#39;"]([^"]*)[&#39; "][^>]*>(.*?)<\/a>/g;while(reg.exec(s...

标签: js 正则 04-23
我主页我作主
js

前端人员应该知道的JavaScript

前端人员应该知道的JavaScript

标签: 前端 人员 js 11-02
我主页我作主
js

用JavaScript获取图片真实尺寸大小的简单方法

随着智能手机等小屏移动设备的兴起,以前只针对桌面电脑的网站必不可少的向自适应网站页面模式迁移,而在这其中,max-width这个新的CSS属性在自适应设计中占有举足轻重的作用。我通常都是将img, iframe, 和 embed 等标签设置成 max-width: 100%...

标签: JavaScript 图片 大小 12-30
我主页我作主
js

Javascript 两种 function 定义的区别

大家都知道Javascript 有两个种定义Function的方法非常常用。例如function a(){alert("a")} var a = function(){alert("a")}虽然两个种方式定义出来的 function 调用的时候结果一样,但是中间还是有区别的。举个简单的例子,假如我们要重定义 a() ...

标签: Javascript function 08-25
我主页我作主
js

javascript里function之前加上感叹号 ' ! ' 会怎么样?

一般看JQuery插件里的写法是这样的(function($) {//... })(jQuery);bootstrap的javascript组件是这样写的!function( $ ){ //...}( window.jQuery );为什么要在前面加一个 " ! " 呢?

标签: javascript function ! 08-25
javascript 文字大小自动适应文本框 (文字大小自动调整)
js

javascript 文字大小自动适应文本框 (文字大小自动调整)

在进行类似微博墙之类的展示页面中,经常会遇到这样的需求:在固定大小的区域放入字数不定的文字,但是要求字体可以自动改变大小来自动填充这些区域。

标签: 文字 自适应 文本框 07-01
跨域iframe高度自适应实现方案
js

跨域iframe高度自适应实现方案

大多数应用平台中会通过iframe的方式插入跨站的应用。大多数时候基本上能满足需求,但是如果遇到一些比较特殊的应用,他们的高度并不是固定的,会随着应用内容而变化。虽然会有滚动条的出现,但是这样从某种程度上会影响到页面的美观。

标签: 跨域 iframe 高度 自适应 07-01
js改变标题,关键字,描述的内容
js

js改变标题,关键字,描述的内容

js改变标题,关键字,描述的内容

标签: 关键字 标题 内容 06-19
我主页我作主
js

iframe页面屏蔽网页右键代码

iframe页面屏蔽网页右键代码

标签: iframe 屏蔽右键 05-31
我主页我作主
js

js 设置焦点 判断控件是否获得焦点 判断哪个控件获得焦点

js 设置焦点 判断控件是否获得焦点 判断哪个控件获得焦点

标签: 焦点 控件 05-19
复制内容时自动添加版权来源的Js代码
js

复制内容时自动添加版权来源的Js代码

这是一个鸡肋的功能,在别人复制你网站内容时自动在复制内容后面添加上自己网站的名称和被复制内容当前页面的地址,说它鸡肋是因为在我们这

标签: 加版权来源 05-19
我主页我作主
js

JavaScript的arguments及其子对象

首先一个最大的问题是,arguments这个对象哪儿来的?也许有人会认为它是调用函数时引擎自带的一个局部变量,因为我们平时使用arguments的时

标签: arguments 子对象 04-29
JavaScript 跨函数的参数操作
js

JavaScript 跨函数的参数操作

这个例子中g函数试图修改f函数的参数列表,只有在IE6和Opera上可以修改成功,我觉得这是个Opera的漏洞。且不说修改,光是能访问到就会有一些安全问题吧。

标签: 函数 参数 04-29
JavaScript BASE64的编码
js

JavaScript BASE64的编码

关于BASE64,我在之前的文章“BASE64和CSS中使用BASE64图片”中有介绍过原理,我们今天来用代码实现。   首先是传统的方法,遍历+手动移位。下面是传统方式的实现,注释很详细了,我就不另外解释了。如果有什么问题可以更帖提出。

标签: 编码 BASE64 04-29
JavaScript postMessage跨域通信
js

JavaScript postMessage跨域通信

这玩意儿很早以前就有了,只是一直没流行起来。但是现在差不多可以用用了,下面这个是国内最新的浏览器市场份额数据

标签: postMessage 跨域 通信 04-29
JavaScript读文件(HTML5)
js

JavaScript读文件(HTML5)

在HTML5中,我们可以使用FileReader对象来读取INPUT-INPUT控件中选中的文件的内容。下面是例子:注意HTML5中的INPUT-FILE控件中使用的是储存文件列表的files属性,因为在HTML5中INPUT-FILE控件有个multiple属性,这是上这个属性就可以同时选择多个文件了,所以需要用拟数组来保存

标签: HTML5 FileReader INPUT 04-29
js模版引擎handlebars.js实用教程——结束语
js

js模版引擎handlebars.js实用教程——结束语

有了这些功能,[ajax+json+Handlebars]替代[vo+el表达式]不成问题,新时代的曙光已经来临,最佳解决方案在此,您还等什么?

标签: handlebars js 结束 04-28
我主页我作主
jq

jquery 获取标签名(tagName)

如果是为了取到tagName后再进行判断,那直接用下面的代码会更方便:$(element).is('input')

标签: jquery 获取标签名(tagName) 08-30
支付宝盖印效果demo
jq

支付宝盖印效果demo

一个支付宝盖印效果,点击demo

标签: 支付宝 demo 08-10
我主页我作主
jq

Javascript、Jquery获取浏览器和屏幕各种高度宽度

alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height()); alert($(document.body).outerHeight(true)); //浏览器当前窗口文档b

标签: 浏览器 屏幕 宽度 高度 06-29
JQuery获取某元素的的坐标
jq

JQuery获取某元素的的坐标

获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;) var X = $( DivID ) offset() top; var Y = $( DivID ) offset() left;

标签: JQuery 元素 坐标 04-08
我主页我作主
jq

mouseout和mouseover快速移动引起的事件延迟

当我光标在图片位置很快的移入移出,将不停的在触法事件, 然后鼠标移开,事件由于之前快速移动还没反应过来,延迟触发中。(我是一个菜单图片,怎么才能当鼠标移开以后就终止延迟的 事件)

标签: mouseout mouseover 事件延迟 04-08
我主页我作主
jq

jquery一些简单的技巧

1 禁用右键点击(Disable right-click)$(document) ready(function(){ $(document) bind("contextmenu",function(e){

标签: jquery 技巧 04-08
我主页我作主
jq

分享几款比较实用的jquery幻灯片插件

分享几款比较实用的jquery幻灯片插件

标签: 幻灯片 插件 04-08
jquery图片分页
jq

jquery图片分页

js:<script type="text javascript"> $(document) ready(function() {

标签: jquery 图片 分页 04-08
我主页我作主
jq

JQuery图像滑块插件

http: www iteye com news 27598,个人很喜欢响应式的BXSlider (http: bxslider com )

标签: JQuery 插件 图像 04-08
自动轮播图,带左右切换
jq

自动轮播图,带左右切换

DEMO:http: jsbin com acudel 2 edit

标签: 轮播图 04-08
我主页我作主
php

php+ajax实现分页效果

ajaxpage php【这里是数据展示页面的代码】:<meta charset=&rsquo;utf-8&prime;><script src=http: ajax googleapis com ajax libs jque

标签: 效果 03-11
网页抓取:PHP实现网页爬虫方式小结
php

网页抓取:PHP实现网页爬虫方式小结

抓取某一个网页中的内容,需要对DOM树进行解析,找到指定节点后,再抓取我们需要的内容,过程有点繁琐。LZ总结了几种常用的、易于实现的网

标签: 网页 爬虫 小结 03-04
Apache:如何利用.htaccess文件对PHP网站或文件进行伪静态处理
php

Apache:如何利用.htaccess文件对PHP网站或文件进行伪静态处理

今天get了一招:利用 htaccess文件对PHP网站或文件进行伪静态处理。(windows下配置测试可以)一、检查服务器是否支持伪静态处理:必须要空间

标签: 文件 静态 网站 03-04
具有硬件加速的滑屏插件swiper,支持移动端
开发利器

具有硬件加速的滑屏插件swiper,支持移动端

Swiper是由iDangero.us开发的一款免费移动端触摸滑块幻灯片插件,不但能够适用于各种操作系统的手机,还能够利用HTML5的硬件加速功能来完成滑块的切换效果,其效果以及实用性非常强。该插件适合PC和移动端,是程序员开发的强大利器

标签: 滑屏插件 swiper 06-23
滚动插件fullPage.js
开发利器

滚动插件fullPage.js

fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏滚动的网站。

标签: fullPage 滑屏插件 06-23
我主页我作主
开发利器

Sublime Text快捷组合键大全

Sublime Text快捷组合键大全

标签: Sublime Text 快捷键 02-20
我主页我作主
开发利器

sublime tex3 如何安装插件

Sublime Text的强大就是她拥有强大的课可扩展性。您可根据自己的需要安装不同的插件;这使得她变的无比强大的同时又不失轻便。

标签: sublime tex3 插件 02-20
我主页我作主
开发利器

sublime text3 快速生成文件模板插件

SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板,所有的文件模板都在插件目录的templates文件夹里,可以自定义编辑文件模板。

标签: sublime text3 插件 02-20
Sublime Text 3自动完成插件px值转rem值
开发利器

Sublime Text 3自动完成插件px值转rem值

在实际生产当中,如果每一次计算px转换rem,或许会觉得非常麻烦,或许直接影响大家平时的开发效率。CSSREM是一个CSS的px值转rem值的Sublime Text3自动完成插件。

标签: Sublime Text 插件 px rem 11-20
解决ios在输入中文时keyup失效的问题
移动端

解决ios在输入中文时keyup失效的问题

场景:在vue开发项目中,需要用户提交留资,在输入的内容需要实时更新显示输入的字符数,在原生Dom树中绑定事件@keyup="limitStr($event)".在ios中使用全拼输入法输入中文,在点完成时字符数没有发生明显变化,安卓机测试是没问题...

标签: 08-22
html2canvas 生成的图片变模糊解决方案
移动端

html2canvas 生成的图片变模糊解决方案

需求:背景图片和二维码还有用户微信头像生成一张图片,可供用户下载。打开页面的时候就是一张图可以保存,html2canvas插件即可实现效果,...

标签: html2canvas 图片 模糊 03-02
live事件在部分手机中失效的解决方案
移动端

live事件在部分手机中失效的解决方案

我们要在追加元素上绑定事件,通常会有live事件,经实践检测出部分手机还有失效,用了网上的方法用on事件替代也还是失效,调试了半天,终于找到解决方案...

标签: live 失效 解决方案 11-22
我主页我作主
移动端

zepto 移动端为动态元素绑定事件的解决方案

pc端的动态添加元素绑定事件在手机端不生效,on,live事件都没有效果,那怎么解决呢?

标签: zepto 元素 解决方案 事件 08-04
移动前端viewport详解
移动端

移动前端viewport详解

就是viewport特性,一个移动专属的Meta值,用于定义视口的各种行为。该特性最先由Apple引入,用于解决移动端的页面展示问题,后续被越来越多的厂商跟进。这时有一个很现实的问题摆在了厂商面前,用户并不能很好地通过手机等设备访问网页,因为屏幕太小。

标签: 前端 viewport 07-07
我主页我作主
移动端

移动端页面开发资源总结

工作了有一段时间,基本上都在搞移动端的前端开发,工作的过程中遇到过很多问题,bug的解决方案,记录下来,以便后用!!!内容并不是很全,有待完善

标签: 移动端 开发 05-12
移动端自适应方案二之手机淘宝的flexible设计与实现
移动端

移动端自适应方案二之手机淘宝的flexible设计与实现

手机淘宝从2014年中开始,全面推行flexible设计。什么叫flexible呢?其实flexible就是responsive的低端形态和基础。对我们来说,最直观的感受就是,在超宽屏幕上,网页显示不会两边留白。以前pc时代大家经常讲的流体布局,其实就是一种flexible design。

标签: 方案 05-04
发现一个前端打印log利器vConsole
移动端

发现一个前端打印log利器vConsole

一个针对手机网页的前端 console 调试面板。vConsole 是一个网页前端调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作。

标签: 前端 利器 05-04
我主页我作主
移动端

移动前端头部标签(HTML5 head meta)

移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。

标签: 前端 头部 标签 04-05
我主页我作主
移动端

指定要使用的形状来代替文字的显示

控制手机键盘弹出的功能只能在ios上实现,安卓是实现不了的,所以安卓只能使用type类型来控制键盘类型,例如你要弹出数字键盘就使用type="number",如果要弹出电话键盘就使用type="tel",但这时又有问题了,那就是但type="password"时想弹出数字键盘该怎么办呢??

标签: 形状 文字 03-30
我主页我作主
移动端

Chrome渲染Transition时页面闪动Bug

在一个抽奖的项目中,旋转时出现闪屏,解决方案: Google关键字“Chrome transition blink”和“Chrome transition bug”发现网上已经有很多人注意到这个问题,推测为Chrome在初始渲染CSS动画时产生的Bug,虽然暂时无法考证这个问题的根本原因,但是目前已知的解决方案有两条:

标签: Chrome Transition 01-19
我主页我作主
移动端

移动端字体适配脚本控制

此段脚本可以适配不同手机上字体放大缩小,页面元素的宽高,间距等可以配合rem单位来控制。

标签: 移动端 字体 适配 12-29
移动端适配脚本神器之MetaHandler.js
移动端

移动端适配脚本神器之MetaHandler.js

metahandler.js是控制viewport进行页面的缩放,再结合px单位进行实现移动端页面,用px实现的移动页面(宽度固定死的页面),引入metahandler.js框架1、视口设置 width=640,是根据psd图来设置,有多宽设置多宽(设计图是640的设置64)

标签: 移动 适配 脚本 12-29
我主页我作主
移动端

移动Web开发技巧--下

20.模拟按钮hover效果 移动端触摸按钮的效果,可明示用户有些事情正要发生,是一个比较好体验,但是移动设备中并没有鼠标指针,使用css的hover并不能满足我们的需求,还好国外有个激活css的active效果...

标签: 技巧 Web 技巧 12-18
我主页我作主
移动端

移动Web开发技巧--中

3、移动端touch事件(区分webkit 和 winphone) 当用户手指放在移动设备在屏幕上滑动会触发的touch事件

标签: 技巧 Web 技巧 12-18
移动Web开发技巧--上
移动端

移动Web开发技巧--上

1. 添加到主屏后的标题(IOS)2. 启用 WebApp 全屏模式(IOS)3. 百度禁止转码4. 设置状态栏的背景颜色(IOS) 5. 移动端手机号码识别(IOS)6. 移动端邮箱识别(Android)

标签: 移动 Web 开发 技巧 12-18
移动端开发小记 – Flexbox
移动端

移动端开发小记 – Flexbox

在开发移动端页面的时候,出去布局方便和减少代码量的考虑,使用了 Flexbox 的布局方式,在其中也遇到了一些问题,简单记录下。什么是 Flexbox,说到 Flexbox,大家应该都不陌生,网络上也有 N 多的教程。但是在这里还是简单说一下,就当回顾知识了吧...

标签: 移动端 开发 Flexbox 12-02
我主页我作主
移动端

css3解决chrome 12像素字体大小限制

原先的解决方案:html { -webkit-text-size-adjust:none } 在新版的chrome中,已经禁止了改属性,建议使用CSS3中的方法:transform:scale(0.875);

标签: css3 chrome 12px 07-23
Touch开发必须知道的事儿
移动端

Touch开发必须知道的事儿

持续跟大家分享一些最新的前端技术进展、开发最佳实践,好了,不多说了,言归正传,今天跟大家分享Touch开发的一些细节问题,希望可以对相关开发人员有所帮助。

标签: Touch 开发 07-02
我主页我作主
移动端

微信页面禁止复制css即可实现

Css禁用选取操作

标签: 禁止复制 css 06-05
我主页我作主
node

快速删除 node_modules 方法

普通的右键删除 node_modules 文件夹基本是删除不了的。原因是node_modules的目录层级太深,或者没有管理员权限。平时删除node_modules的...

标签: 方法 04-23
我主页我作主
node

node安装node-sass失败,配置淘宝源

node-sass安装失败的原因是因为无法下载.node文件,解决办法就很简单了,就是我们把文件下载路径复制一份到浏览器里,然后使用浏览器下载文...

标签: node node-sass 配置 淘宝 07-06
reaactNative字符串转base64的解决方案
reactNative

reaactNative字符串转base64的解决方案

在开发过程中,字符串转base64有个btoa 方法,在浏览器中是支持的如:在手机调试过程中,android 报undefined.ios下直接crash.度娘之后,...

标签: 字符串 解决方案 07-23
我主页我作主
reactNative

webview ios加载图片不显示

在开发项目中加载html片断,发现在图片不显示,但在安卓机上是显示的,为啥不显示,看了下html代码中的图片,是没有协议,以//开始。这。。...

标签: webview ios 图片 07-15
我主页我作主
reactNative

webview部分安卓机中文乱码

在开发过程中需要加载html片断,发现安卓机上是乱码,这可郁闷了,官方文档也没有这方面的介绍,还好度娘还好的,记录一下解决方案:其实很...

标签: webview 乱码 中文 部分 07-15
今日推荐今日推荐

爱情长跑的最大遗憾

  • 以前,看张爱玲的姑姑张茂渊,一场恋爱等了50年,78岁才等到自己的爱情,有情人终成眷属,就觉得不值,难道真如电影里上演的那幕:我只爱你沧桑的容颜? 还是旁人感叹着,说男女主角真

与谁共享,有谁分担

  • 在一场以经营亲密关系为主题的讲座中,我设计了几个题目,给在座的人自我检测。如果你中了十亿元,你会把这个消息告诉几个人?我常常听见有

匆匆那年经典台词:校服再丑,你再也穿不到了

  • 人生是一场永不止息的旅行,我们被人海裹挟着向前,不能回头,走过的路,说过话,做过的事,无论对错,也再无更改的可能。今年是2014年,德国赢了世界杯,马航失联,我31岁了,回忆对我来说,是一次抵抗时间和人海的逆旅,爱回忆的人,脚步总会比别人慢一些

关于程序员的一些笑话,据说看懂的人都还在加班中

  • 0 老婆给当程序员的老公打电话:下班顺路买十个包子,如果看到卖西瓜的,买一个。当晚老公手捧一个包子进了家门。老婆怒道:你怎么只买一

可以让你少奋斗十年的工作总结

  • 第一:不要认为停留在心灵的舒适区域内是可以原谅的。每个人都有一个舒适区域,在这个区域内是很自我的,不愿意被打扰,不愿意被push,不愿
阅读推荐阅读推荐

人生无非是笑笑人家,再被人家笑笑而已男人是用来靠的,所以要可靠女人是用来爱的,所以要可爱发怒一分钟,便失去60秒的幸福别人都在...

不管世事变迁风雨考验 总是站在你的身边 为你鼓气为你扬帆 不顾旁人指点碎语闲言 为了你可以和整个世界背叛 做你最忠实的伙伴 欣赏着你的优点 又处处包容着你的缺点 最是看不得你受委屈 恨不得替你出拳

我女儿的学校与美国一初中互派交换生。美国一名学生住到我家里,在接触的一段日子里,这个美国学生给我留下了深刻印象。

小苏打,学名碳酸氢钠,这玩意儿可是在日常生活中非常有用、好用到不可思议啊!不管小苏打是食用还是工业用的,各有各不同的妙用呢

人世间有一种相遇,不是在路上,而是在心里;人世间有一种陪伴,不是在身边,而是在灵魂。最美的风景不在远方,没有擦肩而过,却会留下瞬间的惊喜;无需相见,那眼眸依然深邃含情;无需回首,那身影依然是心中最美的风景。每个人都有一段时间会忘不了...