前端开发
hnyysly
这个作者很懒,什么都没留下…
展开
-
vue-router
https://zhuanlan.zhihu.com/p/27588422原创 2021-01-28 19:15:12 · 110 阅读 · 0 评论 -
Javascript 装载和执行 浏览器的渲染原理简介
浏览器的渲染原理简介转载 2014-08-05 21:36:42 · 442 阅读 · 0 评论 -
盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plaincopy.Absolute-Center { margin: auto;转载 2014-08-25 16:58:47 · 452 阅读 · 0 评论 -
jsonp原理
前言: 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,但这两种方式都有其局限性,前者需要PhoneGap支持,后者转载 2014-08-13 09:27:27 · 1062 阅读 · 0 评论 -
深入理解HTTP协议
http://www.360doc.com/content/10/0930/17/3668821_57590979.shtml转载 2014-08-13 16:11:40 · 408 阅读 · 0 评论 -
js 日期格式化
对Date的扩展,将 Date 转化为指定格式的String 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) 例子: (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:转载 2014-09-07 15:35:02 · 455 阅读 · 0 评论 -
Http 协议的缓存(一)
9.2.1 缓存部件用户通过浏览器来访问Plone服务器的时候,中间可能经过浏览器和缓存服务器,如下结构图所示:+------------+ +---------------------+ +--------------------+| Zope/Plone |+------------+ +---------------------+ +---------------转载 2014-08-01 16:29:29 · 591 阅读 · 0 评论 -
Http 协议的缓存(二)
一、http headersNO1:对于web应用,用户群在客户端 (各种浏览器)点击任何一个连接向服务器发送http请求,这过程肯定需要3次握手,建立连接,服务器响应返回数据。每次请求都有头部和实体部分,先看下面笔者监听QQ空间的headers,QQ空间的原因是它头部内容比较全Request Headers: GET转载 2014-08-01 16:37:59 · 532 阅读 · 0 评论 -
图片懒加载
【options 参数说明】名称默认值说明threshold0灵敏度。默认为 0 表示当图片出现在显示区域中的立即加载显示;设为整数表示图片距离 x 像素进入显示区域时进行加载;设为负数表示图片进入显示区域 x 像素时进行加载。failure_limit0容差范围。页面滚动时,Lazy Load 会遍历延迟加载原创 2014-08-05 19:34:11 · 855 阅读 · 0 评论 -
立即调用的函数表达式
什么是自执行?在JavaScript里,任何function在执行的时候都会创建一个执行上下文,因为为function声明的变量和function有可能只在该function内部,这个上下文,在调用function的时候,提供了一种简单的方式来创建自由变量或私有子function。// 由于该function里返回了另外一个function,其中这个function可以访问自由变量转载 2014-07-30 15:28:59 · 447 阅读 · 0 评论 -
js检测浏览器是否支持css的属性
如果你想用到CSS3中的圆角新特性,你应该使用 border-radius 义他们。但是因为这个特性仍然还没有最终定稿,所以浏览器们只支持他们对应的自己实现的版本。所以 -moz-border-radius 就对应于Mozilla Firefox, 而 -webkit-border-radius 则相对应于Safari和Chrome了。 对于Opera呢?也有自己的版本:-o-border-r原创 2014-08-27 09:10:06 · 1531 阅读 · 0 评论 -
js对象深度克隆
什么是深度克隆,通俗的说:就是在给你一个对象的前提下,你创建一个和这个对象一模一样的对象,所有属性和值都相等,并且修改新对象的属性不会影响旧的对象。网上常见的两种比较简洁的方式:方式1:这个方式像极了我们的原型继承,所以我暂时叫他原型式克隆原创 2014-06-24 10:02:53 · 1133 阅读 · 0 评论 -
雅虎网站页面性能优化的34条黄金守则
雅虎团队经验:网站页面性能优化的34条黄金守则1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目转载 2014-08-15 22:02:45 · 892 阅读 · 0 评论 -
chrome浏览器支持ajax请求本地文件
Chrome的安全机制不能支持ajax的本地访问。一般情况下,在chrome中运行一些含Ajax请求的界面原型时,会抛出下面错误: XMLHttpRequest cannot loadfile:///E:/test.html. Origin null is not allowed by Access-Control-Allow-Origin.解决方法:给chrome浏览器加启动原创 2014-12-30 16:33:22 · 4823 阅读 · 0 评论 -
zz
http://wenku.baidu.com/link?url=kjNOO5Y1LSVAJ9PCoSNU1am9r1Hkg6Fk4ZIb2tEGw3PB6WkEzYKuBurNYxHHEgowzi4S0Mp9h6edLoxN52RmlFwZHZhjNaffiDvX4Eb4Buuhttp://www.cnblogs.com/ellisonDon/archive/2012/08/12/263531原创 2014-10-01 09:24:44 · 497 阅读 · 0 评论 -
需要看的文章
http://www.w3cfuns.com/blog-5449940-5400413.html转载 2014-09-19 11:30:07 · 427 阅读 · 0 评论 -
标签切换实现
html代码标题s无标题文档 选项一 选项二 选项三 选项四 aaa bbb ccc ddd原创 2014-09-29 15:45:27 · 720 阅读 · 0 评论 -
Smarty缓存技术
rty模板引擎的一大亮点就是为我们提供了非常简单的缓存操作,下面就让我们学习一下。 首先我们要知道Smarty缓存机制分为全局缓存,部分缓存,局部缓存三种,我们一一介绍。 1、全局缓存 顾名思义,全局缓存就是为整个网站的全部页面都生成缓存页面。 首先我们要操作smarty的配置文件,开启缓存,指定缓存文件目录,并设置缓存的存活时间 $smarty-转载 2014-07-30 16:54:24 · 397 阅读 · 0 评论 -
模拟和HTML5的ploceholder的效果
1.采用value模拟2.利用label模拟,让label的for绑定input元素原创 2014-09-04 09:50:17 · 677 阅读 · 0 评论 -
jquery源码
http://marlonyao.iteye.com/blog/652109转载 2014-09-15 17:13:01 · 464 阅读 · 0 评论 -
jQuery的性能优化
一、选择器性能优化建议 ================================================================= 1. 总是从#id选择器来继承 这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。$('#content').hide();或者从ID选择器继承来选择多个元素转载 2014-07-30 15:31:08 · 375 阅读 · 0 评论 -
js数组去重的4个方法
面试前端必须准备的一个问题:怎样去掉Javascript的Array的重复项。据我所知,百度、腾讯、盛大等都在面试里出过这个题目。 这个问题看起来简单,但是其实暗藏杀机。 考的不仅仅是实现这个功能,更能看出你对计算机程序执行的深入理解。 我总共想出了三种算法来实现这个目的:Array.prototype.unique1 = function(){ var n = []转载 2014-06-20 17:09:57 · 614 阅读 · 0 评论 -
可预览的多图片上传(不用刷新页面)
一.关于多图片上传1.用表单提交的方式原创 2014-06-12 13:59:36 · 1188 阅读 · 0 评论 -
js,jquery的差别
1. 设置和改变html元素内容和文本。原创 2014-07-21 21:05:06 · 485 阅读 · 0 评论 -
Smarty的缓存操作技巧
一、使用缓存 要开启smarty的缓存,只需将caching设为true,并指定cache_dir即可.使用cache_lefetime指定缓存生存时间,单位为秒要对相同页面生成多个不同的缓存,在display或fetch中加入第二参数cache_id,如$smarty->display('index.tpl',$my_cache_id);此特性可用于对不同的$_GET进行不同的缓存原创 2014-07-18 20:18:57 · 429 阅读 · 0 评论 -
CSS中的绝对定位与相对定位
层级关系为:效果图:为改变参照物(橘色框)后的效果层级关系为:效果图:参照物为最顶级的元素情况。层级关系为:效果图: 仅使用margin属性布局绝对定位元素的情况此情况,margin-bottom 和margin-right的值不再对文档流中的元素转载 2014-06-24 14:44:48 · 469 阅读 · 0 评论 -
js创建对象和继承
一、创建对象1、组合模式(构造函数模式和yua)原创 2014-06-23 19:49:03 · 592 阅读 · 0 评论 -
setTimeout和setInterval的区别
javascript都是以单线程的方式运行于浏览器的javascript引擎中的, setTimeout和setInterval的作用只是把你要执行的代码在你设定的一个时间点插入js引擎维护的一个代码队列中, 插入代码队列并不意味着你的代码就会立马执行的,理解这一点很重要. 而且setTimeout和setInterval还有点不一样. 先谈谈setTimeoutfunction转载 2014-03-18 16:40:01 · 502 阅读 · 0 评论 -
CSS清除浮动
在文章开始前,建议看一下这篇文章:All About Floats, 其讲解了相当多关于CSS浮动的内容,包括浮动产生的问题以及怎样清除浮动.CSS清除浮动的方式我认为清除浮动应该分为两部分:包含块外清除浮动与包含块内清除浮动. 包含块外当然就是指的 clear: both; 清除的浮动, 是用来避免块元素间的对齐问题; 而我们目前大家所说的CSS清除浮动一般都是指的包含块内清除浮动,这也转载 2013-12-18 16:55:48 · 443 阅读 · 0 评论 -
浏览器端技术体系概览 -- 前端开发的七种武器
科普文一则,说说我对前端技术体系(也称浏览器端技术体系)的认识,希望能让更多人了解前端,也希望能借此丰富前端开发的大局观.去年我写了网站性能优化系列文章,看过的朋友会知道,这类文章重点并非介绍各种具体的优化技巧,而是在关注发掘这些优化点的思路和方法.然后介绍给大家多种检测手段去发现问题,进而有目标的解决问题.所有这些需要我们对有网页整个生命周期有清晰的认识,对网页中各种技术极其相互结合的方转载 2013-12-18 17:08:51 · 774 阅读 · 0 评论 -
图片等比例缩放 居中显示到div 超出div的部分影藏
Div中嵌套Img,让图片等比例缩放,要实现的效果就是,图片大于Div的大小,让图片在Div里居中显示,超过部分隐藏,图片小于Div的大小,先把图片等比例放大,超出部分隐藏。原创 2013-12-27 14:02:11 · 7683 阅读 · 0 评论 -
HTML中引入CSS的方法
在HTML中引入CSS的方法主要有四种,它们分别是行内式、内嵌式、链接式和导入式。1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。2.嵌入式 嵌入式是将CSS样式集中写在网页的标签对的标签对中。格式如下:转载 2014-06-12 18:35:08 · 470 阅读 · 0 评论 -
网页结构层、表示层和行为层的彻底分离
网页的结构层、表示层和行为层分离的越彻底,维护及更新就越容易。结构层和表示层可以彻底的分离,结构层和行为层也可以分离,但是当用行为层来操纵表示层时,情况就有些麻烦。 当在javascript里改变css时,我们可能会直接在Javascript代码用诸如tr.style.color="red"这样的语句来操纵。但是如果我们这样做的话就违背了三个层面相互分离的原则,对以后的维护也不利。因为假如转载 2014-06-13 20:53:38 · 2843 阅读 · 0 评论 -
影响网站加载速度之外部资源文件分析
在总结了影响网页加载速度的服务器端因素与页面内容因素后,达闻今天要分享的就是网站外部资源文件对网页加载速度的影响。针对外部资源文件的分析将主要围绕CSS,JS,和图片进行展开。1,指定图片的大小当浏览器加载页面的HTML代码时,有时需要在图片下载完成前就对页面布局进行定位。如果HTML里的图片没有指定尺寸(宽和高),或者代码描述的尺寸与实际图片的尺寸不符时,浏览器则要在图片转载 2014-06-13 21:09:47 · 824 阅读 · 0 评论 -
渐进增强、优雅降级
何为渐进增强、优雅降级常用两种策略:要么优雅降级(graceful degradation,一开始就构建站点的完整功能,然后针对浏览器测试和修复),要么渐进增强(progressive enhancement,一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。 两者间的(微妙)差别万一你正挠着后脑勺,试图找出“优雅降级”和“渐进增强”转载 2014-07-28 21:40:17 · 411 阅读 · 0 评论 -
减少页面加载时间的方法
1. 尽量减少页面中重复的HTTP请求数量比较直接的理解就是要减少调用其他页面、文件的数量。我们在使用css格式控制的时候,经常会采用background载入很多图形文件,而每个 background的图像都会产生1次HTTP请求,一般我们为了让页面生动活泼会大量使用background来加载背景图,要改善这个状况,可以采 用css的1个有用的background-position属 性来加载转载 2014-07-28 21:39:53 · 3951 阅读 · 0 评论 -
web前端面试题
HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;2.xhtml和html有什么区别转载 2014-06-13 21:30:15 · 1345 阅读 · 0 评论 -
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()一,$.get(url,[data],[callback])说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数。而其中,服务器返回数据的格式转载 2014-08-03 21:27:53 · 422 阅读 · 0 评论 -
Ajax中的get和post两种请求方式的异同
Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别.1、 get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所转载 2014-06-18 21:16:47 · 577 阅读 · 0 评论 -
IE和FF下的兼容性问题
长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异; 二、样式访问和设置; 三、DOM方法及对象引用; 四、事件处理; 五、其他差异的兼容处理。一、函数和方法差异1. get转载 2014-06-17 21:25:11 · 678 阅读 · 0 评论