做了一张思维导图。总结这几个月对 JavaScript 的学习吧,也是一个复习。也是我目前的技能树。
继续阅读 »
更多资料可参考:
A Complete Guide to Flexbox
Using CSS Flexible Boxes
继续阅读 »
width属性不可继承,默认值是auto。
元素的width属性值为percentage时,width是根据其包含块的width计算的,如果其包含块的width反而是根据此元素的width计算出来的,这种情况CSS2.1未定义。
元素的width属性值为inherit时(inherit可用于那些不可继承的属性上),其继承的是父元素width属性的声明值(specified value)。
继续阅读 »
引言
影响网页打开速度的原因有许多种,本文主要对部署在github上的hexo博客页面的加载速度做一个分析。然后给出几点相关的优化建议。
more
加载速度对比
先看下面几个站点的加载速度
- www.ieclipse.cn
这是我自己的站点,使用了双线部署,国内节点为coding.net。
{% asset_img ieclipse.cn.png %}
请求非常多,52个请求,页面加载用时427ms,加上其它的异步请求,总用时1.54s。相当于页面秒开。加载相对较慢的有nova.css和那个自动隐藏导航栏的js脚本。其它的像jq和bootstrap都使用了cdn,加载还是相当快的。
继续阅读 »
Google HTML CSS 代码风格指南
A Note About Git Commit Messages
继续阅读 »
概述
定义:以微信传播为主要渠道的 HTML5 应用
技术:HTML5、JS、CSS、Jquery、Zepto、collie
资源:PSD、JPG、PNG、MP4、MP3、OGG
设备:Google Nexus 5以上,三星Galaxy Notes以上,iPhone4以上
继续阅读 »
引言
有感于hexo高级教程实在太少,当初本人在开发Nova主题时,曾遇到过不少坑,为填这些坑,较为深入地学习了hexo源码,又自学了不少node.js知识,才总算将这些坑基本填完。本着人人为我,我为人人的分享精神,特开一hexo高级教程专题,希望广大hexo爱好者拍砖~
本系列的定位为高级教程,所以要求读者具备以下知识或技能:
前端技术:前端基础知识不用说了,必须要具备的比如HTML,CSS,Javascript,Node.js。如果知识储备不足,推荐去W3C School好好学习。
hexo模板:hexo中的layout模板都是使用某个具体的模板引擎写的,模板引擎有swig,ejs,jade等。layout可以视为MVC模
继续阅读 »
Sumary
本篇文章简要介绍几种免费发布网站的方式,旨在测试只用
For
这篇文章仅适用于刚刚学习Web开发的同学。会写基础的HTML/CSS即可。
如果你是老手,玩转JavaScript三十年,怒写Java五千行,那我想这篇文章不太适合你。
继续阅读 »
zTree -- jQuery 树插件
zTree 简介
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。
zTree的简单使用过程
1、首先是导入 zTree的相关js库和css
继续阅读 »
第一次写一年的总结,第一个感觉就是,时间过得真的很快,不知不觉已经到了大三上学期的结束,下学期就要开始找实习了,马上是要出来工作的人了,可我还总像是长不大。
Little 2014 Background
2014 年 6,7 月份进入 TopView 工作室,开始了前端的学习。我很幸运我找不到我喜欢的东西,我喜欢的东西却找到了我。2014 年的暑假师兄师姐叫我自己做一些 “项目” 来把自己学习的东西用起来,我就和同届的后台章杰同学一起做了一个仿照微博的页面,学会了简单地运用 HTML, CSS 和 jQuery,还有前后台交接的问题
继续阅读 »