加关注有惊喜：
加载中，请稍后
-webkit-line-clamp是一个不规范的属性（unsupportedWebKitproperty），它没有出现在CSS规范草案中。
限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性：
display:-webkit-必须结合的属性，将对象作为弹性伸缩盒
作为一个前沿的Web开发者，对于HTML5和CSS3技术或多或少都有掌握。前几年这些新技术刚萌芽的时候，开发者们已经使用它们来小试牛刀了，如今这些先进技术已经遍地开发，特别是在移动端大显身手。1.HTML5模拟现实物理效果BallPool是一个基于HTML5技术的实验，模拟现实物理
//获取元素属性
functiongetStyle(obj,attr)
{
returnobj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,0)[attr];
}
//运动函数
functiondoMove(obj,attr,speed,target,endFn)
{
clearInterval(obj.timer);
speed=parseInt(getStyle(obj,attr))&targe
Http状态码
一些常见的状态代码为：
200-服务器成功返回网页
404-请求的网页不存在
503-服务器暂时不可用
1xx（临时响应）
用于表示临时响应并需要请求者执行操作才能继续的状态代码。
100（继续）请求者应当继续提出请求。服务器返回此代码则意味着，
&!DOCTYPEhtmlPUBLIC&-//W3C//DTDXHTML1.0Transitional//EN&&http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&htmlxmlns=&http://www.w3.org/1999/xhtml&&
&metahttp-equiv=&Content-Type&content=&text/c
写手机页面，存在不同的手机屏幕分辨率的问题，因此，怎样做到统一的画面展示，是我想要寻找的答案。
虽然也搜寻过一些例子，不过还是不确定那种会更好。
目前，想来做个笔记，记录其中的一个。
首先页面中单位不再是用px来写，而是em。
其次，medioadaptio
准备下班，我也来个3d效果。
&!DOCTYPEhtml&
&htmllang=&zh-CN&&
&head&
&metacharset=&UTF-8&/&
&metaname=&Keywords&content=&&/&
&metaname=&Description&content=&&/&
&metahttp-equiv=&X-UA-Compatible&con
-moz：代表firefox浏览器私有属性
-ms：代表IE浏览器私有属性
-webkit：代表chrome、safari私有属性
-o：代表opera私有属性
我算是靠坑蒙拐骗进了程序员的门，然后一路狂奔。26岁之前几乎没有任何写代码的经验，研究生毕业却意外选择了一家不可能提供培训的初创公司，在每日担忧公司倒闭、害怕被炒鱿鱼以及同事冷落白眼的三重压力下逆流而上，一年半后离职，已是拥有500万用户产品的后台主程。
一、取URL中的参数
functiongetParameterByName(name){
varmatch=RegExp('[?&]'+name+'=([^&]*)')
.exec(window.location.search);
returnmatch&&decodeURIComponent(match[1].replace(/\+/g,''));
}复制代码
二、正则分组
vartestStr=&&div&&imgsrc=
*一个处理大图片加载速度慢的问题
*要先引入JQuery
//获得浏览器类型
varBrowser=newObject();
Browser.userAgent=window.navigator.userAgent.toLowerCase();
Browser.ie=/msie/.test(Browser.userAgent);
Browser.Moz=/gecko/.test(Browse
Fractal公司积极参与了数个流行Node.js模块的开发，它最近发布了一个新的构建系统gulp，希望能够取代Grunt，成为最流行的JavaScript任务运行器。
根据gulp的文档，它努力实现的主要特性是：
易于使用：采用代码优于配置策略，gulp让简单的事情继续简单，复杂的任
1.对WEB标准以及W3C的理解与认识
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方
这几天工作比较清闲，学习canvas，制作了一个点线连接的有点3D效果的东东
演示地址：猛击吧！
$(function(){
varcanvasBg=newPointLine('#canvas',15,parseInt($(window).height()),parseInt($(window).width()));
canvasBg.lineColor='red';
canvasBg.drawLine().dr
首先什么是闭包
在百度上的解释：“闭包”一词来源于以下两者的结合：要执行的代码块（由于自由变量被包含在代码块中，这些自由变量以及它们引用的对象没有被释放）和为自由变量提供绑定的计算环境（作用域）
百度链接：/link?url=7rP9FiFWu25c
&!DOCTYPE&
&html&
&head&节点&/head&
&body&
&ul&
&liname=&one&&第一个li节点&/li&
&liname=&two&&第二个li节点&/li&
&/ul&
&scripttype=&text/JavaScript&&
varattribute=document.getElementsByTagNam
由于ie8不支持placeholder属性，所以用jquery写了个placeholder插件
直接上代码：
&!DOCTYPEhtml&
&html&
&headlang=&en&&
&metacharset=&UTF-8&&
&title&placeholder插件&/title&
&style&
.box{
padding:10
position:relative
一、取URL中的参数
functiongetParameterByName(name){
varmatch=RegExp('[?&]'+name+'=([^&]*)')
.exec(window.location.search);
returnmatch&&decodeURIComponent(match[1].replace(/\+/g,''));
}复制代码
二、正则分组
vartestStr=&&div&&imgsr
JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或nodruino来控制机器
王龑—MAY27,2015
原文连接TheSpyintheSandbox–PracticalCacheAttacksinJavascript
相关论文可在/wyvernnot/cache_attack_in_javascript下载
作者和单位
YossefOren(yosATcs.columbia.edu)
VasileiosP.Kemerlis(vpkATcs.columbia.edu)
关联用户：$gitconfig--globaluser.name&yourName&
关联邮箱账号：$gitconfig--globaluser.email&yourEmail&
创建新文件夹：$mkdir&file&
显示当前目录：$pwd
将某个目录变成Git仓库：$gitinit
将文件添加到仓库：$gitadd&file&
把文件提交到仓库
刚好有个同事问到，说在PC端，跟安卓机里，用+newDate(&3:44:00&);都可以返回时间戳，唯独在水果机（ios）里，不管是UC浏览器，自带浏览器，还是微信，都是返回NaN,后来想起PC端里系统时间显示的格式是“/”,立马将其替之，duang~,时间戳取到了。
看到这么多人转这效果的同一段代码，我自己也弄一个。
代码比网上的多一点，但个人觉得性能会好一点。
测试了一下，fps稳在30帧。网上的稳在29帧。
&!DOCTYPEhtml&
&htmllang=&zh-CN&&
&head&
&metacharset=&UTF-8&/&
&metaname=&Keyw
浮动是原先设计为了实现文字环绕效果，具有包裹性和破坏性，包裹性体现在宽度收缩，高度坚挺，与外界隔绝。破坏性体现在父元素高度塌陷，影响其他元素，浮动元素脱离的文档流。浮动也使元素block化，去空格化。
清除浮动带来的影响有二种方式：
1.添加clear：both，但
转载自：/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers
极客标签：/
码农周刊：http://weekly.manong.io/issues/
前端周刊：/issues
极客头条：http:
今晚研究了一下正则表达式，在网上查到一份讲的还不错的，我又稍微修改了一下，备份一下，如果有不对的地方，欢迎大家批评指正。
一.正则表达式基本语法
1.两个特殊的符号'^'和'$'。他们的作用是分别指出一个字符串的开始和结束。
&^The&：表
分享给大家看看！学习！
/go/market/promotion-act/mv-alone.php
.box1{display:table-vertical-align:height:300width:500background:}
.box1.am{width:50height:50background:}复制代码
恩，今天学习到了，记录一下，大神勿喷
基于jQuery遮罩图片hover翻转效果。这是一款基于jQuery+css3实现的鼠标经过遮罩图片翻转特效。效果图如下：在线预览源码下载实现的代码。html代码：&divclass=&index_hd&&
&divclass=&frhd_rmajor-list-outer&&
&ulclass=&major-list&&
&licl
我算是靠坑蒙拐骗进了程序员的门，然后一路狂奔。26岁之前几乎没有任何写代码的经验，研究生毕业却意外选择了一家不可能提供培训的初创公司，在每日担忧公司倒闭、害怕被炒鱿鱼以及同事冷落白眼的三重压力下逆流而上，一年半后离职，已是拥有500万用户产品的后台主程。
Directive指令：实现主义化标签，即能让浏览器识别自定义的dom元素。
示例：
&html&
&head&
&/head&
&body&
&myelement&&myelement&
&/body&
&/html&复制代码
&myElement&是浏览器不能识别的元素。那怎么样才能让浏览器识别这
/ziliaoku/qianduanjiaocheng/.html
在页面设计中，使元素水平居中是比较简单的事情。但是如何使元素垂直居中呢？其实，我们通过3行CSS代码（不包括添加浏览器厂商所需的代码）就可以使任何元素垂直居中。秘诀就是使用transform:t
这是一个纯css3实现的3dbox动画，不含js代码，对最初接触css33d的朋友或许有点帮助
&!DOCTYPEhtmlPUBLIC&-//W3C//DTDXHTML1.0Transitional//EN&&http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&htmlxmlns=&http://www.w3.org/1999/xhtm
[size=13.895px]1、jQuery图片横向滚动插件这是一款利用jQuery实现的图片横向滚动插件，我们可以设置任意数量的图片，然后点击左右箭头按钮即可分组浏览这些图片。这款jQuery图片插件的优势有两点，其一是可以定义每组图片的数量，其二是图片可循环播放，而
插件使用方法：Ctrl+Shift+P调用命令面板，我们就会找到一些以“PackageControl:”开头的命令，我们常用到的就是几个InstallPackage(安装扩展)、ListPackages(列出全部扩展)、RemovePackage(移除扩展)、UpgradePackage(升级扩展)
Ctrl+D选词（反复按快捷键，即可继续向
需求是这样的。
老师要给每个学生家长发短信，告诉家长他的孩子考试成绩。操作流程如下
1：老师要先选择
最近面试，被问到，在进行团队开发的时候，如何避免css命名冲突的问题，当时，顺口就说了，既然是团队开发
学习面向对象写法时，做了两个小练习，选项卡和拖拽，开始this的知识点总是让我觉得困惑，但慢慢从练习中越
参考applewatch网站在项目中添加nav，发现人家的导航文字两端对齐，像这样：
研究他们的css发现这里用到
2013年GoogleI/O大会，推出了新的Android集成IDE“AndroidStudio”，最大的转变就是从Eclipse切
以下是我就目前常用前端技术做的一个汇总，若有错误，还请多多指教
本来为公司前端开发方便，做了快切助手，用着不错，都要求我别干别的了，赶紧升级快切助手吧！
索性开源了
2cars是个不错的一心两用游戏，我用jq仿写了一个最简陋版的，给大家放松一下。程序思路上我觉得写得还很幼
尽自己能力解答一个面试阿里实习童鞋公布的题目
1.设计一个两列div布局，使得左侧div的宽度为90像素，右侧
1、首先我们需要一个简单的html结构来完成我们的的实验
标准的3列的布局模式，左边列（left
使用SublimeText也有几个年头了，版本也从2升级到3了，但犹如寒天饮冰水，冷暖尽自知。最初也是
css3重复渐变repeatinggradient即重复让线性渐变（linear-gardient）或者径向渐变（radial-gradient）重复
在做团队的任务时，还要向下兼容IE8，于是开始了解下CSS的hack。不过不推荐使用hack，因为向后兼容不好，只
无意中研究某个bootstrap模板的侧导航结构发现了一个有意思的技巧，在一边疯狂使用控制台摸索样式构造的同
初学css3，用几个div拼成的一颗跳动的心
JSBin：/gayiseqeha/1/edit
&!DOCTYPEhtmlPU
这个功能包含挺多angular知识点，自己做备用
先上个图新鲜一下
&inputclass=&form-contr
盒子模型图示：
标准盒子模型认为元素的宽高就是它的内容填充部分，即图中content部分。
这是在公司时做的一个小功能，当时是用来在侧边展示产品及新闻的，
自定义区块div滚动条，一个页面可执行
想做一个音乐播放，无奈没得音乐原文件啊
于是乎看上了百度音乐，先各种抓包分析了一遍把我自己的红心里
offsetLeft,Left,clientLeft的区别
假设obj为某个HTML控件
obj.offsetTop指obj相对于版面或由offsetP
本周笔记达人
48小时最火热
本周浏览最多
本周评论最多
本周精彩评论
百度网盘下载：点击进入最近访客半小时前昨天&09:53前天&16:13前天&14:234&天前5&天前5&天前6&天前6&天前7&天前
data/attachment/album//nxnuc41ikjui.jpg& &&&今天打开曾经开发的一些HTML，发现木有雅黑不好看啊，雅黑控实在受不鸟，于是在网上搜了搜，果然发现了一种专为中文混合开发的字体，嘿嘿，赶紧介 ...| 不少关注jQuery的同学们对jQuery EasyUI已经有所耳闻了，截止到发这篇笔记，已经更新到1.3.5版本，风格与EXTJS有点相似，可以很好的满足开发人员对UI的需求。& & 最新版本下载：& &/download/ ...| 你的每一天如何度过？你的每个选择是为了什么？你为理想做过什么？珍藏这幅大图吧，千万别让这11种方法毁了你本该绚烂多彩的一生！ data/attachment/album//x1jtptsxu7hcj.jpg&&data/attachment/a ...| data/attachment/album//q0z65t4lb45bn.jpg& &&&此版本 Adobe Dreamweaver CS6 由官方简体中文正式版制作而成，只需要执行一次快速安装即可使用。大家不用感谢我了，我是雷锋^_^& & 下载地址：& &...| 拥有一个设计别致、易于识别的Logo是打响品牌的关键，Logo设计的前期准备工作有哪些？如何激发灵感？如何在具体操作层面确定字体、色彩、形状？后期工作又有哪些？小图奉上Logo设计流程图，希望可以助大家一臂之力！ ...| 优秀的网页通常来自 Web Designer（网页设计师） 和 Web Developer（网页开发者、 前端开发 ） ，下面这幅图片可以帮我们了解这两类人，以及各自前途的不同（图片有些大，打开会稍微慢些） data/attachment/album/20 ...| data/attachment/album//140323qhb2bdj9bbffb79g.jpg& &&&周末的时候我正准备和几个朋友打游戏，热身的过程中和一个不是很熟的朋友发生了一次有趣的谈话。& & “你是做什么的？”他问我。“哦，我给自己干 ...| data/attachment/album//165126ssbbztb8z6c7ldtc.jpg& && &雅虎公司宣布任命谷歌前高管Marissa Mayer（玛丽莎·梅耶尔）担任总裁兼新任首席执行官（CEO），同时任命其进入雅虎董事会。该任命自7月17日起 ...| data/attachment/album//170412hlm83plwgz3qh3xq.jpg& && &你知道有几个开发人员是超过40的？对不少人而言，这个数是0。如果你们当中知道一两个超过40开发者的人，我有个问题：他们中有几个人能称得上优 ...| data/attachment/album//161823dgddu9s1hhvwaavz.jpg& &&&很多人都问我，“我想做web前端开发，如何入手？”或“我要开发web应用程序，需要学哪些技术？”，当然，推荐他们一摞书籍或十几篇关于55条超越竞 ...| &WWW之青涩纯爱心跳物语&，讲述了Flash、Silverlight、Html5三位校园美少女的故事。& &&&data/attachment/album//c0e8f4cf0sv9s.jpg| data/attachment/album//220410jclnhzhjhiv1ihjx.jpg& &我有一个很熟的朋友，他现在忙的不可开交。他手上有一大堆没有完成的合同，而且一个跟他一起开发的助手也离他而去。于是，在三个大客户的催命鬼时的 ...| 现实生活中，我们时常听到一个词：男女有别。而在虚拟的社交网站上，其实也存在着类似的现象，因为男人和女人在用户习惯上真的有很大区别。对于Facebook和Twitter两大社交网站来说，女性用户是主流，而且她们在更新 ...| 很多公司负责人不厌其烦的问我：我们需要一个设计师，他要能会 HTML5，CSS3，Javascript，以及 Python/Ruby。& & 我通常的回答是：你在寻找一个天才，叫“美工程序员”或者“美工前端程序员”，你应该把你的要求分成 ...| Internet Explorer, Firefox, Google Chrome, Opera 和 Safari之间的到底有啥区别，下面这几幅搞笑漫画或许能说明什么…& && &Internet Explorer：没什么用，偶尔还真能派上用场…& & data/attachment/album/201201/ ...| 今天在微博上看有一款恶搞IE浏览器的漫画，不多说直接转过来 如果浏览器是美女，那么IE...... 如下图：& &data/attachment/album//140509vwyhehock00hohkl.jpg& && &如果浏览器是武器，那么IE...... 如下图 ...| data/attachment/album//2225208nksn159zi9fn7qz.png& && & 规范目的& &为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人 ...| 苹果是一家把未来科技引入我们身边的尖端公司，看看这个视频你就知道了！视频一开始我还以为手里拿的是iphone的模型纸片，可惜不是，真的好薄啊~& &data/attachment/album//3rb666a6ray8.png& &&&...| data/attachment/album//1918302wisiii2i99iavu9.jpg& && && &这是我 号在 W3Cfuns 的前身 CSS学习网 上写的一片文章 《社会的浮躁与男人的成熟》 ，现在我把它转到 W3Cfuns 上来，只是个人的 ...| 2005年，Google发布了其第一款手机 Google手机；&&2008年，Google发布其公司开发的开放原始码网页浏览器 Google Chrome；&&........&&剩下的大家自己看图吧~^_^& &data/attachment/album//1848496zsdinps59 ...|
嗯，谢谢啊16套高质量的内容滑块、幻灯片PSD模板免费下载
幻灯片（Slideshow）和内容滑块（Content Slider）是网站中常用的功能模块，在以图片为主的摄影网站和产品展示网站用得比较多。这篇文章收集了16套高质量的内容滑块 PSD 幻灯片模板，可以免费下载使用。1.&2.&3.&4.&5.&6.&7.&8.&
刚表态过的朋友 ()
华创汇才投资管理（北京）有限公司薪金：300000(元/年)职位：高级Web前端开发工程师
爱点击互动（北京）广告有限公司薪金：面议职位：Web前端开发工程师
北京西瓜藤网络科技有限公司薪金：面议职位：Web开发工程师查看: 25492|回复: 87
JavaScript教程 - 变量与常量
* 本帖属于W3Cfuns原创，转载者请在明显的地方加入W3Cfuns的链接，不可只有文字没有链接，请尊重他人的劳动成果！否则我们将追究其责任。
　　很多朋友都跟我提出希望咱们能够出一个JavaScript教程，在这里非常高兴的告诉大家，从今天起，将开始带领大家学习JavaScript！
　　当然咱们的课程是速成教程，还是老风格：通俗易懂！无论你是神马学历，无论你的数学多不好，无论你的英文多差劲，只要你能耐下心，认认真真的看下去，这些统统都不是问题！课程中比较重要的话我会用暗红色加粗体标注。
　　变量在所有的程序中都是最重要的也是最基本的。那么什么是变量呢？
　　变量就是变化的量。
　　常量也是我们需要掌握的一个知识，我们已经知道变量就是变化的量。那么常量是什么呢？
　　常量就是不变的量。
举例说明：
　　回想一下我们初中学习的求圆的面积的公式是什么？
　　对，没错！是 s=πr2
　　比如说有这么一道应用题：假如已知圆的半径r为5.3，求面积。
　　小时候做应用题，我们通常说：设:s对吧？s的值我们现在并不知道。
　　那么在JavaScript中，这里的s就是变量！
　　在数学中我们这么写：
　　在JavaScript中我们这么写：
　　那么常量（不变的量）呢？
　　同样在JavaScript中，π是固定不变的值，这就是常量。
这就是变量与常量的关系，OK！
我们JavaScript第一节课就到这里，怎么样，简单吧？
视频课程：《》
视频课程：《》
老大终于出教程了，这些天忙，几天没来了，哈哈。&
圆的面积不是S=πr2吗？
支持！半夜来顶！希望像CSS那个教程一样详细一样精彩！
终于出js教程。。。。。。。。。。支持
教程一节？
&&各种支持。
除了支持、还是支持
路过路过,支持下
终于出了，如愿以偿了，谢谢老师！
我是来看举例的