A-A+

目标榜样及资料搜集

2015年07月16日 日志 暂无评论 阅读 348 次

大公司fe

前端性能监控

浏览器从输入网址发生的事(前端优化)

前端性能监控:window.performance

思维逻辑图:

draw.io

优秀的博客:

http://bubkoo.com/2017/01/18/debouncing-throttling-explained-examples/
tom大叔

很棒的前端群:http://www.kancloud.cn/jikeytang/qq/87646

网易微课堂

学习笔记

https://li-xinyang.gitbooks.io/frontend-notebook/content/chapter1/01_05_image_optimisation.html

https://li-xinyang.gitbooks.io/frontend-notebook/

 

bootstrap

http://bootstrap.kinghack.com/components.html#typography

http://bootstrap.evget.com/components.html#navbar

http://www.bootcss.com/p/layoutit/  可视化编辑

响应式相关

http://www.520ued.com/article/53e98eafbb16a74c41b5de77

http://www.cnblogs.com/leejersey/p/3662612.html

http://pxtoem.com/

--http://www.jiawin.com/response-type-layout-design

 

行业前端

http://www.cnblogs.com/cate/web/

在线测试

--http://codepen.io/ziolau/pen/BNPGoP

 

前端优秀博客

http://www.zhangxinxu.com/

http://caibaojian.com/

http://devework.com/

大漠:http://www.w3cplus.com/

阮一峰 http://www.ruanyifeng.com/home.html

JavaScript参考教程   http://javascript.ruanyifeng.com/#toc5

Laruencehttp://www.laruence.com/2009/05/28/863.html

JS高级前端开发群加群说明http://www.cnblogs.com/jikey/p/4426105.html

前端攻略系列(三) - javascript 设计模式(文章很长,请自备瓜子,水果和眼药水)

http://www.cnblogs.com/Darren_code/archive/2011/08/31/JavascripDesignPatterns.html

http://www.iwan0.com/#column6 前端导航

 

榜样目标

http://www.cnblogs.com/TomXu/tag/JavaScript/default.html?page=2 深入理解JavaScript

http://exam.webfuture.cn/index.html

http://webfuture.cn/  学习目标

https://fellowplus.com/

特效合集:http://www.fgm.cc/learn/

个人博客:http://www.haosblog.com/

现在手机分辨率这么大,如何写响应式布局http://www.zhihu.com/question/35221839/answer/63042126

上位者的怜悯 http://www.cnblogs.com/lianmin/

同行(待研究)

http://www.onlyou.com/index.htm

http://m.tvhome.com/   手机站

http://wow.techbrood.com/fiddle/15442  css特效

http://agent.quygt.com/account/register

http://3861.sudachina.com.cn/webapp/page/monkeyear.html

http://xinyong.bjhd.gov.cn/thea/index.action

http://hkk.weixinhe.com/2005.php

http://3861.sudachina.com.cn/webapp/page/bearkid.html

http://c45_zyj.houdunphp.com/#xin  (可以参考的个人案例博客)

http://zhangwenli.com/cv/cn.html (可以参考的个人案例博客)

 

特效欣赏

http://uehtml.uemo.net/#!/intro

http://lancer07.github.io/css3_Chi-biMaruko/  div+css3实现的小丸子和爷爷(没用图片)

 http://sandbox.runjs.cn/show/9bhcq8bw 99乘法表

http://www.hugoware.net/404   404页面

 

资源搜集

网易代码库:http://nec.netease.com/ (很好)

http://ouvens.github.io/frontend-resource/2016/01/26/front-end-learning-list.html(2015-2016知识体系)

http://codepen.io/kriswilliams/pen/KVRoRP (特效网站)

网站图片素材

http://588ku.com/?m=back&desc=dnum&page=7

http://www.58pic.com/tupian/renwutubiao.html

http://www.iconfont.cn/  阿里图片库   (很好!)

http://www.iconfont.cn/search?q=%E5%BE%AE%E4%BF%A1%E5%88%86%E4%BA%AB%E5%9B%BE%E6%A0%87     (微信图标搜索)

http://huaban.com/boards/28065755/?qq-pf-to=pcqq.group  花瓣好图

前端资源库

http://www.awesomes.cn/

电子书手机

http://bestcbooks.com/

http://it-ebooks.flygon.net/

html5微粒

html5.html

http://www.ke01.com/ h5建站资源

 

 

培训网站

http://www.ycku.com/course/ 李炎恢的瓢城Web俱乐部,提供丰富的IT培训课堂!

http://zh.learnlayout.com/toc.html  布局学习

移动端

 

滚动条插件

醉萝卜

JRoll [ jrɔ: ],一款能滚起上万条数据,具有滑动加速、回弹、缩放、滚动条、滑动事件等功能,兼容CommonJS/AMD/CMD模块规范,开源,免费,兼有与IScroll几乎一致用法的超轻量级html5滚动插件。国产原装正品,所以必须有个中文名——醉萝卜,本屌想了三天三夜才想出这个名字的!

动画特效

http://semantic-ui.com/modules/transition.html

游戏

http://sandbox.runjs.cn/show/95ihghde

http://www.siyuweb.com/demo/jsdemo/tanshishe.html

http://www.jsbycl.cn/

http://www.jsbycl.cn/

html5

http://www.yyyweb.com/demo/webgl-clouds/

http://www.yyyweb.com/demo/webgl-clouds/

模板

http://www.yunguanwang.cn/moban.html

 

jquery插件

弹窗插件

layer mobile是为移动设备(手机、平板等webkit内核浏览器/webview)量身定做的弹层支撑,采用Native JavaScript编写,完全独立于PC版的layer,您需要按照场景选择使用。

http://layer.layui.com/mobile/

layer是一款近年来口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。

http://layer.layui.com/

 

工具类:

获取 手机 ua

http://tool.lu/software/

极验后台 http://segmentfault.com/

手机端测试 http://www.responsinator.com/

图片优化 : http://optimizilla.com/zh/

https://tinypng.com/

各种软件工具(系统):http://www.itellyou.cn/

animate.css  http://www.dowebok.com/demo/2014/98/

工具必备:

Axure RP Pro 7.0  草图工具

Mark Man            尺寸标记工具

cutterman          ps图层直接保存为png

谷歌开发者工具 中文指南

http://wiki.jikexueyuan.com/project/chrome-devtools/development-workflow.html

新技术

http://www.feweekly.com/

http://weekly.manong.io/issues/

http://fex.baidu.com/articles/?qq-pf-to=pcqq.group

兼容性测试

caniuse.com

 

 

 

标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利.   Theme  Ality

用户登录