博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
2. web前端开发分享-css,js进阶篇
阅读量:5773 次
发布时间:2019-06-18

本文共 2243 字,大约阅读时间需要 7 分钟。

一,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,禁止闲聊,非喜勿进~!

 
你可能感兴趣的文章
延伸产业链 中国产粮大省向“精深”问发展
查看>>
消费贷用户70%月收入低于5000元 80、90后是主要人群
查看>>
2018年内蒙古外贸首次突破1000亿元
查看>>
CTOR有助于BCH石墨烯技术更上一层楼
查看>>
被遗忘的CSS
查看>>
Webpack中的sourcemap以及如何在生产和开发环境中合理的设置sourcemap的类型
查看>>
做完小程序项目、老板给我加了6k薪资~
查看>>
java工程师linux命令,这篇文章就够了
查看>>
关于React生命周期的学习
查看>>
webpack雪碧图生成
查看>>
搭建智能合约开发环境Remix IDE及使用
查看>>
Spring Cloud构建微服务架构—服务消费基础
查看>>
RAC实践采坑指北
查看>>
runtime运行时 isa指针 SEL方法选择器 IMP函数指针 Method方法 runtime消息机制 runtime的使用...
查看>>
LeetCode36.有效的数独 JavaScript
查看>>
Scrapy基本用法
查看>>
PAT A1030 动态规划
查看>>
自制一个 elasticsearch-spring-boot-starter
查看>>
软件开发学习的5大技巧,你知道吗?
查看>>
java入门第二季--封装--什么是java中的封装
查看>>