沉默王二

不务正业的IT狗,喜欢读书和写作

排序:
默认
按更新时间
按访问量

为NProgress增加模态层,更完美的应用于复杂网页的细长进度条

NProgress是一款在网页顶部添加细长进度条的工具,非常轻巧,使用起来也非常便捷,灵感来源于Google, YouTube。我是在用github时发现这一特性的,就想应用到我的网站上,经过层层筛选找到了NProgress,感觉非常棒,另外我又为NProgress添加了模态层,因为我不希望一个请...

2016-08-01 11:09:23

阅读数:1896

评论数:1

高性能web建站规则(精简js)

我们经常见到jquery.js和jquery.min.js,后者是精简后的js,体积更小,也就意味着减少了服务器到客户端的加载压力,很显然可以提升web性能。 对于成熟稳定的js,使用min版是最好的选择。 对于自己项目开发、有待优化的js,保持source版本更有利于调试。 2中的js已经稳定,...

2016-06-18 15:07:57

阅读数:48

评论数:0

《锋利的jquery》认识jquery总结

window.onload和$(document).ready()执行时机不同,前者必须等待网页中所有的内容加载完毕后,后者是所有dom结构绘制完毕后;编写个数前者只允许一个,后者允许多个。 jquery对象和dom对象是不同的,但是可以进行相互转换: var $jq = $(&quo...

2016-06-13 15:24:02

阅读数:84

评论数:0

高性能web建站规则(外部js和css通常更好一些)

对于js和css,通常的做法有两种,一种将js和css直接嵌入到页面中,称为内联,另外一种就是通过src和link进行外部导入,称为外置。那么,哪一种更好一些呢?通常情况下外置更好一些,为什么呢? 用户往往从首页打开以后,会继续跳转到其余页面。比如说,从csdn首页到博客,再到极客头条,那么,假如...

2016-06-08 13:26:02

阅读数:15

评论数:0

为组件添加Expires头,最大化利用浏览器缓存

web项目一旦部署完毕,项目中的图片、CSS以及JS基本上很少发生变动,那么假如把这些组件缓存在浏览器客户端,而不再从服务器上获取,那么网站的访问者在首次访问网站后,后续的请求将会大量减轻服务器的请求压力。这一举动,带来的性能提升,可以称作完美!那么如何做呢?那就是为组件添加Expires(期限)...

2016-06-07 17:15:32

阅读数:7859

评论数:1

高性能web建站规则(将js放在页面底部)

简单解释一下为什么要将js放在页面底部: 浏览器只能顺序加载js组件,并且一次只下载一个。假如js放在页面顶部,那么js后的组件则必须等待js下载完后再进行加载。 这和css放在页面顶部刚好相反,但作用却完全相同,能够让页面逐步呈现给用户!...

2016-06-01 13:12:47

阅读数:41

评论数:0

高性能web建站(使用LINK将css放在head中)

对于为什么要“使用LINK将css(注意是所有的)放在head中”,我做出以下解释: 1. 将CSS放在页面底部会导致FOUC以及白屏现象,取决于浏览器做出的抉择,但体现都很差。 2. 将CSS放在页面顶部,浏览器会第一时间选择加载CSS而不是gif等其他需要的,这样页面将会逐步呈现,给用户更...

2016-05-31 17:09:56

阅读数:22

评论数:0

gzip压缩tomcat服务器响应包,大幅提升web性能

忘记是第几次读《高性能网站建设指南》的“规则4──压缩组件”一章了,之前一直搞得浑浑噩噩,今天才恍然有所觉悟,原来通过减小HTTP响应大小来减少响应时间应用到tomcat服务器上是这么一回事,结果令人欣慰万分,同时令我感到羞愧。gzip压缩率高达70%左右,这对于提升web性能来说简直就是逆天的表...

2016-05-30 15:51:19

阅读数:17366

评论数:4

高性能web建站规则(CDN)

知道CDN(Content Delivery Network,其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定),也不过三个月,实在惭愧,这让我觉得传播这些基础知识(大牛们可能觉得微不足道)显得颇为重要。国内的免费CDN服务,我知道的不多,http...

2016-05-28 13:56:47

阅读数:11

评论数:0

高性能web建站规则(尽量减少http请求)

尽量减少http请求。 对于图片,将多张功能相近的图片合并为一张,通过position进行定位。 对于css和js,我推荐按照页面进行文件的定义,不推荐将大量文件合并到一个文件内(除去单页面)。这样的好处有: 每个页面所需的js和css不尽相同,所以相对只需要一点点js和css的页面就不需要再加...

2016-05-27 15:25:43

阅读数:11

评论数:0

没有女人的男人

每个人的一生都会有独处的静谧时光,也许我们会像“小青”他那样陷入孤寂,无论你是程序员,还是工程师,如何在那段困惑枯燥的独处时光中找到“颜如玉”,从而不再是一个“没有女人的男人”,那会异常的美妙!

2016-05-26 21:39:17

阅读数:3365

评论数:0

SVG path绘制百分比圆弧,给力啊

利用SVG的circle可以绘制百分比圆弧,但总觉得有点不够高端,相比起来,我更喜欢利用SVG的path来绘制百分比圆弧,因为其中会利用到绘制圆弧的基本数学知识(我已经把数学还给了老师,从网络上抓取别人的成果,进行了改造),这样就觉得很有装逼范。

2016-05-25 17:30:32

阅读数:23336

评论数:1

social-share,社会化分享组件之jquery版

social-share,社会化分享组件,诚如其简洁所述“支持微信(二维码)、微博、Github、Google++、LinkedIn、Twitter、Facebook、RSS..., 支持四种大小设置”

2016-05-17 16:05:52

阅读数:12485

评论数:1

Bootstrap嵌入jqGrid,使你的table牛逼起来

Bootstrap嵌入jqGrid,使你的table牛逼起来

2016-05-04 11:28:02

阅读数:26973

评论数:3

Bootstrap 可视化HTML编辑器,summernote

Bootstrap 可视化HTML编辑器之summernote,用其官网上的介绍就是“Super Simple WYSIWYG editor”,不过在我看来,与bootstrap中文官网上提供的“bootstrap-wysiwyg”要更simple,更漂亮,更好用!

2016-03-31 17:14:14

阅读数:32277

评论数:9

Bootstrap 粘页脚,你必须得学会的简单技能

Bootstrap 粘页脚(你必须得学会的简单技能),说得具体一点就是“将固定高度的页脚紧贴页面底部”。

2016-03-26 15:32:44

阅读数:6900

评论数:1

Bootstrap级联下拉菜单,你肯定用得到

今天我将介绍自定义的bootstrap级联下拉菜单(你肯定用得到),主要应用场合有省市级关联菜单等等

2016-03-25 18:22:39

阅读数:12744

评论数:2

SpringMVC之application-context.xml,了解数据库相关配置

application-context.xml则让我们了解到如何将数据库信息加载到项目中,包含关键的数据库连接信息、sqlSessionFactory、事务等关键因素

2016-03-23 18:43:57

阅读数:8206

评论数:4

SpringMVC之web.xml,了解必要配置项

本篇先来介绍web.xml,了解其中必要的配置项,为以后顺利开发打下坚实基础。

2016-03-23 18:34:35

阅读数:23861

评论数:6

SpringMVC之context-dispatcher.xml,了解基本的控制器

SpringMVC的三大XML的最后一个context-dispatcher.xml,了解spring如何控制视图、如何扫描注解、数据转换、静态资源加载等关键配置项。

2016-03-15 13:57:51

阅读数:5013

评论数:2

提示
确定要删除当前文章?
取消 删除
关闭
关闭