龙空技术网

web前端开发分享-css,js进阶篇

阿雨不吃鱼儿 130

前言:

此刻看官们对“ps切片保存html”大概比较看重,大家都想要分析一些“ps切片保存html”的相关知识。那么小编在网络上网罗了一些有关“ps切片保存html””的相关内容,希望兄弟们能喜欢,兄弟们快快来学习一下吧!

一,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分页

标签: #ps切片保存html