- 博客(43)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 HTML Email 编写指南
原文链接其他： 兼容性良好的HTML邮件(EDM)thead和tbody也尽量不用，越简单越好原文：今天，我想写一个"低技术"问题。话说我订阅了不少了新闻邮件（Newsletter），比如JavaScript Weekly。每周收到一封邮件，了解本周的大事。有一天，我就在想，是不是我也能做一个这样的邮件？
2015-09-17 17:22:11
682
转载 移动端Web上传图片实践
原文链接其他链接：http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201409/278736.shtml从iOS 6+、Android 3+开始 (来源http://mobilehtml5.org/)，移动端可以通过网页中的<input type="file">来拍照上传或是上传相册中的照片
2015-07-18 11:41:30
5361
原创 视觉格式化模型基础
(ps:盒子就是框，不同翻译而已)概念： 是用来处理文档并将它显示在视觉媒体上的机制盒模型： 处理文档时会为每一个元素生成相应的盒。 就是一套机制/模型，描述了盒子的内容占用空间组成，包含四块：外边距，边框，内边距，内容。 将元素描述为一个盒子，就能确定元素的大小，尺寸和属性，方便浏览器根据视觉视觉格式化模型机制来进行渲染。
2015-07-11 12:30:31
1028
转载 浮点数在计算机中存储方式
结论：十进制 => 二进制 => 二进制的科学计数法 => 二进制表示C语言和C#语言中，对于浮点类型的数据采用单精度类型（float）和双精度类型(double)来存储，float数据占用32bit,double数据占用64bit,我们在声明一个变量float f= 2.25f的时候，是如何分配内存的呢？如果胡乱分配，那世界岂不是乱套了么，其实不论是float还是double在存储方式上
2015-07-10 21:17:12
824
转载 浮点数的范围和精度
无论是单精度还是双精度在存储中都分为三个部分：符号位(Sign) : 0代表正，1代表为负指数位（Exponent）:用于存储科学计数法中的指数数据，并且采用移位存储尾数部分（Mantissa）：尾数部分1 范围float和double的范围是由指数的位数来决定的。float的指数位有8位，而double的指数位有11位，分布如下：float：
2015-07-10 20:42:51
4202
1
转载 移动端点击穿透和click事件300ms延迟问题
详细解析-移动H5点击穿透现象300 毫秒点击延迟的来龙去脉场景描述（类似）：一个页面里存在A元素和B元素；B元素浮在A元素之上，A元素里具有a标签或者绑定了点击事件或表单元素；点击B元素后，隐藏或者删除B元素；再B元素隐藏或者删除的同时触发A元素里的a标签或者点击事件；点击穿透的现象发生；问题产生的原因分析：当我们在触屏上点击某个位置时候的时候，浏览器依次
2015-06-29 12:32:09
6015
转载 CSS 预处理器
原文链接CSS 预处理器是什么？一般来说，它们基于 CSS 扩展了一套属于自己的 DSL，来解决我们书写 CSS 时难以解决的问题：语法不够强大，比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器；没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式重复输出，导致难以维护。所以这就决定了 CSS 预处理器的主要目标：提供 CSS 缺失的样
2015-06-25 21:49:39
1410
转载 常用meta整理
原文链接 元素概要标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School必要属性属性值描述contentsome text定义与http-eq
2015-06-25 21:42:47
404
转载 移动前端不得不了解的html5 head 头标签
原文链接DOCTYPEDOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。使用 HTML5 doctype，不区分大小写。 charset声明文档使用的字符编码， charset="utf-8">html5 之
2015-06-25 21:38:44
665
转载 移动端真机调试终极利器-BrowserSync
原文链接之前有分享过一篇《如何在移动设备上调试网页》，感谢 xyyjk 留言推荐BrowserSync这个工具，自己也花了点时间研究了一下，还是很好上手的。比起之前介绍的方法更加方便（之前的方法已经过时）。BrowserSync可以实时同步更新CSS、JS文件，此外最关键的是全平台支持，即你可以在手机QQ浏览器、微信浏览器里面调试。今天就介绍一下这个工具的用法（以下针对Ma
2015-06-25 21:35:58
8290
转载 MobileWeb 适配总结
原文链接开门见山，本篇将总结一下 MobileWeb 的适配方法，即我们常说的H5页面、手机页面、WAP页、webview页面等等。本篇讨论的页面指专门针对手机设备设计的页面，并非兼容全设备的响应式布局。 文中提到的 device-width指 viewport meta 标签中 width 的值，即由浏览器指定的值，常用机型对应值可参照 Screen Sizes。
2015-06-25 21:32:54
495
转载 CSS Sprites：鱼翅还是三鹿？
原文链接无处不在的 CSS sptites － 为数不多的几个可以直接跳过”流行”这个过程，而可以马上并且牢牢地跻身于最佳 CSS 实践之中的几个技术之一。虽然它真正流行是在 A List Apart 解释并认可这个技术之后，但是早在 2003 年 7 月份，Peter Stanicek 就已经开始谈论它了。目前大多数的开发人员对这个技术都有相当地掌握，也有很多关于它的教程和文
2015-06-24 22:11:00
547
转载 css sprite原理优缺点及使用
原文链接css sprite原理优缺点及使用CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需 顾忌这个
2015-06-24 22:08:47
535
转载 给网页设计师和前端开发者看的前端性能优化
原文链接这篇长帖子不会讲到模糊图像的加载和数据处理，取而代之的是有关理论与第一手的性能方面的技术资料，这些技术是我通过阅读，观察，搜集和整理获得的（我花费了许多时间沉浸于CSS魔法的瀑布图）。我也会链接到其它相似话题的文章，以便帮助强化一些关键要点。享受吧！注意 本文需要预先知晓一些基础的性能知识，如果有任何你不熟悉的就Google搜索一下好了！
2015-06-24 22:04:29
701
转载 毫秒必争，前端网页性能最佳实践
默认链接你愿意为打开一个网页等待多长时间？我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站，博客，你的网页响应速度如何呢？在这篇文章中我们来介绍一下提高网页性能的最佳实践，以及相应的问题解决方案，让站长或者即将要成为站长的朋友了解如何去测试和提高网站响应速度，对自己的网站更有信心。最佳实践最佳实践我们引用的来自y
2015-06-24 22:02:30
419
转载 chrome 控制台js调试与断点调试
原文链接侦听效果：查看某个标签上的事件或效果，如click之类的右击 该标签，审查元素出现工具栏-》菜单 Elements查看右侧菜单-》EventListeners下面有对应的一些事件和加载了哪些JS仔细看下就有了，再分析下。断点效果：Sources中 选择需要调试的JS，在右侧框中，点侧 代码行号，设置断点。最右侧，
2015-06-24 10:05:45
668
转载 XSS的原理分析与解剖
原文链接0×01 前言:《xss攻击手法》一开始在互联网上资料并不多(都是现成的代码，没有从基础的开始)，直到刺的《白帽子讲WEB安全》和cn4rry的《XSS跨站脚本攻击剖析与防御》才开始好转。我这里就不说什么xss的历史什么东西了，xss是一门又热门又不太受重视的Web攻击手法，为什么会这样呢，原因有下：1、耗时间2、有一定几率不成功3、没有相应
2015-06-24 08:41:28
385
转载 浅谈WEB安全性（前端向）
相信进来的时候你已经看到alert弹窗，显示的是你cookie信息。单纯地在你的客户端弹出信息只是类似于迫使你在自己的房间脱衣服——没人看得到，自然也不算啥恶意行为。那么如果我把你的信息通过脚本发送到我的服务器保存起来呢 ？先放心，我不打算这么做，也没那笔闲钱去购置一个服务器来做羞羞的事情，也不希望博客园把我这地盘给封掉了。如同标题所写的，今天要聊的是WEB安全机制，但这“前端”二字倒是说
2015-06-24 08:38:32
1046
转载 虚拟键盘与fixed带给移动端的痛！
原文链接【小贴士】虚拟键盘与fixed带给移动端的痛！前言今天来公司的主要目的就是研究虚拟键盘与fixed的问题，期间因为同事问起闭包与事件委托（阻止冒泡）相关问题，便穿插了一篇别的：【小贴士】工作中的”闭包“与事件委托的”阻止冒泡“，有兴趣的朋友可以去看看，因为首页只能放一篇，这个就略去了现在回到主要研究点，首先在移动端我们点击文本框后会出现一个虚拟键盘，
2015-06-22 10:47:39
706
转载 js控制iphone端的input/textarea元素失去焦点时隐藏键盘
原文链接问题的原由同事在制作触屏页面的时候收到产品这样一个需求：“我们的页面为什么点击完textarea框，在点空白处时，iphone的键盘不能隐藏？”我们就这个问题进行了测试，确实没有隐藏。看了看其它网站的页面，也是有的能隐藏有的不能隐藏。IPHONE系统在点击document时textarea为什么没有失去焦点？同样的问题我又在And
2015-06-22 09:56:28
11677
2
转载 JavaScript:Object.prototype.toString方法的原理
原文链接JavaScript:Object.prototype.toString方法的原理在JavaScript中,想要判断某个对象值属于哪种内置类型,最靠谱的做法就是通过Object.prototype.toString方法.var arr = [];console.log(Object.prototype.toString.call(arr))
2015-06-03 22:35:57
408
转载 Javascript高性能动画与页面渲染
No setTimeout, No setInterval如果你不得不使用setTimeout或者setInterval来实现动画，那么原因只能是你需要精确的控制动画。但我认为至少在现在这个时间点，高级浏览器、甚至手机浏览器的普及程度足够让你有理由有条件在实现动画时使用更高效的方式。什么是高效页面是每一帧变化都是系统绘制出来的(GPU或者CPU)。但这种绘制又和PC游戏的绘
2015-05-24 20:10:35
580
转载 javascript原型
Javascript原型prototype: 用于实现对象的继承__proto__: 用来定义实例共享的属性或方法对象原型关系 图// ======以下为原文：大红色部分为我的标注======Javascript原型总会给人产生一些困惑，无论是经验丰富的专家，还是作者自己也时常表现出对这个概念某些有限的理解，我认为这样的困惑在我们一开
2015-05-01 16:13:30
478
转载 浏览器如何渲染网页？
https://github.com/yyzych/Blog/issues/3-----------------------------------------------------------------------------------------------------------------------以下为原文：基本概念WEB 页面运行在各种各
2015-03-21 19:56:26
448
转载 关于Block Formatting Context－－BFC和IE的hasLayout
转文请标明 --- 出处：穆乙 http://www.cnblogs.com/pigtail/一、BFC是什么？BFC（Block Formatting Context）直译为“块级格式化范围”。是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。当涉及到可视化布局的时候，Block Formatting
2015-03-17 14:41:53
456
转载 CSS ----- background-attachment
background-attachment 属性决定用户滚动页面时图片的状态。三个可用属性为 scroll（滚动），fixed（固定） 和 inherit（继承）。inherit 单纯地指定元素继承他的父元素的 background-attachment 属性。为了正确地理解 background-attachment，首先需要明白页面（page）和视口（view port）是如何协作地。
2014-12-31 10:34:24
720
转载 单页应用---先了解一点
原文链接一、定义单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容
2014-12-06 21:11:27
930
转载 Javascript : RequestAnimationFrame更好的实现Javascript动画
一直以来，JavaScript的动画都是通过定时器和间隔来实现的。虽然使用CSS transitions 和 animations使Web开发实现动画更加方便，但多年来以JavaScript为基础来实现动画却很少有所改变。直到Firefox 4的发布，才带来了第一种对JavaScript动画的改善的方法。但要充分认识改善，这有利于帮助我们了解web动画是如何演变改进的。定时器Tim
2014-11-04 22:46:50
535
转载 关于css中的em单位
平时写css的时候用的尺寸单位基本都是用px，在国内大多数网站通用的也大多是px，而px有哪些局限性呢？使用px定义字体的话无法用浏览器字体放大功能，还有在做响应式网页时，字体响应大小也非常不方便，最近在做响应式的wp主题也深刻体会到了，所以也就因为这样重新接触到了css另一个单位em，为什么说重新接触呢？因为在初学的时候就了解过，但这个了解也就停留在了只知道1em=16px，而为什么等于16px
2014-11-02 16:01:04
1002
转载 AJAX 网页保留浏览器前进后退等功能
在一些AJAX被大量使用的页面，有时都不太敢刷新，因为刷新以后可能看到的是和原来有很大不同的页面。暂不讨论在某些页面内容大量更新的情况下是否该使用AJAX的问题，本文简单说一下保留浏览器前进、后退、刷新等功能。 这里假设一个有两个Tabs的页面，每个Tab中含有大量文字，可能还有图片。如果现在觉得Tab2的内容很好，把它加入收藏夹或发送给朋友。下次通过收藏夹打开或者朋友点开这个链接的时候很有可
2014-10-20 17:54:26
486
转载 常见前端开发面试题
HTML相关1、 标签的定义与用法 http://www.xinran001.com/bbs/thread-72998-1-1.html2、块级元素和行内元素 http://www.w3cwhy.com/css-html/html-hkmarka.html 3、你真的了解HTML吗？ 雅虎面试题 http://club.topsa
2014-10-18 22:21:18
836
转载 CSS3--perspective属性
CCS3中的Transform是设置界面样式和动画的一大利器。而且在Chrome和FF中还支持3D变换。IE9不支持，IE10支持。只要是3D场景都会涉及视角问题和透视的问题。在Transform中的设置方法比较简单：只能选择透视方式，也就是近大远小的显示方式。镜头方向只能是平行Z轴向屏幕内，也就是从屏幕正前方向里看。可以调整镜头与平面位置：a) perspective属性
2014-09-02 10:42:06
13268
转载 javascript-按圆形排列DIV元素(一)---- 分析
效果图： 一、分析图：绿色边框内：外层的DIV元素,相对定位;白色圆形框：辅助分析的想象形状;白点：为白色圆形的圆心点，中心点，点o;圆心角：角NOG;黄色：需要按圆形排列的，绝对定位的DIV元素;红色点：为每个黄色DIV的坐标点;即绝对定位时的元素，left值 和 top值 ，设置的点;
2014-08-13 10:10:45
4642
1
转载 前端模块化开发的价值
前端模块化开发的价值随着互联网的飞速发展，前端开发越来越复杂。本文将从实际项目中遇到的问题出发，讲述模块化能解决哪些问题，以及如何使用 SeaJS 进行前端的模块化开发。恼人的命名冲突我们从一个简单的习惯出发。我做项目时，常常会将一些通用的、底层的功能抽象出来，独立成一个个函数，比如function each(arr) { // 实现代码 } function
2014-07-29 14:02:13
665
转载 XMLHTTP中setRequestHeader参数问题
新加：设置编码方法setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=gb2312") 语法oXMLHttpRequest.setRequestHeader(bstrHeader, bstrValue);参数bstrHeader 字符串，头名称。
2014-07-25 23:23:44
711
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人