1015关于移动端font-size思考前端设计稿与工作流阅读(6476)条2015/10/15 13:41:47

本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习，讨论html5设计稿尺寸以及前端与设计之间协作流程的问题，内容较多，但对你的技术和工作一定有价值，欢迎阅读和点评：）。阅读目录1. 问题的引出2. 简单问题简单解决3. 网易的做法4. 淘宝的做法5. 比较网易与淘宝的做法6. 如何与设计协作7. 总结1. 问题的引出最近阅读白树的博文《移动web资源整理》时，他在博文中有一段指出，如果html5要适应各种分辨率的移动设...阅读全文

Taget：前端 web 字体 设计 

1013如何解决 手机版 uc 浏览器不能 复制内容的bug阅读(27682)条2015/10/13 17:24:31

做手机版网页的时候发现使用UC浏览器的时候不能手动复制内容的Bug 一直找也找不到问题。然后就自己从页面找问题发现页面有使用<meta name="browsermode" content="application"/>时UC 浏览器不能复制网页中的内容。所以在这里记录下来。希望能帮助到那些碰到过一样问题的朋友提个醒。顺便在这里贴一个我使用的手机默认设置<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,u...阅读全文

Taget：网页 浏览器 复制 

1012js判断网页是不是在微信内打开阅读(9025)条2015/10/12 14:49:09

