打造一个精致的个人博客

作者:JerryXia | 发表于 , 阅读 (29)
登陆 GitHub,新建一个 repository, 命名为 你的用户名 + github.io。如我的用户名为 haonancx,所以 repository 命名为 haonancx.github.io(可以购买私人域名),如下图。
注意图片中红色箭头标注的地方,命名和你挂载在 GITHUB 的域名是一致的,就是你命名为 “haonancx”,那么你的个人博客地址就是 “haonancx.github.io”;其次要勾选上 “Public”,别人才能访问你的博客。如果你觉得我博客风格还不错的话,可以去把他 GIT 下来;或者你可以从这里选中你喜欢的博客;地址:jekyllthemes下载好你喜欢的博客,然后,把它上传到你刚建好的 repository 上;然后 输入你的博客地址就访问成功了。
SASS、JS、CSS如果你需要修改博客内容,这里给你介绍一下;文件夹中的内容(以我的博客为例)。
_include 文件夹中是网页的公共部分,head.html是文件head标签里的引入的文件,图片等,header.html、footer.html 是网页的公共头部(导航)和底部(版权)...阅读全文

前端性能优化黄金法则

作者:JerryXia | 发表于 , 阅读 (28)
合并文件是通过把所有的脚本放到一个文件中来减少 HTTP请求的方法。CSS Sprites是减少图像请求的有效方法。缓存 DNS查找可以改善页面性能。跳转是使用 301和 302代码实现的(但是要记住跳转会降低用户体验)。为了提高性能,优化 Ajax响应是很重要的。提高 Ajxa性能的措施中最重要的方法就是使响应具有可缓存性。你可以仔细看一下你的网页,问问自己“哪些内容是页面呈现时所必需首先加载的?哪些内容和结构可以稍后再加载?预加载和后加载看起来似乎恰恰相反,但实际上预加载是为了实现另外一种目标。预加载是在浏览器空闲时请求将来可能会用到的页面内容(如图像、样式表和脚 本)。使用这种方法,当用户要访问下一个页面时,页面中的内容大部分已经加载到缓存中了,因此可以大大改善访问速度。一个复杂的页面意味着需要下载更多数据,同时也意味着JavaScript遍历DOM的效率越慢。比如当你增加一个事件句柄时在500和5000个 DOM元素中循环效果肯定是不一样的。把页面内容划分成若干部分可以使你最大限度地实现平行下载。使iframe的数量最小,ifrmae元素可以在父文档中插入一个新的HTML文档。...阅读全文

Javascript 深入浅出原型

作者:JerryXia | 发表于 , 阅读 (25)
只要善于运用,基于原型的 JavaScript 继承模型比传统的类继承还要强大。
先聊一聊对象的事情JavaScript 中,万物皆对象!但对象也是有区别的,主要分为普通对象(Object)和函数对象(Function)。
说好的只聊技术,怎么聊上个人问题了!?

好了,安慰一下,请你吃下面  这道菜!
function example(){};var example2 = function(){};var example3 = new Function('str','console.log(str)');var other = {};var other2 =new Object();var other3 = new example();console.log(typeof other); //object 下面检测一下他们都是些什么类型函数console.log(typeof other2); //objectconsole.log(typeof other3); //objectconsole.log(typeof example); //functionconsole....阅读全文