一,css进阶篇:
等css哪些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践经验,
简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无从下手的地方可以用firebug, chrome调试工具分析网站结构样式。如果技术熟练自信可以自己先写,写完之后在对比,以其来找寻自己的差距。结构是网站的骨架,如果写的不合理,将是bug产生的重要根源,所以学习分析大型网站的布局样式对初学者来说帮助是很大的。大多数初学者由于对技术的不自信,html结构往往写的很少,而且期望在少的结构上尽可能多的实现页面效果,这样无非加大了html结构所承载的样式属性,众多属性交织在一起就会容易产生bug。qq,sina,163三大官网撸一遍,基本是熟练了。
这里分享一个css哪些事儿的作者林小志运营的一个小站: 里边有一些新的特性的演示。
二,js进阶篇:
js进阶,等妙味看的差不多,心里难免痒痒,看老师用尽可能少的代码来实现了众多以前没法实现的动态效果。然后自己想写,但不知道写啥东西,下面就这个问题做以建议,写这些东西的目的有这么几个,一个是更加巩固自己的知识,另外一个是积累面试的作品以及以后工作中的可复用的代码片段:
1. 弹出层,
参照:
2. 日历
参照: mydate97
淘宝双日历
原生js日历
3. 图片轮换
SuperSlide2.1所有案例+TouchSlide1.0触屏滑动特效插件
轮换
fgmcc经典作品
4. 模拟滚动条
参照:
5. 模拟select,联动
参照:
强大的selector
糖饼 select
模拟下拉框
6. js分页
另外建议可以适当的看一些源码,看的目的无非是揭开神秘框架背后的代码实现,另外一个是开阔自己的视野,看了源码之后,不仅感叹到:原来js还可以这么玩,而且还玩的这么炫。当然有些源码并不时依目前的积累能看懂的,比如jQuery,是非常晦涩难懂,但为了方便分享,就全部罗列出来:
1. ext
ext 2.2 经典50篇 -- 阅读ext源码
blog 资源汇总
透析Extjs的Ext.js源码(五)分析继承的实现
Ext源代码阅读-001
源码解读系列文章(一直在看)
snandy ext系列文件(准备要看的)
ext源码系列(准备要看的)
ext源码分析(准备要看的)
ext源码分析( 比较零散,必看部分 )
extasp.net框架结构
1111
ext继承 iteye
何玉的iteyey
js 继承
ext高手blog
js继承
js高程继承
ext其它扩展
ext 2.3源码分析,bbs格式(其中有event对象的整理)
ext源码分析
ext基础教程
ext4的改变
ext4开始
ext在线api
ext体系结构
ext文件结构
extjs apply,applyif,override,extend 的区别
ext源码
ext4.0基础概念与总结
2. prototype
prototype源码阅读
prototype 源码解读
prototype-1.4.0(转载)
3. qwarp
api
4. mootools
mootools 源码分析之 Core.js
Mootools源码分析
MooTools 1.4 源码分析 - Class 修正版
5. jquery
jquery源码查询
这些年、我收集的JQuery代码
jquery1.6中的.prop()和.attr()异同
jquery选择器
临摹jquery
jquery原型关系图
jquery选择器
jquery 1.8.2 源码分析
jquery 1.6源码分析
jquery事件分析
jQuery工作原理解析以及源代码示例
jquery easyui 作者
jquery源码阅读
jquery源码阅读英文资料
jquery源码阅读,这位作者出了一本书叫jquery技术内幕
jq源代码阅读
jquery源码分析
jquery框架分析
jquery源码 元素位置
10个jquery插件,里边有个jquery滚动条写的不错。
[知识点类] 妙味课堂:一起学习jQuery源码【逐行分析jQuery源码的奥秘】
jquery 2.0.3源码分析
jquery 2.0.3源码分析 分析Sizzle引擎 - 编译函数(大篇幅)
jquery 压缩版
jQuery 2.0.3 源码分析 回调对象 - Callbacks
jquery源码解读-妙味
jQuery 源码阅读
浅析jQuery基础框架
sizzle源码
浅谈jQuery事件源码定位
jquery 1.11源码分析
jQuery1.0源代码分析之domManip方法(七)
jquery2.0.4源码分析
jQuery源码分析系列
通过jQuery源码学习javascript(一)
学习jQuery源码
jQuery资料知乎
李松峰的解构
jquery1.43源码分析之动画部分
jquery 队列函数
jquery 源码分析-思思博士
6. Backbone
Backbone源码阅读手记
7. seajs
seajs
seajs源码分析
seajs研究一二三
seajs实战参考 Supporting tagline
SeaJS 组件库
seajs issues
前端开发qq群:492107297,禁止闲聊,非喜勿进~!