做微信站点的开发的时候，我们有需求只允许微信来访问网页。可行的一种方法是按照浏览器UA来判断是否是微信。下面是我抓取到的UA：Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Mobile/12A365 MicroMessenger/5.4.1 NetType/WIFI我们可以通过MicroMessenger关键词来判断是否是微信了。方法如下：js方法function is_weixin(){ var ua = navigator.userAgent.toLowerCase();if(ua.matc...阅读全文

Taget：js 微信 浏览器 

1010人生励志漫画阅读(13804)条2015/10/10 13:53:15

引导语：人生的路上我们每个人都背负着各种各样的十字架在艰难前行。它也许是我们的学习，也许是我们的工作，也许是我们必须承担的责任和义务。但是，这也是这些责任和义务，构成了我们在这个世界上存在着的理由和价值。第一幅漫画中，每个人都背负着一个沉重的十字架，在缓慢而艰难地前行！途中，有一个人忽然停了下来。他在想着什么！他想，上帝啊，这个十字架太沉重了，我可以把十字架砍掉一块！于是他动手砍了起来！砍掉之后走起来，的确是轻松了很...阅读全文

Taget：美文 哲理 十字架 

0930js动态获取图片长宽尺寸（通用性好，兼容所有浏览器）阅读(6324)条2015/9/30 16:50:08

lightbox类效果为了让图片居中显示而使用预加载，需要等待完全加载完毕才能显示，体验不佳（如filick相册的全屏效果）。javascript无法获取img文件头数据，真的是这样吗？本文通过一个巧妙的方法让javascript获取它。这是大部分人使用预加载获取图片大小的例子：var imgLoad = function (url, callback) {var img = new Image();img.src = url;if (img.complete) {callback(img.width, img.height);} else {img.onload = function () {callb...阅读全文

Taget：js 图片 尺寸 插件 

0929成长，离不开父母的指引和内心的关爱阅读(7941)条2015/9/29 17:17:38

可依靠的唯有自己　　这是发生在一个普通犹太人家庭里，父亲和儿子的故事：　　儿子叫约翰，在他4岁那年，有一天他和姐姐在客厅玩捉迷藏。他们玩得正高兴，父亲抱起小约翰，把他放在沙发椅上面，然后伸出双手做出接的姿势，叫他往下跳。小约翰毫不犹豫地往下跳，在即将抓住父亲的瞬间，父亲缩回了双手，约翰摔到了地板上，他号啕大哭起来。小约翰向坐在沙发上的妈妈求助，妈妈若无其事地坐着，并不去扶他，只是微笑着说：“呵，好坏的爸爸！”父亲...阅读全文

Taget：父母 孩子 教育 

0923web app模拟checkbox与radio实例代码下载阅读(7113)条2015/9/23 17:27:19

一、开篇现在经常可以在网络上看到一些非常奇特的表单元素，例如Checkbox复选框和Radiobox单选框，而且更让 人蛋疼的是各个浏览器的样式还不统一，今天做了一个用标签模拟checkbox与radio的实例，主要是是近做手机 web App时发现默认的样式很不好看。所以突然就做了下，先来看看 预览图： 二、主要思路模拟的作用是为了给用户更好的体验效果，在代码中使用的时候隐藏真实checkbox或radio按钮。然后用相关标签做效果并且结合JS实现真实的i...阅读全文

Taget：手机 模拟 radio checkbox 

0826jq时间轴超酷特效附实例下载阅读(5161)条2015/8/26 22:22:06

本实例是一款非常实用的jquery 特效，实现了时间轴效果，应用场景很广，最适合用于描述公司成长历程，可以列出哪年公司的发展经历，整体看来非常简洁大气，以年份做为节点，可灵活设置左右滚动控制显示。效果真的不错。效果代码如下：实例链接：http://www.86y.org/DEMO/history/下载地址：http://pan.baidu.com/s/1mi0NEPy  密码: t165（完）阅读全文

Taget：jq 特效 时间轴 

0815jq滚动到底部自动加载数据实例阅读(19607)条2015/8/15 20:57:50

一、功能描述：滚动下拉到页面底部加载数据是很多瀑布流网站的做法，本实例是固定数据，小菜总结记录之用，高手勿喷。首先要先判断页面怎么样才是滚动到底部，也就是scrollTop+window的height是否大于document的 height，jquery如下代 码:$(window).scrollTop()+$(window).height()>=$(document).height();再给window绑定scroll事件来实现加载数据显示。本实例的主要是提供手机版使用所以使用了CSS3的旋转模拟图片加载效果。在实例中实现了...阅读全文

Taget：jq 手机 滚动 加载 

0724jq倒计时插件实例源码，特效切换阅读(6952)条2015/7/24 20:07:10

本实例是由JQ库写的JQ倒计时实例，使用的是上下切换显示。使用方法简单易用。只是写法过程中使用的比较笨的方法，大家可以修改并改良本实例。本实例的思路是根据倒计时的时间分为：天时分秒，所以大块需要分开,然后每一块又要细分，具体到每个数字一个标签，然后对比哪些数据有变化然后切换变化的数字切换时需要另一个标签来做效果，但是另一个标签的值是旧值（说的不是很清楚，看的懂的）。使用方法非常简单支持自定义结束内容提示!代码如下：<...阅读全文

Taget：jq 插件 

0703Newtonsoft.json解析多层Json 实例阅读(15873)条2015/7/3 13:31:40

我使用的是Newtonsoft.Json(下载地址：http://download.csdn.net/detail/xinping_168/4710720)组件，看人家教程写着使用json解析还要先定义JSON里面每个字段的类型什么的感觉太麻烦了，也许序列转换比较方便。但是有时候我只需要获取里面的值就行了。那么可以使用我这个方法了。更简洁方便。json数据格式{'data': { 'personal': { 'name': '宋华勇', 'sex': '男...阅读全文

Taget：.net json 实例 

0702jq+ashx图片单点上传支持一个页面多次调用阅读(6601)条2015/7/2 20:17:14

本人一直在前端做效果切图，趁着晚上有空写点笔记记录下。效果就是AJAX上传图片不错的效果，最大的特点是支持多个同时在页面中调用。（底部附源代码下载）效果如下图：本代码使用说明：1、支持水印，可以启用图片或文字（可以传参数?iswater=1）；2、支持是否生成缩略图，并且要指定高宽大小（可作为参数传递?width=*&height=*）；3、上传文件类型及文件大小限止大小；（需要在ashx文件中设置）。前端代码如下：(uploadimg.html)<%@ Page Language=&...阅读全文

Taget：ajax 图片 上传 net