- 博客(75)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
RSS订阅转载 即将推出的CSS4 Level 4 Selectors(第4级选择器)
注* CSS4草案发布了。是时侯学习一些新的CSS，不是吗？我们都习惯去学一个又一个的新前端框架，但是我们常常忘记了，作为我们每天使用的网络核心语言CSS本身也在不断地推出一些新功能。W3C编辑草案从1月15日的CSS Selectors Level 4 draft 草案描述了一次CSS的飞跃。在我们开始之前，你应该知道：本文中的
2015-01-31 17:05:54
688
转载 CSS3的REM设置字体大小
在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，但又无法不去用。真是进也难，退也难呀。 最近在学习em的相关知识的时候，无意之间
2015-01-31 17:03:26
653
转载 JavaScript判断浏览器类型及版本
浏览器对于我们来说，可能是最熟悉的工具了。记得最早那会Netscape，到后来的Internet Explorer一统江湖，再到现在的FireFox大行其道，浏览器市场的争夺，可谓是硝烟弥漫。除了我们常见的IE, Firefox, Opera, Safari四大金刚以外，新近又出了一位Chrome，虽然新出，但是出于Google这个名门，Chrome所受到的关注绝不亚于先前的四大金刚，看来以后
2015-01-31 16:59:38
597
转载 20个超炫的HTML5 /CSS3免费网页设计模板
时至今日，几乎所有的网页模板都采用HTML5 /CSS3来设计。其主要原因是HTML5 和 CSS3非常容易学习，并且只要很短的时间和很少的精力，就能创建结构合理、布局精美的网页模板。另外，HTML5 /CSS3还能够为网站设计提供令人惊叹的友好特性。我们为你搜集了一些免费的HTML5 /CSS3网页设计模板 ，它们看起来如此的赏心悦目——其结构布局、色彩搭配等都值得我们借鉴学习。这里
2015-01-31 16:55:46
11845
转载 Javascript 中“call”的使用
Javascript中call的使用自己感觉蛮纠结的，根据文档很好理解，其实很难确定你是否真正的理解。call 方法应用于：Function 对象调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数：thisObj 可选项。将被用作当前对象的对象。 arg1, ar
2015-01-31 15:28:37
462
转载 HTML5 中 40 个最重要的技术点
SGML（标准通用标记语言）和HTML（超文本标记语言），XML（可扩展标记语言）和HTML的之间有什么关系？ SGML（标准通用标记语言）是一个标准，告诉我们怎么去指定文档标记。他是只描述文档标记应该是怎么样的元语言，HTML是被用SGML描述的标记语言。 因此利用SGML创建了HTML参照和必须共同遵守的DTD，你会经常在HTML页面的头部发现“DOCTYPE”属性
2015-01-31 15:22:28
787
转载 JavaScript中判断为整数的多种方式
JavaScript中不区分整数和浮点数，所有数字内部都采用64位浮点格式表示。但实际操作中比如数组索引、位操作则是基于32位整数。方式一、使用取余运算符判断 任何整数都会被1整除，即余数是0。利用这个规则来判断是否是整数。function isInteger(obj) { return obj%1 === 0}is
2015-01-29 13:28:07
594
转载 html5和css3表单样式美化插件
这是一款使用html5新的type属性制作的表单，并用纯css3来对表单进行美化的html5和css3表单样式美化插件。该表单美化插件美观大方，易于集成，十分实用。在线演示[attach]26**[/attach]这款表单美化插件将美化以下的表单元素：复选框单选按钮下拉选择框文件选择框textarea文本框
2015-01-29 13:26:10
2931
转载 JS错误的诊断与修复
Javascript确实是调试者的噩梦，很难理解错误，给出的行号也往往无用，那么有没有一个常见错误诊断和修复列表呢？马上来，请接着看！下面是我总结的JS奇怪错误列表，鉴于不同浏览器相同错误的错误提示不同，我们给出了一些不同的示例。如何阅读错误首先，我们简要看一下错误提示的结构，以便于我们更好的理解错误，以便将来更好的应对列表未列的错误。一个典型的错误提示貌似如此，Uncaugh
2015-01-29 13:22:22
626
转载 前端周刊20150124期
【行业资讯】 1、2014年CSS报告——考察如何使用CSS CSS主要是将一个HTML结构变成一个正确显示的页面。CSS是一种允满怪癖和有很多不可预测的行为的语言，因此，通常情况之下，开发人员（后端程序开发人员）最讨讨厌使用他来做任务。 2、2015年移动APP设计趋势展望 App Store和Google
2015-01-29 13:18:19
448
转载 移动端折腾国外分享（facebook、twitter、linkedin）
一、前言 国内做HTML5页面，关注最多就是微信分享了，之前也写过关于微信分享的文章，可以点击查看：分享相关文章 再者，就是国内的其它分享，比如常用的新浪微博、腾讯微博、QQ空间等等，最方便的就是直接用百度的分享插件，但是在移动端感觉这个插件太多了，没必要，而且还要请求baidu。后来发现，这些分享其实都可以通过url的参数来实现，拿一些常用的分享举个例子：
2015-01-29 13:13:03
1399
转载 数据结构与算法JavaScript(五) ：串(经典KMP算法)
KMP算法和BM算法KMP是前缀匹配和BM后缀匹配的经典算法，看得出来前缀匹配和后缀匹配的区别就仅仅在于比较的顺序不同前缀匹配是指：模式串和母串的比较从左到右，模式串的移动也是从 左到右后缀匹配是指：模式串和母串的的比较从右到左，模式串的移动从左到右。通过上一章显而易见BF算法也是属于前缀的算法，不过就非常霸蛮的逐个匹配的效率自然不用提了O(mn)，网上蛋疼的KMP
2015-01-29 13:08:47
485
转载 数据结构与算法JavaScript (四) ：串(BF)
串是由零个或多个字符组成的有限序列，又叫做字符串串的逻辑结构和线性表很相似的，不同的是串针对是是字符集，所以在操作上与线性表还是有很大区别的。线性表更关注的是单个元素的操作CURD，串则是关注查找子串的位置，替换等操作。当然不同的高级语言对串的基本操作都有不同的定义方法，但是总的来说操作的本质都是相似的。比如javascrript查找就是indexOf, 去空白就是trim,转化大
2015-01-29 13:06:25
545
转载 数据结构与算法JavaScript (三) ：链表
我们可以看到在javascript概念中的队列与栈都是一种特殊的线性表的结构，也是一种比较简单的基于数组的顺序存储结构。由于javascript的解释器针对数组都做了直接的优化，不会存在在很多编程语言中数组固定长度的问题(当数组填满后再添加就比较困难了，包括添加删除，都是需要把数组中所有的元素全部都变换位置的，javascript的的数组确实直接给优化好了，如push,pop,shift,unsh
2015-01-29 13:02:38
512
转载 数据结构与算法JavaScript (二) ：队列
队列是只允许在一端进行插入操作，另一个进行删除操作的线性表，队列是一种先进先出（First-In-First-Out，FIFO）的数据结构队列在程序程序设计中用的非常的频繁，因为javascript单线程，所以导致了任何一个时间段只能执行一个任务，而且还参杂了异步的机制，那么带来的问题：1. 在异步操作执行的时候，同步代码还在继续，那么同步代码依赖异步，自然就会出错
2015-01-29 13:00:24
490
转载 数据结构与算法JavaScript (一) ：栈
数据结构与算法JavaScript这本书算是讲解得比较浅显的，优点就是用javascript语言把常用的数据结构给描述了下，书中很多例子来源于常见的一些面试题目，算是与时俱进，业余看了下就顺便记录下来吧git代码下载：https://github.com/JsAaron/data_structure.git栈结构特殊的列表，栈内的元素只能通过列表的一端访问，栈顶后入
2015-01-29 12:55:18
387
转载 JavaScript 对象的创建
Object类型是JavaScript中使用最多的一种类型。创建Object实例的方式有多种，接下来一一列举。1. Object构造函数var person = new Object();person.name = "Brittany";person.age = 23;person.job = "web front-end engineer"
2015-01-25 14:26:33
347
转载 【HTML5】Canvas基础知识讲解
HTML5规范引进了很多新特性，其中最令人期待的之一就是Canvas元素。HTML5 Canvas提供了通过JavaScript绘制图形的方法，此方法使用简单但功能强大。每一个Canvas元素都有一个“上下文(context)” (想象成绘图板上的一页)，在其中可以绘制任意图形。浏览器支持多个Canvas上下文，并通过不同的API提供图形绘制功能。大部分的浏览器都支持2D Canvas
2015-01-25 14:24:25
498
转载 分享9款很有创意的HTML5动画
HTML5非常强大，尤其是结合CSS3、jQuery和SVG，可以制作很多非常酷的动画特效。我们也在这里分享过很多不错的HTML5动画，有兴趣的朋友可以点进去看看。今天我们整理了9款非常有创意的HTML5动画，希望你会喜欢。1、HTML5 SVG Loading 动画加载特效 这是一款基于HTML5/CSS3和SVG的Loading加载动画特效
2015-01-25 14:21:10
1091
转载 纯CSS实现面包屑式导航
参照着教程做了一个面包屑式的导航。在这里分享一下实现方式，自己也在温习一下。首先效果如图：HTML代码如下： Breadcrumb 复制代码 我们用一个无序列表来填充面包屑导航。每一个导航连接都相当于一个内嵌了元素
2015-01-25 14:15:24
940
转载 HTML5 SVG世界地图 地图可拖拽和缩放
之前我们已经向大家分享过一些基于HTML5的地图应用，比如jQuery矢量SVG地图插件JVectorMap，以及这款HTML5/CSS3带区域地图的联系表单。今天要分享的这款HTML5地图应用是一张世界地图，地图元素是使用SVG绘制的，并且地图可以拖拽和局部缩放，效果非常不错。在线演示HTML5 SVG世界地图 地图可拖拽和缩放html5-svg-
2015-01-25 14:09:45
2087
转载 chckbox 实现单选效果（html）
note：在html 标签类中的checkbox实现单选效果。 在最近的开发项目中，客户要求使用小方格子实现“单选”功能，显然圆点的radio被out了，只能选择chckbox的方块样式，也在网上搜过，可能有点儿脑残，没有找到。 废话不多说直接上代码： checkbox实现单选效果
2015-01-25 14:02:51
1011
转载 手机页面获取屏幕高度那些事
在做移动端页面的时候，经常会遇到需要获取屏幕的高度和宽度，进行一些特殊效果的处理或者兼容。比如在做全屏滑动上下翻页的效果（不出现滚动条），这种就需要页面加载时获取到屏幕的高度，然后才能定义，每一屏的高度。以前做pc页面时，才会说这个高度的获取会有兼容问题，clientHeight、offsetHeight 和scrollHeight的各种讨论和兼容处理已经很多了。但是在移动端，主要还是考虑webk
2015-01-25 13:58:33
15243
2
转载 基于 less 构建的 css3 动画库-88种
基于 less 构建的 css3 动画库-88种地址：http://www.w3cmark.com/animation/
2015-01-25 13:52:20
486
转载 javascript数组操作篇：《随机获取N项》
/*在基于数组原型扩展*/Array.prototype.getRandom = function(range) { //防止长度越界 range = range > this.length?this.length:range; var newArray = [].concat(this), //拷贝原数组进行操作,否则会影响原数据
2015-01-25 13:45:57
457
转载 前端笔记精彩博文周刊20150111期
【行业资讯】 1、[ISUX转译]iOS 8人机界面指南（三）：iOS技术（上） 文章索引 3.1 应用扩展（App Extensions） 3.1.1 今天部件（Today Widgets） 3.1.2 分享和动作扩展（Share and Action Extensions） 3.1.
2015-01-25 12:15:52
435
转载 带给您灵感的25个最新鲜的 HTML5 网站
感谢 HTML5 带来的惊人的先进特性，在未来几年，HTML5 将会继续发挥巨大的推动作用，不仅是在 Web 应用中，网页设计领域也会有新的变革。今天，我们在这里集合了能够带给您灵感的25个最新鲜的 HTML5 网站。NeddStereo CreativeFilletCodetex
2015-01-25 12:05:48
432
转载 用HTML和CSS构建3D世界
使用HTML和CSS构建三维世界去年，我做了一个程序示例，来展示CSS的三维转换功能如何被用于创建三维环境的。在当时，这个例子是一个关于通过CSS能够达到什么效果的示例，但是我想要看自己能在这件事情上走多远，所以，在过去的这几个月中，我做了一个新版本。该版本有更多复杂的模型、更真实的光线、阴影和冲突检测机制。本文记录了我的制作方法以及使用的技术。创建一个三维对象在当今的3D
2015-01-20 13:37:16
740
转载 IE开发者工具教程
写在前面一直非常谷歌的控制台，因为我是做前端的，谷歌浏览器在我看来是解析JS最快的浏览器，所谓的熟能生巧，用熟悉了谷歌浏览器之后就特别喜欢用谷歌的控制台调试脚本、改变样式、查看HTML、查看资源加载等信息。在这儿推荐两篇关于谷歌控制台怎么使用的三篇博文（在我看来这三篇博文是我看过介绍谷歌控制台最佳最全的使用手册啦）Chrome 控制台不完全指南Chrome 控制台c
2015-01-20 13:34:22
1285
转载 学习JavaScript必备！基础工具清单大全
在训练中，我们介绍了一些工具和库，以扩大其代码的能力。目前有位 JavaScript 学员 ，他汇总了这些工具的清单，想分享给其他的代码爱好者。 我们利用 Kalina 的清单，画了一张有帮助的思维导图： 通用 脚手架工具（用于启动项目）Yeoman – Yeoman 是一个健壮且固定的客户端程序库，
2015-01-20 13:32:09
842
转载 A useful tools or tips list for mobile web application developing
A useful tools or tips list for mobile web application developinggithub地址：https://github.com/jtyjty99999/mobileTech
2015-01-20 13:29:09
400
转载 Helium帮你找出页面上无用的CSS样式
我最无法忍受的一个事情就是多余的代码。不论是页面中的CSS还是JavaScript，还是浮肿的HTML代码或没有优化的**，这是我们的懒惰和错误让成千上万的访问用户受连累。有一个非常棒的工具，叫做Helium，它能帮助程序员找出样式表中无用的或有问题的样式规则。让我们来**是如何使用它! 第一步是把这个脚本嵌入到你的页面中，在脚本加载后初始化它：
2015-01-20 13:25:05
923
1
转载 JavaScript 运行机制之执行顺序详解
JavaScript是一种描述型脚本语言，它不同于 Java 或 C# 等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解 JavaScript 语言的运行机制，或者简单地说，你不能掌握JavaScript 的执行顺序，那你就犹如伯乐驾驭不了千里马，让千里马脱缰而出，四处乱窜。 那么JavaScript是怎么来进行解析的吗？它的执行顺序又是
2015-01-20 13:20:36
556
1
转载 前端知识体系及修炼攻略
前端简介Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明 显的时代特征。随着人们对用户体验的要求越来越高，前端开发的技术难度越来越大，Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。早期的前端其实就是Table布局，后来发展到所谓的Div + CSS网站重构，再到现在的让人眼
2015-01-20 13:18:26
839
转载 为什么每个前端开发者都要理解页面的渲染？
今天我要将关注点放到页面渲染以及其重要性上。虽然已经有很多文章提到过这个主题了，但大部分信息都是零碎的片段。为了思考这件事情，我需要研究很多信息的来源。这也就是为什么我觉得我应该写这篇文章的原因。我相信这篇文章对新手会很有用，并且对想刷新和巩固他们已经了解的东西的高手也同样适用。渲染应该从最开始当页面布局被定义时就进行优化，样式和脚本在页面渲染中扮演着非常重要的角色。专业人员知道一些技巧以
2015-01-20 13:14:35
456
转载 HTML5 3D爱心动画 程序员浪漫之旅
今天无意间在国外的一个论坛上看到一个简单而有意思的HTML5动画，它是一个用线条绘制的爱心，并且，这个爱心会不停的翻转，给人一种3D立体的视觉效果，下面是效果图：简单的几根线条就勾勒出一个完美的爱心，真是一副杰作！我将它的源代码整理了出来，并制作了DEMO效果，你可以点击这里来欣赏。另外，我将核心的CSS3代码贴出来：.heart3d { position:
2015-01-20 13:08:58
1265
转载 用CSS美化你的滚动条
本文将会告诉你如何用CSS修改/美化浏览器页面上出现的滚动条。改变它们的颜色，调整它们的外形，适配你对页面UI设计。我们首先将会看看谷歌(Webkit)浏览器提供了哪些CSS属性，最后，还将介绍如何用jQuery支持其它类型的浏览器。各种浏览器对CSS滚动条的支持情况这里说的Webkit浏览器包括谷歌浏览器，苹果公司的Safari浏览器，以及最新的Opera浏览器。这些浏览
2015-01-20 12:59:45
1007
转载 2014年WEB高手都在做什么
0. 写在前面的话今年, 对于我, 从技术上说, 还是有不少的进步的. 进步的主要是在于前端开发, 所以, 想从后端工程师的身份对前端的发展做一些总结.在我前几年的印象中, 前端工程师一直是一个很不独立, 也不高端的职位. 因为他们就是来写 Javascript 的.往上要跟 UI 设计师要设计图, 被他们欺负, 往下与老牌的后端工程师要接口, 后端工程师往往作为架构师存在
2015-01-20 12:55:16
519
1
转载 从输入 URL 到页面加载完成的过程中都发生了什么事情？
第一个问题：从输入 URL 到浏览器接收的过程中发生了什么事情？从触屏到 CPU首先是「输入 URL」，大部分人的第一反应会是键盘，不过为了与时俱进，这里将介绍触摸屏设备的交互。触摸屏一种传感器，目前大多是基于电容(Capacitive)来实现的，以前都是直接覆盖在显示屏上的，不过最近出现了 3 种嵌入到显示屏中的技术，第一种是 iPhone 5 的 In-cell，它能减
2015-01-20 12:50:16
1173
1
空空如也
初学angular js遇到的问题
2016-06-09
关于长按二维码实现直接关注的功能
2015-02-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人