Front end
文章平均质量分 61
sarah_cw
加油吧,骚年
展开
-
css基础
1、CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一???2、通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面原创 2014-11-18 19:07:02 · 319 阅读 · 0 评论 -
js 几种类型的事件处理程序
原文:http://blog.csdn.net/mayixixi/article/details/7631577博主的这个应该是来自 Javascript高级程序设计 这本书。事件就是用户或浏览器自身执行的某种动作,如click,laod,mouseover都是事件的名称。事件流描述的是从页面中接收事件的顺序。事件处理程序就是对事件作出响应的函数。事件处理程序的名转载 2016-03-30 10:00:06 · 303 阅读 · 0 评论 -
另一个前端优化
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。作者:斯迪链接:https://www.zhihu.com/question/21658448/answer/18903129来源:知乎不知道是哪位大牛的文章,转过来回答。前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针转载 2016-03-02 20:36:58 · 542 阅读 · 0 评论 -
网站前端优化
雅虎十四条:网站前端网页优化的14条原则收藏到:1时间:2015-01-28 文章来源:马海祥博客 访问次数:879内容再丰富的网站,如果慢到无法访问也是毫无意义的;SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭;UE设计的再人性化的网站,如果用户连看都看不到也是空谈。所以,网页的效率优化绝对是最值得关注的方面,那么,我们该如何才能提高一个网页的效率呢转载 2016-03-02 20:35:50 · 513 阅读 · 0 评论 -
Apply()和call() @知乎
知乎链接:http://www.zhihu.com/question/20289071一:call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。因为 JavaScript 的函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。二者的作用完全一样,只是接受参翻译 2016-03-02 20:33:48 · 280 阅读 · 0 评论 -
js实践
1. 优先使用 ===,而不是 ==JavaScript 使用两种相等性操作符:===,!== 和 ==,!=。通常认为做比较的最佳实践是使用前一组操作符。"若两个操作数的类型和值相同,那么 === 比较的结果为真,!== 比较的结果为假。" --- JavaScript语言精粹(JavaScript: The Good Parts)然而,如果使用 == 和 !=,转载 2015-12-05 19:32:23 · 260 阅读 · 0 评论 -
html5语义化标签
转载http://www.html5jscss.com/html5-semantics-section.htmlHTML 5的革新之一:语义化标签一节元素标签。在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义。(即使我们用css样式的id和class形容这块内容的意义)。这些标签只是我们提供给浏览器的指令,只是定义一个网页的某些部分。但现在,那些之前转载 2015-12-16 18:47:07 · 498 阅读 · 0 评论 -
js中的document.cookie
“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件就称为 Cookie。”—— MSIE 帮助。一般来说,Cookies 是 CGI 或类似,比 HTML 高级的文件、程序等创建的,但是 javascript 也提供了对 Cookies 的很全面的访问权利。 每个 Cookie 都是这样的:= 的限制与 javascript 的命名限制大同小异,少了“转载 2014-11-26 10:40:15 · 294 阅读 · 0 评论 -
CSS属性overflow,cellspacing ,cellpadding
CSS属性overflow用于设置元素超过宽度时是否隐藏或显示滚动条。div { width:150px; height:150px; overflow:scroll; }overflow 属性规定当内容溢出元素框时发生的事情。值 描述visible 默认值。内容不会被修剪,会呈现在元素框之外。hidden 内容会被修剪,并且其余内容是不可见的转载 2014-11-30 15:19:41 · 462 阅读 · 0 评论 -
背景图片url。。。点点杠
因操作平台不同路径中的斜杠不同,在windows中路径中是反斜杠'\',linux中用的是正斜杠'/'在网页设计中大多用'/',如果图片,网页平级,就是'./'点杠,上一级就是'../'点点杠。background-image:只定义背景图片可以用background:url(../images/a.gif) no-repeat top right;上面一种是复合定义,括号里是图片路径,后面转载 2015-01-16 16:50:56 · 737 阅读 · 0 评论 -
JavaScript事件代理和委托(Delegation)
为啥要事件委托呢?首先每个函数都是对象,都会占用内存;内存中的对象越多,性能就越差。其次,必须事先指定所有事件处理程序而导致的DOM访问次数,会延迟整个页面的交互就绪时间。利用事件委托,只需要在DOM树中尽量最高的层次上添加一个事件处理程序。事件代理在JS世界中一个非常有用也很有趣的功能。当我们需要对很多元素添加事件的时候,可以通过将事件添加到它们的父节点而将事件委托给父节点来触发转载 2016-03-30 10:12:02 · 384 阅读 · 0 评论 -
CSS hack
1、什么是CSS hack?CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准),以达到应用不同的CSS样式的目的,比如.kwstu{width:300px;_width:200px;},一般浏览器会先给元素使用width:300px;的样式,紧接着后面还有个_width:20转载 2016-03-30 11:08:03 · 258 阅读 · 0 评论 -
html基础
1、在 href 属性中指定链接的地址This is a linkHTML 图像是通过 标签进行定义的3. 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。4、html注释跟其他注释不同:5、pre 标签对空行和空格进行控制。pre 标签很适合显示计算机代码6、style="text-decoration:none" >这是一个没有下划线的链原创 2014-11-13 19:36:00 · 359 阅读 · 0 评论 -
js基础学习笔记(2014年开始)
1、什么是 JavaScript?在数百万张页面中,JavaScript 被用来改进设计、验证表单、检测浏览器、创建cookies等。JavaScript 被设计用来向 HTML 页面添加交互行为。JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。JavaScript 由数行可执行计算机代码组成。JavaScript 通常被直接嵌入 HTML 页面。J原创 2014-11-12 14:24:18 · 473 阅读 · 0 评论 -
css浮动(float,clear)
原文链接:http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html教程开始: 首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图: 可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2转载 2016-08-22 17:41:43 · 366 阅读 · 0 评论 -
JavaSript模块规范 - AMD规范与CMD规范介绍
原文:http://blog.chinaunix.net/uid-26672038-id-4112229.htmlJavaSript模块化 在了解AMD,CMD规范前,还是需要先来简单地了解下什么是模块化,模块化开发? 模块化是指在解决某一个复杂问题或者一系列的杂糅问题时,依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂转载 2016-06-02 09:14:41 · 333 阅读 · 0 评论 -
Javascript中apply、call、bind
在JS中,这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处:1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的,先看一个例子。 var xw = {翻译 2016-03-27 21:34:02 · 387 阅读 · 0 评论 -
CSS代码重构与优化之路
正文从这开始~写CSS的同学们往往会体会到,随着项目规模的增加,项目中的CSS代码也会越来越多,如果没有及时对CSS代码进行维护,CSS代码不断会越来越多。CSS代码交错复杂,像一张庞大的蜘蛛网分布在网站的各个位置,你不知道修改这行代码会有什么影响,所以如果有修改或增加新功能时,开发人员往往不敢去删除旧的冗余的代码,而保险地增加新代码,最终的坏处就是项目中的CSS会越来越多,最转载 2016-03-27 19:48:02 · 255 阅读 · 0 评论 -
推荐个博客
址:http://www.cnblogs.com/aaronjs/category/511281.html艾伦 Aaron老师是在慕课网有不少教程,我在看jquery源码的时候,竟然搜索到老师的博客,里面有好多不错的文章,推荐给大家。原创 2016-03-26 19:09:32 · 268 阅读 · 0 评论 -
js中几种实用的跨域方法原理详解
原文:http://www.cnblogs.com/2050/p/3191744.html这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/d转载 2016-03-23 10:48:15 · 334 阅读 · 0 评论 -
json 和jsonp
原文:http://kb.cnblogs.com/page/139725/由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。 当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能转载 2016-03-11 15:28:12 · 236 阅读 · 0 评论 -
JS的事件处理程序
1,你点按钮的同时,也点了这个按钮所在的容器,这个过程就是一个事件流。事件流描述的是从页面中接收事件的顺序。事件分两种:IE(事件冒泡流)Netscape(事件捕获流)2,事件处理程序Html事件处理程序(事件直接加在html结构里的),比如: 当然这种也可以写在script标签里面,例如: function showMessage(){原创 2016-03-31 21:50:03 · 400 阅读 · 0 评论 -
语义化的HTML结构到底有什么好处?
一:1.语义化标签只是HTML,CSS不存在语义化。HTML是标签,CSS是属性。2.语义化标签简历在文档化页面的基础上面,将网页当做是一个文档,DOM中的D(document)以及在书写js是用到的document就已经很清晰的告诉我们,计算机将页面当做是一个document,我们也可以将页面归为document的一种。3.HTML标签本身是意义的。如p---paragrap原创 2016-03-19 22:16:23 · 1853 阅读 · 0 评论 -
表单中不要忘写name(如radio)
//jQuery Mobile 提供了对按钮进行组合的简单方法。 请将 data-role="controlgroup" 属性与 data-type="horizontal|vertical" 一同使用,以规定水平或垂直地组合按钮,默认情况下,组合按钮是垂直分组的,彼此间没有外边距和空 白。并且只有第一个和最后一个按钮拥有圆角,在组合后就创造出了漂亮的外观。转载 2015-01-05 19:27:19 · 489 阅读 · 0 评论 -
js中的confirm()方法
function show_confirm(){var r=confirm("Press a button!");if (r==true) { alert("You pressed OK!"); }else { alert("You pressed Cancel!"); }}原创 2014-11-16 20:24:10 · 1913 阅读 · 0 评论 -
Js Window
所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览器窗口的内部宽度window.open() - 打开新窗口window.close() - 关闭当前窗口window.move原创 2014-11-19 14:46:55 · 320 阅读 · 0 评论 -
js提示框
1、prompt() 方法用于显示可提示用户进行输入的对话框。语法prompt(text,defaultText)参数描述text 可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。defaultText 可选。默认的输入文本。例子:function disp_prompt() { var name=prompt("请输入您的名字"原创 2014-11-25 20:39:12 · 323 阅读 · 0 评论 -
html5中对日期的处理
HTML5 拥有多个可供选取日期和时间的新输入类型:date - 选取日、月、年month - 选取月、年week - 选取周和年time - 选取时间(小时和分钟)datetime - 选取时间、日、月、年(UTC 时间)datetime-local - 选取时间、日、月、年(本地时间)//html5使对日期的处理变的很简单Date:转载 2014-12-25 10:01:37 · 567 阅读 · 0 评论 -
html5中的number
//number 类型用于应该包含数值的输入域。//step 规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等)//value规定默认值原创 2014-12-24 18:26:22 · 645 阅读 · 0 评论 -
无限循环的计时器
var c=0var tfunction timedCount(){document.getElementById('txt').value=cc=c+1t=setTimeout("timedCount()",1000)}请点击上面的按钮。输入框会从 0 开始一直进行计时。转载 2014-11-25 22:06:17 · 1421 阅读 · 0 评论 -
如何在网页上显示一个钟表
function startTime(){var today=new Date()var h=today.getHours()var m=today.getMinutes()var s=today.getSeconds()// add a zero in front of numbersm=checkTime(m)s=checkTime(s)document.g转载 2014-11-26 09:37:49 · 1019 阅读 · 0 评论 -
HTML5 Web存储(localStorage与sessionStorage)
HTML5 Web存储(localStorage与sessionStorage) HTML5 提供了两种在客户端存储数据的新方法:localStorage与localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的;sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后转载 2014-12-24 15:45:40 · 1030 阅读 · 0 评论 -
前端页面有哪三层构成,分别是什么?作用是什么?
有许多 web 设计师都有为纸质印刷品设计版面的经验。事实上,设计网站时,把网页当做纸质印刷品来对待是最容易想到的思想,除了把白纸换成了屏幕,其他做法没什么两 样。这种做法注定会失败。 Web 是一种不同的媒体。在设计纸质印刷品是时,必须把原始内容和版面设计交织在一起才能看到最终的印刷效果,但在设计网页时,只有将其分离开来才能获得最佳的 结果。最准确的网页设计思路是把网页分成三个层次,转载 2015-01-18 19:12:59 · 10456 阅读 · 0 评论 -
如何用DIV+CSS做漂亮的横排导航栏(百度经验)
我们在做网站前端页面的时候,导航栏是必不可少的,我们如何才能用CSS做出漂亮的导航栏呢?那么就看下面的方法吧具体的步骤1先码好导航栏所需要的基本的HTML代码这个就不必多说具体的代码如下:横向导航栏 首页转载 2014-12-26 10:32:29 · 3889 阅读 · 0 评论 -
html5中的email
//action里的url是提交后跳转的链接E-mail: //html5中type为email自动验证邮箱的格式//不用写“提交”,type为submit的时候,按钮上自动显示“提交”原创 2014-12-24 18:13:38 · 827 阅读 · 0 评论 -
xhtml基础
1、XHTML 是什么?XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language)。XHTML 的目标是取代 HTML。XHTML 与 HTML 4.01 几乎是相同的。XHTML 是更严格更纯净的 HTML 版本。XHTML 是作为一种 XML 应用被重新定义的 HTML。XHTML 是一个 W3C 标准。XHTML原创 2014-11-18 19:19:56 · 380 阅读 · 0 评论 -
js-cookie(完整代码在js window中)
创建和存储 cookie在这个例子中我们要创建一个存储访问者名字的 cookie。当访问者首次访问网站时,他们会被要求填写姓名。名字会存储于 cookie 中。当访问者再次访问网站时,他们就会收到欢迎词。首先,我们会创建一个可在 cookie 变量中存储访问者姓名的函数:function setCookie(c_name,value,expiredays){var exdate原创 2014-11-19 14:53:58 · 883 阅读 · 0 评论 -
当达到文本域的最大字符数时跳至下一个域
例子:当达到文本域的最大字符数时跳至下一个域(onkeyup 事件会在键盘按键被松开时发生。elements 集合可返回包含表单中所有元素的数组。)function checkLen(x,y){if (y.length==x.maxLength){var next=x.tabIndexif (next{document.getElementById(原创 2014-11-21 10:08:33 · 378 阅读 · 0 评论 -
js中的对象和构造函数
1、JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对象。JavaScript 提供多个内建对象,比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。属性是与对象相关的值。访问对象属性的语法是:objectName.propertyName例子:person=n原创 2014-11-26 10:10:51 · 523 阅读 · 0 评论 -
登陆效果
css3登陆框//讲html和需要用外部引用的css代码放在一个文件夹中就可以访问,看到效果//不要漏掉action和method用户名://required 属性规定必需在提交之前填写输入字段。// 标签为 input 元素定义标注(标记)。密码:忘记密码?//密码的type写成password,这样输入的密码才不可见//for原创 2014-12-01 12:27:57 · 341 阅读 · 0 评论