前端
关注
分享
扫一扫
文章平均质量分 82
hebeind100
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
载入页面时使用多域名实现资源并行下载。图片，js、css文件等
网页中包含的资源（图片、js、css、iframe等）引起的http请求基本上都来源于同一个域名，有的网站对静态资源文件使用了独立的无cookie域名。YSlow提倡的高性能网站准则中有一条“reduce DNS lookups”，减少域名数量以便减少域名解析所需要的时间，但是，有的情况下，适当的增加网页中使用的域名数却可以提升网页的速度。首先，我们来看一个例子：图片下载被阻塞：http:/...原创 2014-12-31 13:12:47 · 719 阅读 · 0 评论 -
前端页面展示JSON格式化的字符串
基于jquery.jsonview组件 <%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w原创 2016-10-18 14:13:26 · 1130 阅读 · 0 评论 -
九种浏览器端缓存方法知多少
浏览器缓存（Browser Caching）是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制，有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据，整体 上加速网页展示给用户。浏览器端缓存的机制种类较多，总体归纳为九种，这里详细分析下这九种缓存机制的原理和使用场景。打开浏览器的调试模式 ->resources左侧就有浏览器的8种缓存机制。一、http缓存...原创 2016-10-31 13:34:58 · 294 阅读 · 0 评论 -
Web Cache， H5 AppCache， SW Cache 三者的浅析和比较
HTTP Cache在HTTP1.1中caching的作用一是在很多情况下消除向服务器发送请求，二是一些情况下消除发送完整response的需要。 前者减少了许多操作网络来回通信的数量，使用“过期”的机制来达到此目的；后者减少了网络带宽的需求，我们使用“确认”机制来达到此目的。 庆幸的是所有浏览器都有HTTP Cache的实现。 开发者只要保证每个服务器端的响应提供了正确的HTTP head...原创 2016-03-18 23:47:51 · 441 阅读 · 0 评论 -
H5 缓存机制浅析 - 移动端 Web 加载性能优化
1. H5 缓存机制介绍H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储（也可称为缓存机制）是其中一个非常重要的特性。H5 引入的离线存储，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。H5 应用程序缓存为应用带来三个优势：离线浏览 用户可在应用离线时使用它们速度 已缓存资源加载得更快减少服务器负载 ...原创 2016-03-18 23:48:27 · 218 阅读 · 0 评论 -
appcache 缓存
在h5新页面里可以添加缓存文件。配置不变的js 图片等配置：在页面html 上添加 manifest="demo.appcache"manifest文件需要正确的MIME-type，即 "text/cache-manifest"。必须在 web 服务器上进行配置。(需要在iis里添加文件配置) appcache配置文件：CACHE MANIFEST#v1.1.2...原创 2016-03-18 23:49:59 · 586 阅读 · 0 评论 -
AppCache 离线存储 应用程序缓存 API 及注意事项
推荐：html5 application cache遇到的严重问题在我们的3G版网站的项目中使用了html5 application cache，将大部分图片资源、js、css等静态资源放在manifest文件中,需要了解的朋友可以参考下简介 离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制，但它们并不可靠，也不一定总能起到预期的作用。HTML5 使用 Appl...原创 2016-03-18 23:51:08 · 371 阅读 · 0 评论 -
浅谈web缓存
在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。那么下面我们就来看看服务器端缓存的原理。缓存分类web缓存分为很多种，比如数据库缓存、代理服务器缓存、还有我们熟悉的CDN缓存，以及...原创 2016-03-26 08:03:06 · 115 阅读 · 0 评论 -
39个前端精美后台模板
1.Ace_admin下载地址：http://pan.baidu.com/s/1dFaRCCL2.AdminEx下载地址：http://pan.baidu.com/s/1gfxOkpl3.AdminLTE下载地址：http://pan.baidu.com/s/1jI1LOY64.Adminto下载地址：http://pan.baidu.com/s/1i...原创 2018-07-18 09:41:10 · 397 阅读 · 1 评论 -
45 个 jQuery 小技巧
收集的35个 jQuery 小技巧/代码片段，可以帮你快速开发.1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字Hide when clicked ...原创 2015-11-07 17:00:56 · 133 阅读 · 0 评论 -
Web文件上传方法总结大全
文件上传在WEB开发中应用很广泛，我们经常发微博、发微信朋友圈都用到了图片上传功能。文件上传是指将本地图片、视频、音频等文件上传到服务器上，可以供其他用户浏览或下载的过程。今天我给大家聊聊常见的文件（图片）上传的方式和要点处理。表单上传这是传统的form表单上传，使用form表单的input[type=”file”]控件，可以打开系统的文件选择对话框，从而达到选择文件并上传的目的...原创 2016-07-30 21:10:03 · 827 阅读 · 0 评论 -
20 个最棒的 JavaScript 图表库
每个企业在做重要决定时都倾向于做数据分析。实际上他们很多时候都是沉沦在数据里头，不知道如何跳出其中。随着大数据的到来，曾经好用的表格和图表只是不再削减它了。企业一直寻求更好的方式来可视化数据，更好的互动和使图表多角度。毕竟，只有从数据中抽出的见解才是有用的。JavaScript 图表库出现了，作为漂亮的，容易理解的，交互式的可视化图表最有力的工具。它能更容易提取和传达关键的模式和见解，而...原创 2015-08-04 13:26:21 · 332 阅读 · 0 评论 -
优化DNS解析和拆分域名 提高网页打开速度
用户打开网站的整个流程中，DNS解析时第一环，当用户输入域名并敲回车后，windows系统调用DNS client，寻找到用户配置或者自动分配的DNS IP，之后就开始整个解析过程，DNS服务器忙和了一段时间，完成解析到此域名的数字IP服务器，一般情况下返回给定域名对应的IP地址会花费20到120毫秒的时间，而且在这个过程中浏览器什么都不会做直到DNS查找完毕。一旦解析完成，连接建立并保持...原创 2014-12-31 13:13:36 · 505 阅读 · 0 评论 -
20点提高网站访问速度缩短网页加载时间
网友上网都不喜欢用太多的时间等待网页的打开，等待的越长，用户可能会直接关闭网页，这样就会损失很多流量!其次，关键字的排名与网页的打开速度也有关系，这个主要体现搜索引擎对用户体验度上，用户体验度好，排名相对其它网站就好些。因此我觉得我们有必要去提高网页的打开速度，这个不需要太多的成本投入，只需要平时多注意一些小技巧就行了!下面给出20种方法帮你提高网站访问速度缩短网页加载时间。 1、减少页面...原创 2014-12-31 13:14:34 · 254 阅读 · 0 评论 -
HTML img标签之onAbort、onError、onLoad事件与问题
img标签在使用的时候 一下几个事件非常的有用： onError：当图片加载出现错误，会触发 经常在这里事件里头写入 将图片导向默认报错图片，以免页面上出现红色的叉叉 onLoad：事件是当图片加载完成之后触发 onAbort：图片加载的时候，用户通过点击停止加载（浏览器上的红色叉叉）时出发，通常在这里触发一个提示：“图片正在加载” 很好的利用这3个事件可以在HTML中实现很多图片的功能 例如：处...原创 2014-07-29 09:48:26 · 383 阅读 · 0 评论 -
网页可视化设计的 5 大要素
创见干货：网页可视化设计与其说是科学，更像是一门艺术，但是它有着一些基本的要素，尺寸、色彩、布局、空间与风格都能对于页面效果有着显著的影响。在本文中作者使用了大量网站实例进行剖析，不论你是否从事网页设计工作，这些兼具美感与功能性的网页设计都值得点进去一看。 好的网页可视化设计不仅仅能影响网站流量与用户决策，更能够让你的网站看起来十分美观。网页设计有其基本的美学原则，你可以从很多文艺...原创 2015-05-06 10:11:22 · 1625 阅读 · 0 评论 -
UI 设计中的重要一环：留白
所有优秀的视觉艺术家都明白负空间的重要性，适当留白不仅可以吸引注意力，还可以将观者的目光集中到实际的话题中去。负空间（相当于设计师的留白）就好比是一个尽忠尽职的配角，它的职责就是让主角脱颖而出，同时又不过分强调自己。如果你认为自己的设计中不应该存在任何空白之处，那么不如去看一下「世界最烂网页设计」的集锦，其中有很多血淋淋的案例将充分展示在网页上堆积过多元素导致其互相争抢注意力而带来的毁灭性效果。...原创 2015-06-02 10:12:09 · 298 阅读 · 0 评论 -
别再管什么用户体验了
创见干货：初创公司在刚起步时通常各类问题一起涌来，其中用户体验问题难免令创业者抓耳挠腮。搞初创的朋友经常不自觉地关注用户对产品的看法，然而这一切其实只是浪费精力，放心地去关注产品开发、资金筹集、团队建设或其他任何方面的问题吧，别再管什么用户体验了，因为还没到你该管的时候。自从我加入一家初创公司并关注起用户初级体验后，我跟身边人好多次对话都是像下面这样的：搞初创的朋友：「老兄我想跟你谈谈...原创 2015-06-02 10:12:43 · 136 阅读 · 0 评论 -
优雅与可用性的平衡：网页设计中的极简主义
在网页设计当中，极简主义是最为持久的一种视觉框架设计理念，不仅仅是因为它有着不因为时间而改变的优雅，还因为极简主义风格的网页能够更加清晰地突出内容。时尚潮流经历了一个又一个轮回，但是对于所有领域与行业的设计师来说，利用设计技巧创造优雅风格以及可持续的视觉哲学一直是他们所追求的。作为一种艺术风格，极简主义并不专属于网页设计这一个门类。设计当中的极简主义运动能够被追溯到 20 世纪早期的平面...原创 2015-06-10 10:59:29 · 281 阅读 · 0 评论 -
IE ajax请求 304解决方案
ajax返回结果HTTP304 ... 每次请求的走的是缓存，而Chrome等浏览器是正常返回的200 ajax缓存= = IE真是无所不能啊 Σ( ° △ °|||)︴ ！ajax走缓存= =！╮(╯▽╰)╭ 原因找到了，bug就很好改了，不让缓存或者实时获取最新的就行 【解决方案】 IE下的ajax请求是按照ip地址和请求路由进行缓存，所以最简单的办...原创 2014-09-24 15:35:12 · 493 阅读 · 0 评论 -
图解 React
React、ReactJS、React.js、React Native… 这些有些相似的名词你最近听过多少遍了？对于它们究竟是什么你是否感到困惑？如果你是一名设计师，你所在的团队使用(或正在考虑使用)的技术是 React ，或者你只是单纯对 “React” 比较好奇的话，那么本文就是为你而准备的。在文本中，我只使用朴实的语言和插图来解释 React 家族中的各种术语，并深入探索究竟是什么...原创 2018-08-03 10:22:40 · 202 阅读 · 0 评论