github page搭建博客

作者:JerryXia | 发表于 , 阅读 (0)
只要你是github的一员,你就可以随时编辑、上传你的文章。搭载Jekyll,可以使用像markdown简洁漂亮的语法来写博客,而不用处理与数据库相关的东西。GitHub pages如果你是程序员,那就一定知道github,它是用于存放Git版本控制的软件代码和内容项目。而GitHub Pages则是开放,面向外界的一些网页,你可以像发布代码一样来发布最新的博客。下面来看看如何通过GitHub pages来建立个人博客。
第一步在GitHub上创建一个新的仓库,注意这里的仓库的名字必须是username.github.io(username就是你在github上的用户名),否则,github pages将不会成功

第二步进入到你想克隆仓库的文件目录,在git bash中执行git clone https://github.com/username/username.github.io

第三步进入username.github.io文件目录,创建index.html

第四步推送index.html

第五步等待几分钟,然后你就可以访问http://username...阅读全文

国内互联网公司的js库

作者:JerryXia | 发表于 , 阅读 (0)
微内核设计:内核可完全分离出来,用于构建其他的框架原生对象零污染:你懂的,随着js的App越来约复杂,对原生对象的零污染也体现的越来越重要了模块封包:采用命名空间、闭包等方式建立了模块封包的体系,帮助更好的组织海量js代码模块自由拼装:自身模块做了良好的架构分离,尽可能让各个模块之间可以自由的拼装组合无缝集成各种js框架:与jQuery, YUI, Mootools, Prototype.js 等框架无缝集成;与多种局部框架无缝集成,如:Mini, Sizzle, cssQuery, xpath, JSON 等等多版本共存:如采用的Jx版本过旧,旧有的Javascript代码不能与新版本Jx兼容,则可以采用多版本共存的方式保持程序的可延续性分层设计:Javascript核心层,与Javascript解释引擎无关的封装和扩展;浏览器端Javascript层,对浏览器中的Javascript引擎部分的封装和扩展阿里 AraleArale 立足于支付宝的前端需求和国内前端社区,基于 Sea.js 和 CMD 规范,致力发展小而美的前端模块架构,建立了一套从编码测试到部署的开发体系, 是一个开...阅读全文

css笔记

作者:JerryXia | 发表于 , 阅读 (0)
relativerelative比较简单,关键是搞清楚它是相对哪个对象进行偏移的。像上面的结构,sub1和sub2 是同级结构,加入sub1有下列属性
#sub1{position: relative;padding: 5px;top: 5px;left: 5px;}如果sub1不设置它的position属性,那么它将出现在正常的文档流的位置上,但是当设置了position为relative之后,它将相对它本来应该所处的位置进行偏移。偏移是从原对象的的margin的左侧开始的。那么sub2的位置会是怎样呢?其实sub2的位置并未受sub1的位置的影响,sub2还是在原来的位置。同理,如果sub2也设置了position等于relative,那么sub2也还是按照原来的位置进行偏移。
absolute需要搞清楚的也是它是相对哪个对象进行偏移的。常见的误区:认为设置了position等于absolute的元素都是相对于浏览器窗口进行偏移的。这句话是错误的。相对于谁偏移,分两种情况:
当sub1的父级对象也设置了position属性,并且是absolute或者relative的情况下,...阅读全文

script节点的onload,onreadystatechange事件

作者:JerryXia | 发表于 , 阅读 (0)
直接码代码
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title></head><body><script>var script = document.createElement('script');script.src = "xx.js";script.onload = script.onreadystatechange = function(){if (!this.readyState     // IE11以下有readyState值,readyState等于loaded或complete,都表示js加载完成|| this.readyState=='loaded' || this.readyState=='complete')   // 这是IE的判断语句{console.log('loaded');}};document.body.appendChild(script);</script></body></html>...阅读全文