为什么summernote不能用ng-ng repeat 用法
点击联系发帖人
时间：2016-12-15 12:17
nagular1的summernote的使用总结
1.模型引入
&div class="form-group"&
&label class="col-sm-2 control-label"&文章内容：&/label&
&div class="col-sm-8"&
&div summernote
ng-model="editItem.content" config="editorConfig" on-image-upload="uploadEditorImg(files)" editable="editable" editor="editor" on-media-delete="mediaDelete(target)"&
angular1内置的summernote指令，只需要在标签上加summernote即可显示编辑页面
2.初始化富文本编辑器
$scope.editorConfig = {
height: 500,
dialogsInBody: true,
lang: lans.length == 2 ? lans[0] + '-' + lans[1] : lans[0],
['style',['bold','italic','underline','clear' ]],
['fontsize',['fontsize']],
['para',['ul','ol','paragraph']],
['color',['color']],
['remove', ['removeMedia']],
['insert', ['link', 'picture']],
编辑器内容以标签的字符串形式放在 ng-model=”editItem.content” 中，那么文章详情是如何展示的呢？
3.内容展示
编辑内容：
模板html占位
&script type="text/ng-template" id="articleDetail"&
&div style="margin: 15px 20px 30px 20text-indent: 2min-height: 300" ng-bind-html="trustArticleContent" class="clearfix"&&/div&
js进行内容渲染
1.引入$sce服务
2.使用 $sce.trustAsHtml（）进行内容授信
$scope.preview = function (editItem) {
ngDialog.open({
width: 1000,
template: 'articleDetail',
className: 'ngdialog-theme-default',
scope: $scope,
controller:['$scope','$sce', function ($dlgScope,$sce) {
$dlgScope.previewItem = editI
$scope.trustArticleContent = $sce.trustAsHtml(editItem.content);
4.图片上传
on-image-upload=”uploadEditorImg(files)”，选中文件后这个文件对象会进入参数中。
直接拿到改文件进行上传任务
$scope.uploadEditorImg = function (files) {
var postData = {files:files};
httpService.formDataPost('file/uploadEditorFile', postData).success(function(data) {
for (var i = 0; i & data.datas. i++){
console.log(data.datas[i]);
$scope.editor.summernote('insertImage',data.datas[i]);
}).error(function() {
messageAlert.info("上传错误");
这里使用springmvc的web层进行文件上传，相关java代码如下：
* 编辑器批量上传图片文件
* List&String& urls
* IOException
@PostMapping(value="/uploadEditorFile")
@ResponseBody
public List&String& uploadEditorFile(MultipartFile[] files) throws IOException {
List&MultipartFile& multipartFiles = Arrays.asList(files);
List&PhysicalFile& userFiles = PhysicalFiles.fromMultipartFiles(multipartFiles, ParentFolder.EDITOR_IMAGE);
List&PhysicalFile& physicalFiles = physicalFileService.addFileBatch(userFiles);
StringBuilder sb = new StringBuilder();
List&String& urls = new ArrayList&&();
physicalFiles.forEach(userFile -& {
sb.append("/editor_image/")
.append(userFile.getYearFolder())
.append("/")
.append(userFile.getMonthFolder())
.append("/")
.append(userFile.getId()).append(".")
.append(userFile.getExtension());
urls.add(sb.toString());
sb.setLength(0);
如上可见，返回一个图片地址的集合
将图片带有图片地址的图片标签插入编辑器中，使用 $scope.editor.summernote('insertImage',data.datas[i]);
insertImage 是 summernote 的插入指令，此处的 data.datas[i] 是后台传来的url，这句代码执行后直接生成一个 &img src='url'&&/img& 标签插入到编辑器中。
5.图片删除
图片只要回显，那么说明它已经存在数据库中， 我们在图片上传之后将图片删除，那么一般情况下要同时将数据库中的数据也删除掉。则它的触发函数是 on-media-delete="mediaDelete(target)"
$scope.mediaDelete = function (target){
var src = target.attrs.
httpService.formPost("file/deleteEditorImageBySRC",{src:src})
.success(function(data){
此处的target就是选中的图片，summernote会自动将该对象添加到参数中。
没有更多推荐了，
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！【angular2】（3）ng build部署后base文件路径问题
问题：使用angular-cli搭建的项目，执行ng build后，浏览器打开空白，发现文件的路径不对
解决方案：
在package.json文件的scripts中添加命令：
"build":"ng build --base-href ./"
–base-href后面替换成打包后的base路径
npm run build
没有更多推荐了，
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！从数据库中取值给复选框赋值的问题
[问题点数：40分，结帖人photojjc]
本版专家分：110
结帖率 98.11%
CSDN今日推荐
本版专家分：43681
本版专家分：43681
本版专家分：110
结帖率 98.11%
本版专家分：110
结帖率 98.11%
本版专家分：10
本版专家分：6138
匿名用户不能发表回复！|
CSDN今日推荐color admin_color admin 下载_color admin 文档_color admin bootstrap 4_coloradmin | Language Bar & Icon
UI Language Bar & Icon
Language Icon List
Color Theme
Header Styling
Sidebar Styling
Sidebar Gradient推荐几个个人必看的：&br&&br&1. &a href=&//link.zhihu.com/?target=http%3A//perfectionkills.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&perfectionkills.com/&/span&&span class=&invisible&&&/span&&/a&&br&2. &a href=&//link.zhihu.com/?target=http%3A//davidwalsh.name/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&davidwalsh.name/&/span&&span class=&invisible&&&/span&&/a&&br&3. &a href=&//link.zhihu.com/?target=http%3A//ejohn.org/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ejohn.org/&/span&&span class=&invisible&&&/span&&/a&&br&4. &a href=&//link.zhihu.com/?target=http%3A//www.nczonline.net/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&nczonline.net/&/span&&span class=&invisible&&&/span&&/a&&br&&br&他们分别是 prototype, mootools, jquery, yui 的团队核心成员，文章质量都很高，并且比较活跃。
推荐几个个人必看的： 1.
他们分别是 prototype, mootools, jquery, yui 的团队核心成员，文章质量都很高，并且比较活跃。
&p&&b&阅读前的说明：&/b&&/p&&ol&&li&虽然问题是“一年内如何全职学习”，实际如果时间安排合理，六个月左右就足够了，有些基础好自学能力强的朋友（例如科班或其他相关专业、职业转过来的），甚至在四个月左右就开始找工作了。&/li&&li&本文不吹不黑纯干货，尽管答于多年前，但一直断断续续在更新，所以并不过时&/li&&li&本文长期遭受各种水军攻击，实在懒得理会，我就一句话，觉得有帮助你就拿去参考，没帮助就再探索其他路线吧，别拿来主义还抨击别人&/li&&li&某些行内 &资深& 人士可能觉得我这个回答都是&如何成为码农&的路线，是不是蹭我的热度我不在意，我关心的是：如何先让非科班新手入行，而不是高谈阔论那些让新手望而生畏的计算机专业课（例如数据结构与算法等等），你们没有站在非科班新手的角度考虑问题，是无法体会那种难度的，人总要先解决眼前的问题，再去补充自己所欠缺的。&/li&&/ol&&p&&b&下面展开全文：&/b&&/p&&p&和楼主有些相似，大三的时候，我萌生了放弃本专业的念头，断断续续学 Java Web 累计一年半左右，总算是学完了，找工作对你来说或许还有些距离，而我已经有了自己喜欢的工作，从一个自学达人的角度，以下是我认为比较实际且行之有效的建议：&/p&&ul&&li&如果你打算入门 .Net， 建议转学 JavaWeb 或 Android， 我对学习何种平台并无偏见，而是自学需要大量的参考资料， Java 的学习资料，无论是视频还是电子书都要远多于 .Net，这是个很实际的问题，你可以去 百度/Google 一下（当年电驴活着的时候，获取学习资料很容易，现在只能怀念一下了），对比便见分晓。&/li&&li&当年下载视频教程只能忍受10KB 的龟速，现在多幸福，国内 Java 培训机构越来越多，官网也都放出了各种公开课（&b&虽然公开课也是广告的一种形式，但能让你拿来自学就要心存感激，别指望公开课能提供最值钱的项目实战教程，利益相关，放出的也未必是完整的&/b&），提供的都是百度网盘，下载不再是问题了，希望看到这个帖子的朋友都知道该去哪里找教程，别去电驴那种 ed2k 网站了，电驴已成往事，资料参差不齐，不完整。&/li&&li&自学所需的视频教程一定要成体系，而且每部分必须完整，否则，你可能学到某个阶段发现剩下的视频还没有发布（培训机构都爱这么玩儿），也可能某个阶段只学了一半发现没有后续视频了，在选择视频教程前，你需要 .Net 或 JavaWeb 完整的学习流程图&b&（培训机构官网都会提供学习路线图，大同小异）&/b&，根据每阶段寻找对应的视频教程就可以了。&/li&&li&如果你的英文足够好，在看视频教程的时候一定要搭配英文电子书（文字版的，方便搜索），为什么这么做？ 在我看过的多达 50G
的视频教程里，讲课的老师就算技术再好，也有讲的模糊的地方，甚至讲错的地方，甚至是忽悠你的地方！&b&（讲课时间所限，这些老师也迫不得已）&/b&这时候，你需要的可能不只是 Google 和 StackOverflow， 你需要与此配套的英文电子书， 首推 Manning 和 O'Reilly 出版的书。&/li&&/ul&&p&&b&要不要选择培训班？&/b&&/p&&ul&&li&培训班基本上四个月速成，省心，不用操心软件、文档、路线、课程等等&/li&&li&有老师带着做项目，最后还能推荐工作（培训班卖点，实际都有水分的）&/li&&/ul&&p&&b&非科班是不是只能选择培训班了？&/b&&/p&&ul&&li&当然不是，实际工作中，据我观察，有很多通过自学找到工作的&/li&&li&培训班的卖点对你未必是个好事&/li&&ul&&li&你可能会很依赖老师，无法形成行业所看重的独立解决问题的能力，我就见过很多培训班学生连 eclipse 去哪里下载都不知道的，太依赖老师了&/li&&li&你可能很在意培训班推荐的工作，可是如果推荐的工作薪资很低你去不去？&/li&&/ul&&/ul&&p&&b&补充：JavaWeb 学习路线&/b&&/p&&p&很多人私信我要学习路线，我贴个 Java Web 学习路线，仅供参考，但绝对够找工作的了, 如下，都是可以&b&免费&/b&找到的教程（请一定验证是否完整），&b&拼凑&/b&起来差不多刚够学习 Java Web 了，只是衔接起来会有些不连贯，毕竟不是一个机构讲的，不过问题不大&/p&&p&1. Java SE - 语言基础&/p&&ul&&li&参考视频：传智毕向东、尚学堂马士兵、圣思园张龙的 JavaSE 视频教程&/li&&li&参考书籍：&/li&&ul&&li&《Thinking in Java》 ，&b&只适合参考&/b&，但不适合做入门书，作者在官网提供了免费电子版，链接我就不放了，自己找&/li&&li&《Head First Java》，&b&生动有趣&/b&，入门阶段时间充足的话，建议翻翻&/li&&li&《Java All-In-One for Dummies》，见名知意，就是给新手看的书，自然特别啰嗦特别厚，建议用作参考，很详细&/li&&/ul&&/ul&&figure&&img src=&https://pic2.zhimg.com/50/5a458c7ea2c6d0e385a3c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1534& data-rawheight=&607& class=&origin_image zh-lightbox-thumb& width=&1534& data-original=&https://pic2.zhimg.com/50/5a458c7ea2c6d0e385a3c_r.jpg&&&/figure&&p&&br&&/p&&p&2. database - 数据库&/p&&ul&&li&参考视频：&/li&&ul&&li&传智刘道成的 MySQL 视频教程&/li&&li&传智韩忠康的 MySQL 视频教程&/li&&li&以上两个课程的讲师都是讲 PHP 的，所以视频教程中会提到一些 PHP 内容，忽略就是了&/li&&/ul&&li&参考书籍：&/li&&ul&&li&《MySQL Cookbook》，仅适合做参考&/li&&li&《SQL All-In-One for Dummies》，延续了 Dummies 系列一贯的风格，冗余而详尽，适合查阅&/li&&/ul&&/ul&&figure&&img src=&https://pic1.zhimg.com/50/05eef40e2a3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&788& data-rawheight=&533& class=&origin_image zh-lightbox-thumb& width=&788& data-original=&https://pic1.zhimg.com/50/05eef40e2a3_r.jpg&&&/figure&&p&&br&&/p&&ul&&li&建议：&/li&&ul&&li&先学 MySQL，然后对比学习 SQL Server 和 Oracle&/li&&li&毕竟主流数据库都实现了 SQL 标准，区别只体现在各自提供的功能上&/li&&/ul&&/ul&&p&2.1 JDBC&/p&&ul&&li&参考视频：&/li&&ul&&li&传智李勇的（其他老师的忽略）JDBC 视频教程, 这部分讲的很全，基本不用看书&/li&&/ul&&li&参考书籍：&/li&&ul&&li&《Core Java》 的 JDBC 章节还不错&/li&&/ul&&/ul&&p&3. HTML、CSS、JS
- 前端基础（没错， JavaWeb 通常做后台，但是前端基础也得有）&/p&&ul&&li&参考视频：&/li&&ul&&li&传智韩顺平的《轻松搞定网页设计(html+css+js)》，讲的一般，做入门凑合&/li&&li&妙味课堂的 HTML + CSS + JS，国内算讲的不错的，当然内容有点多，需要花更多时间&/li&&/ul&&li&参考书籍：&/li&&ul&&li&DOM 部分可以参考《DOM 编程艺术》&/li&&li&深入
JS 建议参考《Javascript 权威指南》，原版更好，即：《Javascript: The Definitive Guide》，经典的犀牛书：&/li&&/ul&&/ul&&figure&&img src=&https://pic1.zhimg.com/50/9a637615faeac1c47c5fc6b723c1d841_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&656& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic1.zhimg.com/50/9a637615faeac1c47c5fc6b723c1d841_r.jpg&&&/figure&&p&&br&&/p&&p&3.1
JQuery - 必备的前端类库&/p&&ul&&li&参考视频&/li&&ul&&li&北风网李炎恢讲的不错，通俗易懂，贴近实战&/li&&li&圣思园张龙讲的也不错，更多原理，例如：JS 的继承和作用域链等等，很少有培训班能讲到&/li&&/ul&&li&参考书籍&/li&&ul&&li&JQuery 多参考官方 API，google 关键词 &jquery documentation& 即可&/li&&li&JQuery 的作者 John Resig 写过一本 javascript 书，质量很好，有兴趣的可以参考下：&/li&&/ul&&/ul&&figure&&img src=&https://pic1.zhimg.com/50/5d858e66a9ffa0faedec_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&878& data-rawheight=&364& class=&origin_image zh-lightbox-thumb& width=&878& data-original=&https://pic1.zhimg.com/50/5d858e66a9ffa0faedec_r.jpg&&&/figure&&p&&br&&/p&&p&3.2 EasyUI - UI 框架，因为简单易用基于 jquery 而在国内大行其道&/p&&ul&&li&这部分可以先不看，javascript 和 jquery 学的好，学这个没难度，一天的事儿&/li&&li&EasyUI 国内使用特别广泛，但国外似乎没见过用这个的，可能是因为 UI 比较丑而且趋于收费了（商用收费）&/li&&li&EasyUI 官方文档和 Demo 基本足够（官网经常被墙，请自备梯子）&/li&&/ul&&p&3.3 ExtJS&/p&&ul&&li&对 javascript 的基础要求比较高，我不建议初学就接触，可以在深入 JS 的机制后再学习&/li&&li&参考书籍：《ExtJS in Action》 &br&&/li&&/ul&&p&3.4 Ajax&/p&&ul&&li&参考视频：传智王兴魁老师的视频教程&/li&&li&之前提到的 javascript 和 jquery 课程里，也都提到了 ajax 的内容&/li&&li&必要的话，请自行搜索 JQuery 对 Ajax 的支持&br&&/li&&/ul&&p&3.5 AngularJS + Boostrap&/p&&ul&&li&AngularJS 是 Google 出品的， Bootstrap 是 Twitter 出品的&/li&&li&虽然在国外很流行，AngularJS 在国内用来做产品的不多，Bootstrap 作为组件式样式库，是提升开发效率的必备工具&/li&&li&参考视频&/li&&ul&&li&Youtube 上 &a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/user/TechGuyWeb& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Traversy Media&/a& （自备梯子）发布的
Bootstrap Beginner Crash Course 建议看看，&b&快速入门&/b&，然后参考 Bootstrap 官方文档按需应用即可 &/li&&li&Youtube 上 &a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/user/johnlindquist& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&john lindquist 发布的 AngularJS 入门课程&/a& 一定要看（自备梯子），没错就是这个鹅卵头：&/li&&/ul&&/ul&&figure&&img src=&https://pic3.zhimg.com/50/v2-ac85da4a0a61c7809cd1_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&392& data-rawheight=&108& class=&content_image& width=&392&&&/figure&&ul&&li&参考书籍&/li&&ul&&li&O'Reilly 出版的《AngularJS Up and Running》 适合&b&搭配入门视频看&/b&&/li&&/ul&&/ul&&figure&&img src=&https://pic1.zhimg.com/50/v2-b5d4a3d4a9ebf5600da0fa_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&456& data-rawheight=&597& class=&origin_image zh-lightbox-thumb& width=&456& data-original=&https://pic1.zhimg.com/50/v2-b5d4a3d4a9ebf5600da0fa_r.jpg&&&/figure&&ul&&ul&&li&Tero Parviainen 独立编写的 《Build Your Own AngularJS (2015)》&b&非常推荐&/b&，正如书名所说，看完你就明白 AngularJS 的里里外外了，模仿个自己的 AngularJS 都没问题&/li&&li&Bootstrap 个人认为没必要看书，搭配之前提到的入门视频，参考官方文档，弄明白 contextual classes、responsive grid layout 等核心概念就可以了&/li&&/ul&&li&额外拓展&/li&&ul&&li&如果还有精力，建议看下基于 angularjs 的 &a href=&//link.zhihu.com/?target=https%3A//material.io/guidelines/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&material design&/a&，google 官方有参考实现叫做 &&a href=&//link.zhihu.com/?target=https%3A//material.angularjs.org& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&angular material&/a&&&/li&&li&如果以后打算做 mobile UI，可以探索下大行其道的 Ionic （基于 angularjs）&/li&&/ul&&/ul&&p&4. Java Web - 没错，学完上述内容，才能步入 Java 的 Web 阶段&/p&&ul&&li&参考视频：传智播客方立勋的 JavaWeb 视频教程&/li&&li&参考书籍：《Head First: Servlet and JSP》&/li&&ul&&li&很形象的一本书，图示很多，理解起来很舒服&/li&&li&虽然 08 年出版的，但并不过时，可以帮你理清很多国内视频所讲不清楚的地方&/li&&/ul&&/ul&&figure&&img src=&https://pic2.zhimg.com/50/2ab5c322e6ff_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&386& data-rawheight=&447& class=&content_image& width=&386&&&/figure&&p&&br&&/p&&p&5. SSH - 轻量级企业开发框架&/p&&ul&&li&Struts2 - MVC 框架&/li&&ul&&li&参考视频：传智黎活明、尚学堂马士兵、圣思园张龙的 Struts2 视频教程&/li&&li&参考书籍：&/li&&ul&&li&《Struts in Action》&/li&&li&《Apache Struts 2 Web Application Development - Dave Newton》 质量略低，做参考挺不错的，按照知识点划分的，查阅起来也很方便&/li&&li&中文版好像有《Struts 权威指南》之类的书，不是很推荐，不过英文不好的话没得选&/li&&/ul&&li&个人认为现在 Struts2 已经可以不学了，学习 SpringMVC 即可，当然如果遇上前些年的项目，可能仍然需要学习 Struts2&/li&&li&Struts2 也许已经 feature complate 了，官方社区修复 bug 的速度慢不说，也没有什么大家期望的 feature&/li&&/ul&&li&Spring - IoC 容器&/li&&ul&&li&参考视频：动力节点王勇、传智黎活明的 Spring 视频教程&/li&&li&培训班讲的都是 Spring 基础，更多内容需要参照 Spring 官方的 reference，写的比书还好&/li&&li&参考书籍：《Spring in Practice》&br&&/li&&/ul&&li&Hibernate - 持久层框架&/li&&ul&&li&参考视频：传智汤阳光（&b&推荐&/b&）、尚学堂马士兵（经典但太老）的 Hibernate 视频教程&/li&&li&参考书籍：&/li&&ul&&li&《Hibernate in action》 &/li&&li&《Java Persistence with Hibernate 1st Edition 2006》，Hibernate 作者主编，虽然是 2006 年出版的，但核心内容讲的很全面，非常值得参考&/li&&li&《Java Persistence with Hibernate 2nd Edition 2015.10》，最近到 Manning 官网发现第二版已发布，粗略看了下，全书以 JPA 为主线，Hibernate 特色做补充，随书案例也是很不错的，可能是为 hibernate 5 做的更新，毕竟是个大版本，挺多变化的&/li&&/ul&&/ul&&/ul&&figure&&img src=&https://pic3.zhimg.com/50/f8b4f1bf7b925822eeeab9b5b97b018c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1148& data-rawheight=&409& class=&origin_image zh-lightbox-thumb& width=&1148& data-original=&https://pic3.zhimg.com/50/f8b4f1bf7b925822eeeab9b5b97b018c_r.jpg&&&/figure&&p&&br&&/p&&p&&b&此时，基本企业开发技术都学过了，可以试着找工作，实习没问题的，缺点项目经验罢了。&/b&&/p&&p&&br&&/p&&p&6. 工作中的加分项（急着找工作的话，可以先找工作，然后工作中补补） &/p&&ul&&li&WebService，两种规范：JAX-WS 和 JAX-RS&/li&&ul&&li&建议先学规范的标准实现，再反向了解规范含义&/li&&li&JAX-WS，俗称 WebService&/li&&ul&&li&参考书籍：《Java Web Services: Up and Running》了解 WebService 的历史、体系及各种实现的大概介绍，对应中文版本是《Java Web 服务 -构建与运行》&/li&&li&参考视频：尚硅谷张晓飞、传智赵庆轩的 webservice 视频教程&/li&&li&学习使用 CXF（推荐） 或 Axis2 ，参考《Apache CXF Web Service Development》&br&&/li&&li&Apache CXF 的文档有点乱，所以学习起来可能会困难些，没办法，Apache 的文档总是看着很难受，费点儿劲还是能学到不少东西的&br&&/li&&/ul&&li&JAX-RS，俗称 Restul WebService，时间多的话，建议把两种主流的框架都熟悉下：&/li&&ul&&li&Jersey，SUN 对 JAX-RS 的官方参考实现&/li&&li&参考书籍：《Developing RESTful Web Services with Jersey 2.0》&/li&&li&Restlet，早于 JAX-RS 规范出现，后来也提供了对 JAX-RS 的支持&/li&&li&参考书籍：《Restlet in Action》 &/li&&/ul&&li&WebService 的测试，一般使用 SoapUI（为主流 IDE 提供了插件）&/li&&ul&&li&参考书籍：《Web Services Testing with SoapUI》&/li&&/ul&&li&实际开发时，为了提高开发效率，可能需要使用 curl 这样的工具来快速访问服务，如果你安装了 Git, 那么 curl 已经自带了，打开 git bash 即可调用&/li&&/ul&&li&JPA，J2EE 中的一个持久化规范&/li&&ul&&li&标准实现有：Hibernate / OpenJPA / EclipseLink&/li&&li&之前提到的 hibernate 已经实现了 JPA，学过 hibernate 后，建议学习下 hibernate 和 JPA 注解的混搭使用，其他的 JPA 实现，了解即可&/li&&li&参考书籍：《Java Persistence with JPA - Daoqi Yang》，是位美籍华人写的英文书，简洁易懂，对照这本书里的案例，理解起来不是很难&/li&&/ul&&li&MyBatis，只是 JDBC 的简易封装&/li&&ul&&li&很简单，花三两天时间看看其官网文档就可以搞定&/li&&/ul&&/ul&&p&7. 自动构建，现在大多数项目都采用构建工具，但对应教程很稀少，能讲清楚的也不多&/p&&ul&&li&常见构建工具： Maven / Gradle / Ant + Ivy 等&/li&&li&Gradle 可以参考 《Gradle in Action - Benjamin Muschko 2014》&/li&&li&Maven 可以参考《Maven 实战》，没错，是为数不多写的也不错的国产书&/li&&li&Ant 常常和 Ivy 搭配使用，但现在一般使用 Maven 就足够了，所以可以不学习，想了解的可以参考官方文档&/li&&/ul&&p&8. 我的忠告：&/p&&ul&&li&在培训班讲课的老师们，当年也都是自学过来的（他们那个年代还没有软件培训班呢），从这个角度说，自学并非那么不现实，和人有关，和学习环境关系不大&/li&&li&如果你决心花一年时间学习，那就没必要报班了， 因为自学最大的挑战不是技术，而是解决问题过程中的烦躁、绝望和质疑&/li&&li&不要以为英文的书会浪费你的时间，事实上，当你习惯看英文资料后，你会节省很多时间，至少不会找乱七八糟的中文资料还搞不清楚怎么回事&/li&&li&工作中多参考官方文档，不要以为学过了就会用了，好多细节不是老师能够教给你的&/li&&ul&&li&例如 Spring Reference, 里面有很多原理性的东西，能让你使用起来更有自信&/li&&li&熟悉 Spring 的，可以参考我的另一回答：&a href=&http://www.zhihu.com/question/& class=&internal&&spring有什么缺点吗？&/a&&/li&&li&多熟悉 J2EE 的规范，如 CDI，适当了解规范的其他实现及其规范之外的特色&/li&&ul&&li&Spring&/li&&li&Guice&/li&&/ul&&/ul&&li&工作中不要什么都去自己从头做，有些功能完全可以使用第三方类库实现，例如&/li&&ul&&li&Guava ，支持泛型和函数式编程，源码也值得学习&/li&&li&Apache Commons，这个太常见了，有很多功能不同的组件&/li&&/ul&&li&对新技术要敏感一些，但不要一味追新，因为你永远追不上，语言层面的 New Feature 要多少会用，也能说得上来优劣， 此外，JVM 上还有 Scala 和 Groovy 之类的语言，可以适当了解下&/li&&li&重要的永远都是底层和基础，大牛永远都是这么说，虽然确实如此，工作之余，了解一下常用的算法和理论，你不能指望自己不懂 TCP、HTTP、Socket 就直接使用 Netty 那种高度抽象的框架来实现很好的并发。&/li&&/ul&&p&&b&顺带贴个某培训机构的学习路线图，侵删（请私信），非广告，喷子闭嘴。&/b&&/p&&figure&&img src=&https://pic1.zhimg.com/50/c9e3cc798cb9_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1343& data-rawheight=&604& class=&origin_image zh-lightbox-thumb& width=&1343& data-original=&https://pic1.zhimg.com/50/c9e3cc798cb9_r.jpg&&&/figure&&p&&b&补充-2：&/b&偶尔我会看到入门的人问如下几个问题，如果你问了，该好好反省。&br&&b&问题&/b&：谁有 CSDN 账号啊，帮忙下个资料？&br&&b&点评&/b&：CSDN 上能有什么好东西呢，竟然有人问我找 Spring 的帮助文档，说是只有 CSDN 上有中文版本，我都无语了，你既然选择了 Java 就不要逃避英文，任何时候都要首选英文文档，而且，CSDN 上的东西翻译质量乱七八糟，本来国外免费提供的东西它却要积分下载，不必理会，直接去官网即可。&/p&&p&&br&&b&问题&/b&：这个问题怎么回事啊，求大神帮助。。最好远程。。&br&&b&点评&/b&：大神没空搭理你，没人愿意免费为你解答一个连描述都让人看不懂的问题，甚至帮你远程，再有，大神这个词会让老手觉得很别扭，让人感觉你很怂，不适合做软件。&/p&&p&&br&&b&问题&/b&：百度找不到答案，谁能给个 Demo 啊&br&&b&点评&/b&：做技术用 Google, 不解释，另外，别以为有 Demo 你就能快速学会什么东西，那只能让你快速黏贴过来应付差事，留下的是乱七八糟的体系和原理不清楚，所以，请自己有个度。&/p&&p&&b&补充-3：关于笔记&/b&&/p&&p&写程序的如果不会记笔记，就真的效率很低了，别告诉我你是用 Word 记笔记的，现在一般都使用 Markdown 记笔记（Sublime + MarkdownExtended），不知道的自己去 Google, 具体效果如下图：&/p&&p&&b&这么写笔记&/b&：&/p&&figure&&img src=&https://pic3.zhimg.com/50/7da179ebfe8a81fb4049fe2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1242& data-rawheight=&560& class=&origin_image zh-lightbox-thumb& width=&1242& data-original=&https://pic3.zhimg.com/50/7da179ebfe8a81fb4049fe2_r.jpg&&&/figure&&p&预览如下：&/p&&figure&&img src=&https://pic1.zhimg.com/50/a73c1f7f58cbe2bd10ab3b21a79e91cd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&873& data-rawheight=&529& class=&origin_image zh-lightbox-thumb& width=&873& data-original=&https://pic1.zhimg.com/50/a73c1f7f58cbe2bd10ab3b21a79e91cd_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&p&&b&补充-4：自学 V.S 报班&/b&&/p&&ul&&li&自学者的疑虑：&/li&&ul&&li&如果是上班族一天三、四个小时的学习时间要多久才能达到可以就业的水平？&/li&&li&就你看来，自学和报班这两种方式的优势与劣势各是什么？&/li&&li&上班族自学时间必然很长，从时间、机会成本考虑，值不值？&/li&&/ul&&li&我的看法：&/li&&ul&&li&我当初自学，在学校和家里分别学了一段时间，如果连续起来的话，差不多六个月学完了，每天大概五小时左右敲码看视频。这期间，有一部分时间浪费在了寻找教程上，因为我学习那时，网上的教程没有能够连续看下来的，想买都没有，都需要自己一个一个找，每个阶段的老师也不一样，内容也杂，所以花的时间多了些。从我的体会来看，如果辞职在家学习，心里会觉得很漫长，我很推荐边工作边学习。至少你不用担心自己的生计，如果每天三个小时，大概得七个月。&br&&/li&&li&你得知道，培训班都是从早到晚给你灌输，抓紧在四个月内给你快速讲完让你走人，所以留给学生的时间不多，没有多少自己思考的时间，这恰巧是自学最大的优势，因为自己思考出来的和别人告诉你的绝对不一样，这也是日后区分你和培训班学生的一点。培训班的学生依赖性太强，掌握新事物的能力太差，速度也慢，就是因为在培训班里他们学不会自己找资料，自己找答案，自己摸索新技术的能力。自学的话， 现在和以前不一样了，你可以弄套视频教程连贯地看下来，跟下来，培训班里讲什么，你也学什么，他们不学的，你也有时间去学，他们没有时间琢磨的，你有时间，因为，自学的时间是你自己安排的。另外，自学最大的缺点不是技术的难度，而是你自己对自己的怀疑，因为有些问题时长要一两天才能想明白，那会动摇你的信心，这也是我为什么推荐边工作边学习的原因。至少你每天不只是敲代码，还有别的事情做。&br&&/li&&li&报培训班，要想学好，好的培训班，你得花费两万左右（食宿还不包括），而且你还得辞掉现有的工作，在异地也同样孤独，这半年你花的钱你确定你能再一年内挣得出来？我告诉你，除去自己的食宿，刚入行的，一年留不下什么钱，这样的话，自学为什么不是一种好的出路？就因为没人陪？就因为没人教？可是，现在不都有了吗，有教程，有学习群，有网络，有你的信心，还缺什么？&/li&&/ul&&/ul&&p&&b&补充-5&/b&：&/p&&p&&b&很多人私信我，希望得到帮助，我也从未想到自学 Java 的人这么多，因此提供帮助如下&/b&&/p&&ul&&li&如果你有自学的困惑，可以和我私聊交流（加Q或知乎私信），如果希望得到我的&b&收费&/b&指导，请先说明如下信息，否则一律拒绝。&/li&&ul&&li&学过什么技术，如 J2SE, MySQL...&/li&&li&学过什么专业课，如：操作系统、网络、数据结构...&/li&&li&学到什么程度了，如：未开始，刚入门，刚学完 JavaSE...&/li&&li&是否科班，在职还是在校，有无编程经历，有无培训经历&/li&&li&有无学习路线，有的话，是什么&/li&&li&有无就业方向，有的话，是什么&/li&&li&有无自学困惑，有的话，是什么&/li&&/ul&&li&如果你不想浪费时间搜集教程，或者不满足于&b&之前给出&/b&的免费教程列表，我可以为你提供全套教程（入门到就业全套，&b&非拼凑，中英文，不免费，价格上百&/b&），不喜勿喷，&b&文章开头已给出免费列表&/b&。&/li&&/ul&&p&&b&补充-6：联系方式&/b&&/p&&ul&&li&&b&我Q: &/b&&b&（非诚勿扰）&/b&&/li&&ul&&li&咨询问题请注明：咨询问题，来自知乎&/li&&li&购买教程请注明：购买教程，来自知乎&/li&&li&寻求指导请注明：购买指导，来自知乎&/li&&/ul&&li&&b&JAVA 交流群&/b&，群号：，二维码如下，&b&（非自学勿扰）&/b& &/li&&/ul&&p&&a href=&//link.zhihu.com/?target=http%3A//qm.qq.com/cgi-bin/qm/qr%3Fk%3DyeT8E1qUSbluN3rRtDfahPaue-38_MOB& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&qm.qq.com/cgi-bin/qm/qr?&/span&&span class=&invisible&&k=yeT8E1qUSbluN3rRtDfahPaue-38_MOB&/span&&span class=&ellipsis&&&/span&&/a& (二维码自动识别)&/p&&p&&b&关于群的说明：&/b& &/p&&ul&&li&长期以来，本群饱受各种&b&培训机构、群宣水军、拿来主义者&/b&侵扰，为保持本群的技术氛围，本群入群方式修改为&b&付费入群&/b& &/li&&li&已经在群内的各位成员，请珍惜这个平台，一旦违反群规总是讨论和 Java 无关话题的，将被清理出群，再次进群，你只能付费，不守规矩是有代价的&/li&&li&新入群的朋友，请先查阅群公告，了解下群规，入群后，欢迎有准备的提问，拒绝拿来主义&/li&&li&如果有朋友觉得&b&本群/本篇文章&/b&帮到了你，也可以联系我（Q或知乎私信）进行捐助&/li&&li&再次重申：培训机构、群宣水军、拿来主义者，请自觉远离&br&&/li&&/ul&&p&&b&简单展示一些我看过的英文教程（相对中文课程，质量更佳）：&/b&&/p&&ul&&li&&b&Lynda - Java 8 新特性&/b& &/li&&/ul&&figure&&img src=&https://pic3.zhimg.com/50/bb44ab05abddef1fc80c10714dfbd8d7_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1237& data-rawheight=&696& class=&origin_image zh-lightbox-thumb& width=&1237& data-original=&https://pic3.zhimg.com/50/bb44ab05abddef1fc80c10714dfbd8d7_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/49e504553dec1aca646e50_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1148& data-rawheight=&645& class=&origin_image zh-lightbox-thumb& width=&1148& data-original=&https://pic2.zhimg.com/50/49e504553dec1aca646e50_r.jpg&&&/figure&&ul&&li&&b&LiveLessons - 深入 Spring 框架&/b& (没错，图中是 Spring Boot 的作者之一 Josh Long)&/li&&/ul&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/50/9dfd2dfd1fa_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1155& data-rawheight=&654& class=&origin_image zh-lightbox-thumb& width=&1155& data-original=&https://pic2.zhimg.com/50/9dfd2dfd1fa_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&ul&&li&&b&InfiniteSkills - GIT 实战&/b& &/li&&/ul&&b&&figure&&img src=&https://pic2.zhimg.com/50/70ef110f6ba4d98dfc8edf2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1150& data-rawheight=&648& class=&origin_image zh-lightbox-thumb& width=&1150& data-original=&https://pic2.zhimg.com/50/70ef110f6ba4d98dfc8edf2_r.jpg&&&/figure&&/b&&b&&figure&&img src=&https://pic4.zhimg.com/50/bff363cfd5_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1149& data-rawheight=&642& class=&origin_image zh-lightbox-thumb& width=&1149& data-original=&https://pic4.zhimg.com/50/bff363cfd5_r.jpg&&&/figure&&/b&&ul&&li&&b&Pluralsight - Angular JS 基础教程&/b& &/li&&/ul&&b&&figure&&img src=&https://pic4.zhimg.com/50/e1e8f99d267e1cbfc7c990be6de4f58f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&865& data-rawheight=&649& class=&origin_image zh-lightbox-thumb& width=&865& data-original=&https://pic4.zhimg.com/50/e1e8f99d267e1cbfc7c990be6de4f58f_r.jpg&&&/figure&&/b&&p&&br&&/p&&ul&&li&&b&Tutsplus - 谷歌地图接入&/b&&/li&&/ul&&b&&figure&&img src=&https://pic3.zhimg.com/50/346d7f6e196f0a3ddadf6ffb3d92bd5d_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1037& data-rawheight=&647& class=&origin_image zh-lightbox-thumb& width=&1037& data-original=&https://pic3.zhimg.com/50/346d7f6e196f0a3ddadf6ffb3d92bd5d_r.jpg&&&/figure&&/b&&p&&br&&/p&&ul&&li&&b&Frontend Masters(前端大师) - Advanced JS Fundamentals to jQuery and Pure DOM Scripting&/b&&/li&&/ul&&b&&figure&&img src=&https://pic1.zhimg.com/50/ff10c067e7a459d29e331_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1244& data-rawheight=&699& class=&origin_image zh-lightbox-thumb& width=&1244& data-original=&https://pic1.zhimg.com/50/ff10c067e7a459d29e331_r.jpg&&&/figure&&/b&&ul&&li&&b&CodeSchool - GitHub 基础教程&/b&&/li&&/ul&&figure&&img src=&https://pic1.zhimg.com/50/fbf145b06f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1246& data-rawheight=&697& class=&origin_image zh-lightbox-thumb& width=&1246& data-original=&https://pic1.zhimg.com/50/fbf145b06f_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&p&&b&我的其他回答：&/b&&/p&&ul&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&spring有什么缺点吗？ - Night Silent 的回答&/a& &/li&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&哪些企业或项目在用Spring boot,或者它会在多大程度上替代Spring? - Night Silent 的回答&/a&&/li&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&SpringDataJPA持久层问题? - Night Silent 的回答&/a& &/li&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&spring4+hibernate4 事务管理 非常难受的问题 ? - Night Silent 的回答&/a& &/li&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&spring 中为何存在import注解，同一个包中的类直接使用就行了 用import注解感觉有点怪？ - Night Silent 的回答&/a& &/li&&li&更多回答，请关注我，获取最新动态&/li&&li&&b&如果此回答帮到了你，一个小小的赞，一次分享，都会让更多人受益&/b&&/li&&/ul&&p&&br&&/p&&p&&br&&/p&&p&此外，有兴趣的话，欢迎加入我的 &b&Java EE 自学群&/b&&/p&&ol&&li&&b&（即将满额）&/b&：&a href=&//link.zhihu.com/?target=http%3A//qm.qq.com/cgi-bin/qm/qr%3Fk%3DO_AAjKe3irM0TY6ayvKIrvtvEMNk9rTT& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&二维码页面&/a& (二维码自动识别)&/li&&li&（新群-1）: &a href=&//link.zhihu.com/?target=http%3A//qm.qq.com/cgi-bin/qm/qr%3Fk%3DWUu4I0-EtyXlUysdvJ1juYlFiFnZY9wQ& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&二维码页面&/a& (二维码自动识别)&/li&&li&（新群-2）&br&&/li&&/ol&&p&如果觉得我的回答对你很有帮助，可以考虑微信打赏：&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//wx.tenpay.com/f2f%3Ft%3DAQAAANljM%252FunWdckY8a%252Fz7m%252BeOE%253D& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&wx.tenpay.com/f2f?&/span&&span class=&invisible&&t=AQAAANljM%2FunWdckY8a%2Fz7m%2BeOE%3D&/span&&span class=&ellipsis&&&/span&&/a& (二维码自动识别)&/p&
阅读前的说明：虽然问题是“一年内如何全职学习”，实际如果时间安排合理，六个月左右就足够了，有些基础好自学能力强的朋友（例如科班或其他相关专业、职业转过来的），甚至在四个月左右就开始找工作了。本文不吹不黑纯干货，尽管答于多年前，但一直断断续…
同样一直在做CI和AngularJS相关，AngularJS是以数据驱动表现，和MVC还是有些不一样，我觉得看文档挺重要的，不懂马上查文档&br&推荐个Youtube的视频：&a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/playlist%3Flist%3DPLP6DbQBkn9ymGQh2qpk9ImLHdSH5T7yw7& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&youtube.com/playlist?&/span&&span class=&invisible&&list=PLP6DbQBkn9ymGQh2qpk9ImLHdSH5T7yw7&/span&&span class=&ellipsis&&&/span&&/a&&br&&br&AngularJS - Binding&br&AngularJS - Controllers&br&AngularJS - The Dot&br&AngularJS - Sharing Data Between Controllers&br&AngularJS - Defining a Method on the Scope&br&AngularJS - Filters&br&AngularJS - Testing Overview&br&AngularJS - ngFilter&br&AngularJS - Built-in Filters&br&AngularJS - First Directive&br&AngularJS - Directive Restrictions&br&AngularJS - Basic Behaviors&br&AngularJS - Useful Behaviors&br&AngularJS - Directives Talking to Controllers&br&AngularJS - Directive to Directive Communication&br&AngularJS - Understanding Isolate Scope&br&AngularJS - Isolate Scope &@&&br&AngularJS - Isolate Scope &=&&br&AngularJS - Isolate Scope &&&&br&AngularJS - Isolate Scope Review&br&AngularJS - Transclusion Basics&br&AngularJS - An Alternative Approach to Controllers&br&AngularJS - Thinking Differently About Organization&br&AngularJS - Building Zippy&br&AngularJS - angular.element&br&AngularJS - $scope vs. scope&br&AngularJS - templateUrl&br&AngularJS - $templateCache&br&AngularJS - ng-view&br&AngularJS - The config function&br&AngularJS - $routeProvider api&br&AngularJS - $routeParams&br&AngularJS - redirectTo&br&AngularJS - Promises&br&AngularJS - Resolve&br&AngularJS - resolve conventions&br&AngularJS - resolve $routeChangeError&br&AngularJS - Directive for Route Handling&br&AngularJS - Route Life Cycle&br&AngularJS - Providers&br&AngularJS - Injectors&br&AngularJS - Components and Containers&br&AngularJS - $index, $event, $log&br&AngularJS - Experimental &Controller as& Syntax&br&AngularJS - Directive Communication&br&AngularJS - ngmin&br&AngularJS - ng-repeat-start&br&AngularJS - animation basics&br&AngularJS - Animating with JavaScript&br&AngularJS - Animating the Angular Way&br&AngularJS - angular.copy&br&Bower - Intro to Bower&br&AngularJS - angular.bootstrap&br&AngularJS - No custom markup&br&AngularJS - Unit Testing Hello World&br&AngularJS - Unit Testing a Directive&br&AngularJS - Testing Scope&br&AngularJS - Testing Underscores&br&AngularJS - Intro to Karma
同样一直在做CI和AngularJS相关，AngularJS是以数据驱动表现，和MVC还是有些不一样，我觉得看文档挺重要的，不懂马上查文档 推荐个Youtube的视频： AngularJS - Binding AngularJS - Controllers AngularJS - The Dot AngularJS - Shar…
不建议看。一切东西，如果量太大，都是不适合直接学习的，容易迷失在细节的汪洋大海中，对心理造成不可磨灭的阴影。譬如治史，上来就通读二十四史，二十五别史之类，肯定是不对的，应当先读各种纲要，然后在具体深入细节。&br&&br&如果要抱着学习的态度看，应当优先看同类的小框架，比如：&a href=&//link.zhihu.com/?target=https%3A//github.com/lega911/angular-light& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - lega911/angular-light: Angular Light is a library for building interactive MVVM web interfaces/applications.&/a&&br&&br&这个是对Angular 1.x的一个山寨，基本功能都有了，但是小很多，更容易入手。&br&&br&我猜测你想看Angular的源码，是为了更深入学习用，为了达到这个目的，建议你按照这个顺序：&br&&br&- 了解Angular是解决什么问题的&br&- 试用它，熟悉大致有些什么功能&br&- 猜测一些主要细节的实现方式&br&- 自己山寨一下，看能不能做出来&br&- 始终做不出来，或者觉得做不好的地方，再去看源码对应的部分，其实它也未必比你写得好，一个上规模的项目，处处高质量是不可能的。&br&&br&那么，Angular中有哪些东西可以了解一下呢？&br&&br&- 数据变更的监测方式有哪些，Angular采用了什么，有什么好处，有什么坏处，如何处理数据变更中产生的异常？如何避免不收敛的数据变更？Knockout和Vue分别怎么做的，他们为什么要这样做？&br&- 作用域树、作用域之间的继承、作用域上的事件、赋值分别是怎样实现的&br&- 表达式如何动态解析，如何避免不安全的表达式？&br&- 数据如何跟DOM建立关联？索引如何建立，如何确定唯一索引，如何显式指定索引？&br&- 常用的事件是如何封装的？&br&- 模块和依赖注入是怎么实现的？是否确有必要？&br&&br&其实上面都不重要，想更好地学习，请买这本书：&a href=&//link.zhihu.com/?target=http%3A//www.teropa.info/build-your-own-angular/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Build Your Own AngularJS&/a&&br&&br&30-39$，200块钱左右，不要觉得贵，学懂任何一章都能让你身价上涨不少，尊重知识，尊重自己，大家一起做上进的好码农～
不建议看。一切东西，如果量太大，都是不适合直接学习的，容易迷失在细节的汪洋大海中，对心理造成不可磨灭的阴影。譬如治史，上来就通读二十四史，二十五别史之类，肯定是不对的，应当先读各种纲要，然后在具体深入细节。 如果要抱着学习的态度看，应当优…
和 angularjs 根本不具有可比性。&br&angular是前端MVW框架，对比的是backbone, embed等。&br&想知道angular能干嘛， 看看豌豆荚的这个分享：&br&&开源技术构建 Web App 架构-Paracutin-豌豆荚.pdf& &a href=&//link.zhihu.com/?target=http%3A//url.cn/MquqIM& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&http://atian25.github.io/files/%E5%BC%80%E6%BA%90%E6%8A%80%E6%9C%AF%E6%9E%84%E5%BB%BA%20Web%20App%20%E6%9E%B6%E6%9E%84-Paracutin-%E8%B1%8C%E8%B1%86%E8%8D%9A.pdf&/a&&/p&
jsp 和 angularjs 根本不具有可比性。 angular是前端MVW框架，对比的是backbone, embed等。 想知道angular能干嘛， 看看豌豆荚的这个分享： &开源技术构建 Web App 架构-Paracutin-豌豆荚.pdf&
谢邀， 这问题想回答很久了， 奈何项目比较忙， 今天终于可以忙里偷闲作答下：&br&&br&图多预警：&br&--------------------------------------------------------------正文分割线------------------------------------------------------------&br&题主说了这么多挺不容易， 从中了解到题主对于css html js 的理解还有点浅；题主进入前端开发的时间应该不长，同很多新手一样为了快速实现功能顾不上原理直奔目的，最后使用的工具或引入的库越来越多；&b& 结果：&/b& 功能是实现了， 但维护就悲剧了！&b& 最终学的只是使用工具而不是使用css&/b&;&br&&br&&b&以大部分新手的知识储备还驾驭不了太复杂的页面，所以不建议为了追求页面效果不求甚解乱引库或乱用工具；&/b&&br&&br&&b&学习是个循序渐进的过程不能&/b&&b&一蹴而就&/b&&b&，该怎样学习CSS? &/b&&br&&br&&br&&b&个人将css学习规划成以下三部分（学习CSS是很大、佷泛的问题，本文只提供一种学习思路）：&/b&&br&&br&&b&1.基础；&/b&&br&有答主提到项目驱动学习，的确，&b&实战编码是提高CSS的最佳手段&/b&，但不建议新手立马开始实战；因为新手对CSS基础知识不了解，&b&更容易&/b&在实际开发中走弯路（不只新手，css基础不好的前端也经常走弯路），例如：浮动、定位的滥用、脚本、CSS相互间用法不当、雪碧图用法错误等；很多弯路就是不熟悉CSS基础语法造成的；&br&&br&&b&该怎么提高CSS基础能力？&/b&&br&&b&1.1 看书；&/b&&br&购买大家公认的好书看看， 以下推荐下口碑很好且自己看过的好书：&br&&b&《css权威指南第三版》&/b&&br&&figure&&img src=&https://pic3.zhimg.com/50/ecce482e1c4a_b.jpg& data-rawwidth=&349& data-rawheight=&350& class=&content_image& width=&349&&&/figure&&br&“CSS权威指南”是公认的好书，就是更新太慢，第三版已经是最新版，本书 讲解的内容还停留在CSS2.0且里面还随处穿插 “Netscape ”（网景浏览器）的bug，（要知道连我这个进入前端好几年的人都没开发过兼容网景浏览器的任何网页了！PS： 私以为火狐 虽源于网景但不算网景浏览器）&br&&b&但 本书关于CSS2.0的讲解仍很详细很实用！ 毕竟我们现在开发PC端网页用最多的还是CSS2.0。（IE9 才开始遵循CSS3规范， 而且学习CSS3也得先学CSS2）&/b&&br&&br&&b&《大巧不工》&/b&&br&&figure&&img src=&https://pic4.zhimg.com/50/6b8a697c9ced2d995afd777ab999dab4_b.jpg& data-rawwidth=&483& data-rawheight=&629& class=&origin_image zh-lightbox-thumb& width=&483& data-original=&https://pic4.zhimg.com/50/6b8a697c9ced2d995afd777ab999dab4_r.jpg&&&/figure&本书重点讲解的不是CSS，应该说CSS技巧只在里面占&b&很小很小的篇幅&/b&， 但这本书能让你了解整个网页开发的所有环节；其中的CSS常用语法讲解很实在也很实用， 优化篇章涉及的CSS优化技巧仍是当前行业开发的主流做法（个人见解）；&br&&br&&b&《禅意花园》
&/b&&br&&figure&&img src=&https://pic2.zhimg.com/50/89ffb301ee6e708de77d_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&br&&br&唯一一本买了还没看完的书，更偏重于设计， &b&css的实战代码技巧并（bing）不（mei）多（you）&/b&， 新手不建议购买阅读, 书很精致，每页都是彩色的哦，有空时可当做扩展读物；&br&&br&&b&1.2 w3cshool &/b&&br&&figure&&img src=&https://pic2.zhimg.com/50/3fbbdcaa804a690bbe182_b.jpg& data-rawwidth=&386& data-rawheight=&349& class=&content_image& width=&386&&&/figure&&br&&br&市面上很多CSS书籍（特别是国内的）都是直接从w3cshool抄录的，书名不提也罢，重要的是&b&w3cshool的CSS教程真的很经典&/b&&b&啊！而且更新较快，CSS3教程老早就有啦！&/b&&br&优点：教程简短易懂； &br&缺点： 太简洁部分知识点没深入；&br&&br&&b&2.实战；&/b&&br&&b&老实说，第一部分的基础知识看完了你也记不住（=_=）， 如果没有实际编码 、遇到问题没经常回查或查阅API ，一般新手看完不出两月保证忘光！&/b&&br&&br&&b&所以要学好CSS，编写CSS代码必须是日常，下面分享 实战技巧：&/b&&br&&br&&b&2.1 调试工具选取&/b&&br&经历过 IE8、firefoxのfirebug、 国产各类双核浏览器、safria、opera、chrome浏览器调试的大叔告诉你， &b&当前调试工具 必须选择 &/b&&b&&/b&&br&虽然 safria用的跟chrome之前一样的Webkit内核、国产浏览器极速模式也是Webkit内核，但跟真正的chrome相比在调试时体验还是有很大差距的，&b&对比过的人都懂！(ps: 新版的chrome已是blink内核)&/b&&br&&figure&&img src=&https://pic3.zhimg.com/50/ca220ce1b6ece71ad4a66_b.jpg& data-rawwidth=&658& data-rawheight=&441& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/50/ca220ce1b6ece71ad4a66_r.jpg&&&/figure&&br&别人家的教程：&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/freeyiyi1993/p/3620670.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&chrome调试技巧--持续更新&/a&&br&&br&个人推荐必须会的两小技巧（非新手跳过）：&br&&b&可以让网页中的任何元素， 改变状态；&/b&&br&&figure&&img src=&https://pic3.zhimg.com/50/9babd3b0_b.jpg& data-rawwidth=&553& data-rawheight=&206& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&https://pic3.zhimg.com/50/9babd3b0_r.jpg&&&/figure&&br&&b&可以修改（增删改）任何元素的样式或类名：&/b&&br&&figure&&img src=&https://pic3.zhimg.com/50/e57415dec62f67aabd7a498e3c97b851_b.jpg& data-rawwidth=&533& data-rawheight=&211& class=&origin_image zh-lightbox-thumb& width=&533& data-original=&https://pic3.zhimg.com/50/e57415dec62f67aabd7a498e3c97b851_r.jpg&&&/figure&&br&&figure&&img src=&https://pic2.zhimg.com/50/4c760a849a7aebbbcdacfc_b.jpg& data-rawwidth=&461& data-rawheight=&248& class=&origin_image zh-lightbox-thumb& width=&461& data-original=&https://pic2.zhimg.com/50/4c760a849a7aebbbcdacfc_r.jpg&&&/figure&&br&&b&2.2 css api手册 （在线网页版、PC客户端、chm&/b&&b&手机版&/b&&b&）&/b&&br&开发过程中，特别是刚开始开发CSS常常会忘记CSS的一些用法， 这时候就得查API了，css
API个人推荐&b&“CSS4.20（飘零雾雨版）”&/b&；该API 包括CSS2 、CSS3且能随时检查更新（手动点击其首页检查更新）。&br&&br&&b&网页版&/b&：&a href=&//link.zhihu.com/?target=http%3A//css.doyoe.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS参考手册_web前端开发参考手册系列&/a&&br&&figure&&img src=&https://pic1.zhimg.com/50/cdd3bb6d76b_b.jpg& data-rawwidth=&537& data-rawheight=&504& class=&origin_image zh-lightbox-thumb& width=&537& data-original=&https://pic1.zhimg.com/50/cdd3bb6d76b_r.jpg&&&/figure&&br&&b&PC客户端chm版:&/b&&br&&figure&&img src=&https://pic2.zhimg.com/50/5fcc967dac57aae0caaf42c273b4a95c_b.jpg& data-rawwidth=&674& data-rawheight=&611& class=&origin_image zh-lightbox-thumb& width=&674& data-original=&https://pic2.zhimg.com/50/5fcc967dac57aae0caaf42c273b4a95c_r.jpg&&&/figure&&br&&br&&b&chm版如果下载下来打开的都是404， 注意右键chm -& “属性”去掉“只读”或“锁定”&/b&&br&&figure&&img src=&https://pic1.zhimg.com/50/44ea6c9fdf692efc9a5f41e_b.jpg& data-rawwidth=&377& data-rawheight=&480& class=&content_image& width=&377&&&/figure&&br&&br&&br&&b&chm&/b&&b&手机版：&/b&&br&去360手机助手搜索“chm”就能找到“chm 阅读器X”&br&&figure&&img src=&https://pic1.zhimg.com/50/2fb1cabf6d0e24e0f739dc62a10c7687_b.jpg& data-rawwidth=&72& data-rawheight=&72& class=&content_image& width=&72&&&/figure&&br&然后就能在手机看&b&CSS4.20（飘零雾雨版).chm ：&/b&&br&&figure&&img src=&https://pic1.zhimg.com/50/022ebedb88f_b.jpg& data-rawwidth=&619& data-rawheight=&551& class=&origin_image zh-lightbox-thumb& width=&619& data-original=&https://pic1.zhimg.com/50/022ebedb88f_r.jpg&&&/figure&&br&&b&还能看 w3cshool CHM版哦：&/b&&br&&figure&&img src=&https://pic3.zhimg.com/50/28f1e3cdcf8acf8b0ea71a_b.jpg& data-rawwidth=&621& data-rawheight=&618& class=&origin_image zh-lightbox-thumb& width=&621& data-original=&https://pic3.zhimg.com/50/28f1e3cdcf8acf8b0ea71a_r.jpg&&&/figure&&br&&br&&b&2.3 css 代码积累&/b&&br&&br&
大家一定有经历过：以前写过很牛逼的CSS效果，然而 电脑重装系统、电脑坏了、电脑被坏人偷了！然后那段代码就没了T_T！！ 所以代码存储云端很重要，个人建议将css实战代码保存github, 一来自己备忘， 二来交流分享；&br&&br&例如题主提到如何简单实现 居中？CSS3的伸缩盒布局就可以，伸缩盒个人实践代码：&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/wteam-xq/testDemo/blob/master/cssFlexBox.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&testDemo/cssFlexBox.html at master · wteam-xq/testDemo · GitHub&/a&&br&&br&&b&3.交流；&/b&&br&&b&自个儿看书、埋头写代码提高实在太有限，互联网行业不能闭门造车！&/b&&br&&br&与别人交流才能知道 如何实现CSS最优，怎么写CSS是错误的， 方能跟上新技术的发展例如： CSS3相关酷炫实现、新版浏览器实现了哪些css3、各浏览器当前份额应对方案等；&br&&br&交流的方式有：&br&&b&3.1.前端开发网站、博客&/b&&br&知乎的&b&前端话题、CSS话题 &/b&就很不错，经常看到大神对CSS的见解；&br&经典的有（个人小收藏）：&br&&a href=&http://www.zhihu.com/question//answer/& class=&internal&&有哪些经常被误用的 HTML、JavaScript、CSS 的元素、方法和属性？ - 一丝的回答&/a&&br&&a href=&http://www.zhihu.com/question//answer/& class=&internal&&有谁能详细讲一下css如何画出一个三角形？怎么想都想不懂？ - Vkki 的回答&/a&&br&&a href=&http://www.zhihu.com/question//answer/& class=&internal&&腾讯问卷 http://ur.qq.com/ 是如何实现导航栏毛玻璃背景效果的？ - 黎博的回答&/a&&br&&br&&b&张鑫旭博客：&/b&&br&&a href=&//link.zhihu.com/?target=http%3A//www.zhangxinxu.com/wordpress/2010/12/css-%25E7%259B%25B8%25E5%25AF%25B9%25E7%25BB%259D%25E5%25AF%25B9%25E5%25AE%259A%25E4%25BD%258D%25E7%25B3%25BB%25E5%EF%25BC%%25B8%2580%25EF%25BC%2589/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS 相对|绝对(relative/absolute)定位系列（一） <<
张鑫旭&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//www.zhangxinxu.com/wordpress/2010/01/css-float%25E6%25B5%25AE%25E5%258A%25A8%25E7%259A%%25B7%25B1%25E5%%25E7%25A0%%25A9%25B6%25E3%E8%25AF%25A6%25E8%25A7%25A3%25E5%258F%258A%25E6%258B%%25B1%%25B8%2580/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS float浮动的深入研究、详解及拓展(一) <<
张鑫旭&/a&&br&&br&&b&w3cplus:&/b&&br&&a href=&//link.zhihu.com/?target=http%3A//www.w3cplus.com/blog/666.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&深入了解 Flexbox 伸缩盒模型&/a&&br&&br&&b&慕课网相关教程：&/b&&br&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/93& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS Sprite雪碧图应用&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/space/teacher/id/197450& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&张鑫旭&/a&&br&&br&&b&3.2.论坛、Q群&/b&&br&前端的论坛个人比较少收藏， csdn、iteye这类太旧，欢迎补充；&br&Q群，豪哥的JS高级群 比较靠谱， w3cplus 站长 大漠， 小志、剧中人等CSS高手都在其中， 但把控比较严，新人已经很难进高级群了。&br&其他靠谱CSS群欢迎评论区补充；&br&&br& 除了建议先完成《css权威指南》、w3cshool css教程外，其他步骤没顺序， 总的来说：我们学习CSS &b&基础是核心、实战是目的、交流是进阶！关系图如下：&/b&&br&&figure&&img src=&https://pic4.zhimg.com/50/f496ccf446fce08da7f332_b.jpg& data-rawwidth=&650& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&650& data-original=&https://pic4.zhimg.com/50/f496ccf446fce08da7f332_r.jpg&&&/figure&&br&&br&&br&&br&&br&&b&以上， 感谢耐心阅读完本答案。&/b&
谢邀， 这问题想回答很久了， 奈何项目比较忙， 今天终于可以忙里偷闲作答下： 图多预警： --------------------------------------------------------------正文分割线------------------------------------------------------------ 题主说了这么多挺不容…
以我的经验，大部分技术，熟读下列四类书籍即可。
&br&&br&&ol&&li&入门，用&b&浅显&/b&的语言和方式讲述&b&正确&/b&的道理和方法，如head first系列&/li&&li&全面，&b&巨细无遗&/b&地探讨每个细节，遇到疑难问题时往往可以在这里得到理论解答，如Definitive Guide/Programming xx系列
&/li&&li&实践，结合实际中经常遇到的情景环境，来描述如何&b&设计和解决问题&/b&，如cookbook系列
&/li&&li&深入，讲解一些文化，思路，甚至于哲学上的东西，真正做到&b&深入一种语言去编程&/b&，如unix编程艺术，程序员修炼之道等等&/li&&/ol&&br& 那么，目前为止我认为最好的书是：
&br&&br& css：
&br&&ol&&li& 入门： &i&Head First HTML and CSS, XHTML&/i&
这本2005年底的书依然是最易懂，清晰和正确的入门读物，去看看amazon排名就知道了&/li&&li&全面： &i&CSS, The Definitive Guide (3th Edition) &/i&
Meyer可能是css领域最权威和知名的作者，他在这本书里讲解了每个细节的实现和原理，更详细的东西恐怕只能从w3c那几乎不可读的文档中去寻找了&/li&&li&实践：&i&CSS Mastery (2th Edition)&/i&
Andy budd恐怕是英国最出色的css作者，这本书用简单直接的方式论述了很多实践中组件的正确实现以及可替代方法，包括css3&/li&&li&深入：很遗憾，css在这方面还没有一本必读著作，也可能并不需要，因为到了这个程度，多是用户体验和视觉设计了，目前最接近的是&i& Transcending CSS&/i&, 但不断的技术进化使得书中某些部分感觉有些落伍。&/li&&/ol&&br& 关于css3, 她是一个模块化的渐进式增强，且以2.1为基础，因此，请学好css2再学习css3，这方面我认为只需要一本实践书即可，告诉你css3能做到什么，毕竟，原理是共通的。
&br&&br&&i& The Book of CSS3 &/i& 推荐这本，一个技术人员写的组织清晰的css3模块描述和实践指南，还包括浏览器的实现情况，2011年5月出版，是目前为止最好的。
&br&&br& javascript:
&br&&br&&ol&&li&入门：&i&Eloquent Javascript
&/i&一位hacker写的编程入门，书中向hacker，open source, free software的欣赏和痴迷比比皆是， 比如官网下边那个向emacs致敬的console。作者很聪明，这本书的目标读者，beginners, 是不会因为这些小细节而向他叫好的。他想要的，只是把在其中浸淫多年的，真正意义上的编程精神，传达给初学者们而已。
少见地打败了对应的HeadFirst系列（&i&Headfirst Javascript&/i&)&/li&&li&全面：&i&Javascript, The Definitive Guide(6th edition) &/i& 伴随我们web开发者成长的一本javascript圣经，一直以来都是无可争议的最好与最全面的js书籍，2011年出版了最新版。&/li&&li&实践：在目前的web开发环境中，我们都是在使用各种js框架，很少自己写框架来开发，因此这本书的位置，应该留给你所使用的框架。如果是jquery，我推荐 &i&Jquery: Novice to Ninja&/i& 这本，框架方面的书，经常一本入门的就够了，因为更新实在太快，之后的研究学习只能全靠网络了。&/li&&li&深入：与css不同，js是一种真正的编程语言，所以对他的深入研究是一个长期的过程，css的深入更偏向技艺/工匠，而js更偏向设计/架构/艺术，我推荐以下几本从不同方面深入js的书，他们都是业界最顶级的js开发团队（yahoo）的成员和同事，因此思路是很统一的，著名的高性能网站建设指南1和2都出自这个团队。&/li&&/ol&&ul&&li&&i&Javascipt, The Good Parts
由JSON的发明者撰写&/li&&li&&i&Javascript Patterns
YSlow的合作开发者撰写&/li&&li&&i&High Performance Javascript&/i&
最好的zakas的书，虽然我不太喜欢他&/li&&/ul&
附上一些即将出版，我非常想看的书，有先睹为快的朋友可以分享一下心得:
&br&&ul&&li&&i&Secrets of Javascript Ninja
&/i&Jquery作者John Resig最新著作&/li&&li&&i&Node: Up and Running
认识一下流行的no-block js server&/li&&li&&i&Javascript Web Applications &/i&
这本号称是对当下js landscape的总结
&/li&&/ul&&br& 以上，如果以后有空，会再补充一下 Linux,
Ruby/Rails方面我读过的经典书籍：）
以我的经验，大部分技术，熟读下列四类书籍即可。 入门，用浅显的语言和方式讲述正确的道理和方法，如head first系列全面，巨细无遗地探讨每个细节，遇到疑难问题时往往可以在这里得到理论解答，如Definitive Guide/Programming xx系列 实践，结合实际中经…
&p&相对于父元素宽度的：&/p&&p&&code&[max/min-]width&/code&、&code&left&/code&、&code&right&/code&、&code&text-indent&/code&、&code&padding&/code&、&code&margin&/code& 等；&/p&&p&&br&&/p&&p&相对于父元素高度的：&/p&&p&&code&[max/min-]height&/code&、&code&top&/code&、&code&bottom&/code& 等；&/p&&p&&br&&/p&&p&相对于主轴长度的：&/p&&p&&code&flex-basis&/code& 等；&/p&&p&&br&&/p&&p&相对于继承字号的：&/p&&p&&code&font-size&/code& 等；&/p&&p&&br&&/p&&p&相对于自身字号的：&/p&&p&&code&line-height&/code& 等；&/p&&p&&br&&/p&&p&相对于自身宽高的：&/p&&p&&code&border-radius&/code&、&code&background-size&/code&、&code&border-image-width&/code&、&code&transform: translate()&/code&、&code&transform-origin&/code&、&code&zoom&/code&、&code&clip-path&/code& 等；&/p&&p&&br&&/p&&p&相对于行高的：&/p&&p&&code&vertical-align&/code& 等；&/p&&p&&br&&/p&&p&特殊算法的：&/p&&p&&code&background-position&/code& （方向长度 / 该方向除背景图之外部分总长度）、&code&border-image-slice&/code& （相对于图片尺寸）、&code&filter&/code& 系列函数等；&/p&&p&&br&&/p&&p&如果自身设置 &code&position: absolute&/code&，“父元素”指：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&Boring：破坏文档流的div高度设为百分比是相对谁而言的？&/a&；&/p&&p&如果 &code&position: fixed&/code&，“父元素”指视口（父级不存在 &code&transform&/code& 为非 &code&none&/code& 值的情况下）。&/p&
相对于父元素宽度的：[max/min-]width、left、right、text-indent、padding、margin 等； 相对于父元素高度的：[max/min-]height、top、bottom 等； 相对于主轴长度的：flex-basis 等； 相对于继承字号的：font-size 等； 相对于自身字号的：line-height 等…
学过的东西杂而不精，算不得大牛。带过前端团队，也算是有几年前端负责人的经验。&br&随着这几年前端node.js,react,Angularjs等技术新起，越来越多从之前单纯的前端开发到前端全栈开发，技术之多，之有趣，前端实在是繁华得很。&br&但是目前大多数情况下的前端开发，主要还是在web开发上，所使用的技术无非就是html,css,javascript。所以我觉得这个基础是很有必要的，把html,css,javascript学精通，已经是小神级别（我就很羡慕那些可以写一手好看的js的前端工程师）。&br&进入下一个阶段，优化！不管是前端，后端，任何一个技术方向，都实现功能，好的代码结构，接下来就是优化。你需要开始考虑页面的加载速度，代码压缩，图片压缩，dom节点的加载顺序，你会发现进入了新的境地。&br&&br&作为前端负责人：&br&1 前端开发的能力&br&2 技术选型&br&3 管理团队&br&4 前端团队文化塑造&br&&br&本回答只从技术角度阐述。&br&前端开发的能力，把html,css,javascript学好，你已经没有问题啦。&br&技术的选型，这对负责人的前端技术视野，甚至后端技术也有要求，还需要考虑团队的整体技术能力。&br&&br&转一个资源汇总，对技术视野或有帮助（转自 &a href=&//link.zhihu.com/?target=http%3A//cnodejs.org/topic/56ef3edda99d00e& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端资源教程&/a& 侵权删）&br&-----------————————————————————————&br&感谢知友，有好的前端内容告知我一下，列表持续更新&br&&br&&ol&&li&&p&综合类&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/sb/p/3894452.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端知识体系&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/JacksonTian/fks& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端知识结构&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/unruledboy/WebFrontEndStack& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Web前端开发大系概览&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/unruledboy/p/WebFrontEndStack.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Web前端开发大系概览-中文版&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web%2520Front%2520End%2520Stack.png& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Web Front-end Stack v2.2&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/justjavac/free-programming-books-zh_CN& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&免费的编程中文书籍索引&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/dypsilon/frontend-dev-bookmarks& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端书籍&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/vhf/free-programming-books& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端免费书籍大全&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/sb/p/3894452.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端知识体系&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/justjavac/free-programming-books-zh_CN& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&免费的编程中文书籍索引&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//study.163.com/course/introduction/224014.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&智能社 - 精通JavaScript开发&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&重新介绍 JavaScript（JS 教程）&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//v.163.com/special/opencourse/bianchengdaolun.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&麻省理工学院公开课：计算机科学及编程导论&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//segmentfault.com/a/0298& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript中的this陷阱的最全收集–没有之一&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JS函数式编程指南&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//liubin.github.io/promises-book/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript Promise迷你书（中文版）&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/AlloyTeam/Mars& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯移动Web前端知识库&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Front-End-Develop-Guide 前端开发指南&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//li-xinyang.gitbooks.io/frontend-notebook/content/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端开发笔记本&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/nieweidong/fetool& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&大前端工具集 - 聂微东&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//dwqs.gitbooks.io/frontenddevhandbook/content/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端开发者手册&/a&&/li&&/ul&&/li&&li&&p&入门类&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/jikey/p/3613082.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端入门教程&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.liaoxuefeng.com/wiki/867bd51a89c25cc8b43bdb3000& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&瘳雪峰的Javascript教程&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/view/11& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQuery基础教程&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/view/506& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端工程师必备的PS技能——切图篇&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/qiu-deqing/FE-learning& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&结合个人经历总结的前端入门方法&/a&&/li&&/ul&&/li&&li&&p&效果类&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/58& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&弹出层&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/18& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&焦点图轮播特效&/a&&/li&&/ul&&/li&&li&&p&工具类&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/93& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&css sprite 雪碧图制作&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/390& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&版本控制入门 – 搬进 Github&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/30& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Grunt-beginner前端自动化工具&/a&&/li&&/ul&&/li&&li&&p&慕课专题&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.gongchengketang.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&最体系最负责的前端在线教学网站&/a&&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/space/teacher/id/197450& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&张鑫旭 - 慕课系列&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/space/teacher/id/104593& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&lyn - 慕课系列&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/space/teacher/id/290139& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&艾伦 - 慕课系列&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/view/494& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&碧仔 - Hello，移动WEB&/a&&/li&&/ul&&/li&&li&&p&周报类&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/PaicHyperionDev/MobileDevWeekly& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&平安科技移动开发二队技术周报&/a&&/li&&/ul&&/li&&/ol&六. API:1. 总目录&ol&&li&&p&开发中心&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&mozilla js参考&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//developer.chrome.com/extensions/api_index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&chrome开发中心（chrome的内核已转向blink）&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//developer.apple.com/library/safari/navigation& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&safari开发中心&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//msdn.microsoft.com/zh-cn/library/d1et7k7c%28v%3Dvs.94%29.aspx& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&µsoft js参考&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//sanshi.me/articles/JavaScript-Garden-CN/html/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&js秘密花园&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//bonsaiden.github.io/JavaScript-Garden/zh/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&js秘密花园&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.w3help.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&w3help&/a& 综合Bug集合网站&/li&&/ul&&/li&&li&&p&综合搜索&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.javascripting.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&javascripting&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//microjs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&各种流行库搜索&/a&&/li&&/ul&&/li&&li&&p&综合API&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&runoob.com-包含各种API集合&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//tool.oschina.net/apidocs& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&开源中国在线API文档合集&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//devdocs.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&devdocs&/a& 英文综合API网站&/li&&/ul&&/li&&/ol&2. jQuery&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.jquery123.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQuery API 中文文档&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//hemin.cn/jq/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&hemin 在线版&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.css88.com/jqapi-1.9/on/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&css88 jq api&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.css88.com/jquery-ui-api/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&css88 jqui api&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//learn.jquery.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&学习jquery&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//james.padolsey.com/jquery/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jquery 源码查找&/a&&/li&&/ul&3. Ecmascript&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//leanpub.com/understandinges6/read& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Understanding ECMAScript 6 - Nicholas C. Zakas&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//leanpub.com/exploring-es6/read& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&exploring-es6&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/es6-org/exploring-es6& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&exploring-es6翻译&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//es6-org.github.io/exploring-es6/& class=& wrap external& ta}
1.模型引入
&div class="form-group"&
&label class="col-sm-2 control-label"&文章内容：&/label&
&div class="col-sm-8"&
&div summernote
ng-model="editItem.content" config="editorConfig" on-image-upload="uploadEditorImg(files)" editable="editable" editor="editor" on-media-delete="mediaDelete(target)"&
angular1内置的summernote指令，只需要在标签上加summernote即可显示编辑页面
2.初始化富文本编辑器
$scope.editorConfig = {
height: 500,
dialogsInBody: true,
lang: lans.length == 2 ? lans[0] + '-' + lans[1] : lans[0],
['style',['bold','italic','underline','clear' ]],
['fontsize',['fontsize']],
['para',['ul','ol','paragraph']],
['color',['color']],
['remove', ['removeMedia']],
['insert', ['link', 'picture']],
编辑器内容以标签的字符串形式放在 ng-model=”editItem.content” 中，那么文章详情是如何展示的呢？
3.内容展示
编辑内容：
模板html占位
&script type="text/ng-template" id="articleDetail"&
&div style="margin: 15px 20px 30px 20text-indent: 2min-height: 300" ng-bind-html="trustArticleContent" class="clearfix"&&/div&
js进行内容渲染
1.引入$sce服务
2.使用 $sce.trustAsHtml（）进行内容授信
$scope.preview = function (editItem) {
ngDialog.open({
width: 1000,
template: 'articleDetail',
className: 'ngdialog-theme-default',
scope: $scope,
controller:['$scope','$sce', function ($dlgScope,$sce) {
$dlgScope.previewItem = editI
$scope.trustArticleContent = $sce.trustAsHtml(editItem.content);
4.图片上传
on-image-upload=”uploadEditorImg(files)”，选中文件后这个文件对象会进入参数中。
直接拿到改文件进行上传任务
$scope.uploadEditorImg = function (files) {
var postData = {files:files};
httpService.formDataPost('file/uploadEditorFile', postData).success(function(data) {
for (var i = 0; i & data.datas. i++){
console.log(data.datas[i]);
$scope.editor.summernote('insertImage',data.datas[i]);
}).error(function() {
messageAlert.info("上传错误");
这里使用springmvc的web层进行文件上传，相关java代码如下：
* 编辑器批量上传图片文件
* List&String& urls
* IOException
@PostMapping(value="/uploadEditorFile")
@ResponseBody
public List&String& uploadEditorFile(MultipartFile[] files) throws IOException {
List&MultipartFile& multipartFiles = Arrays.asList(files);
List&PhysicalFile& userFiles = PhysicalFiles.fromMultipartFiles(multipartFiles, ParentFolder.EDITOR_IMAGE);
List&PhysicalFile& physicalFiles = physicalFileService.addFileBatch(userFiles);
StringBuilder sb = new StringBuilder();
List&String& urls = new ArrayList&&();
physicalFiles.forEach(userFile -& {
sb.append("/editor_image/")
.append(userFile.getYearFolder())
.append("/")
.append(userFile.getMonthFolder())
.append("/")
.append(userFile.getId()).append(".")
.append(userFile.getExtension());
urls.add(sb.toString());
sb.setLength(0);
如上可见，返回一个图片地址的集合
将图片带有图片地址的图片标签插入编辑器中，使用 $scope.editor.summernote('insertImage',data.datas[i]);
insertImage 是 summernote 的插入指令，此处的 data.datas[i] 是后台传来的url，这句代码执行后直接生成一个 &img src='url'&&/img& 标签插入到编辑器中。
5.图片删除
图片只要回显，那么说明它已经存在数据库中， 我们在图片上传之后将图片删除，那么一般情况下要同时将数据库中的数据也删除掉。则它的触发函数是 on-media-delete="mediaDelete(target)"
$scope.mediaDelete = function (target){
var src = target.attrs.
httpService.formPost("file/deleteEditorImageBySRC",{src:src})
.success(function(data){
此处的target就是选中的图片，summernote会自动将该对象添加到参数中。
没有更多推荐了，
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！【angular2】（3）ng build部署后base文件路径问题
问题：使用angular-cli搭建的项目，执行ng build后，浏览器打开空白，发现文件的路径不对
解决方案：
在package.json文件的scripts中添加命令：
"build":"ng build --base-href ./"
–base-href后面替换成打包后的base路径
npm run build
没有更多推荐了，
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！从数据库中取值给复选框赋值的问题
[问题点数：40分，结帖人photojjc]
本版专家分：110
结帖率 98.11%
CSDN今日推荐
本版专家分：43681
本版专家分：43681
本版专家分：110
结帖率 98.11%
本版专家分：110
结帖率 98.11%
本版专家分：10
本版专家分：6138
匿名用户不能发表回复！|
CSDN今日推荐color admin_color admin 下载_color admin 文档_color admin bootstrap 4_coloradmin | Language Bar & Icon
UI Language Bar & Icon
Language Icon List
Color Theme
Header Styling
Sidebar Styling
Sidebar Gradient推荐几个个人必看的：&br&&br&1. &a href=&//link.zhihu.com/?target=http%3A//perfectionkills.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&perfectionkills.com/&/span&&span class=&invisible&&&/span&&/a&&br&2. &a href=&//link.zhihu.com/?target=http%3A//davidwalsh.name/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&davidwalsh.name/&/span&&span class=&invisible&&&/span&&/a&&br&3. &a href=&//link.zhihu.com/?target=http%3A//ejohn.org/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ejohn.org/&/span&&span class=&invisible&&&/span&&/a&&br&4. &a href=&//link.zhihu.com/?target=http%3A//www.nczonline.net/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&nczonline.net/&/span&&span class=&invisible&&&/span&&/a&&br&&br&他们分别是 prototype, mootools, jquery, yui 的团队核心成员，文章质量都很高，并且比较活跃。
推荐几个个人必看的： 1.
他们分别是 prototype, mootools, jquery, yui 的团队核心成员，文章质量都很高，并且比较活跃。
&p&&b&阅读前的说明：&/b&&/p&&ol&&li&虽然问题是“一年内如何全职学习”，实际如果时间安排合理，六个月左右就足够了，有些基础好自学能力强的朋友（例如科班或其他相关专业、职业转过来的），甚至在四个月左右就开始找工作了。&/li&&li&本文不吹不黑纯干货，尽管答于多年前，但一直断断续续在更新，所以并不过时&/li&&li&本文长期遭受各种水军攻击，实在懒得理会，我就一句话，觉得有帮助你就拿去参考，没帮助就再探索其他路线吧，别拿来主义还抨击别人&/li&&li&某些行内 &资深& 人士可能觉得我这个回答都是&如何成为码农&的路线，是不是蹭我的热度我不在意，我关心的是：如何先让非科班新手入行，而不是高谈阔论那些让新手望而生畏的计算机专业课（例如数据结构与算法等等），你们没有站在非科班新手的角度考虑问题，是无法体会那种难度的，人总要先解决眼前的问题，再去补充自己所欠缺的。&/li&&/ol&&p&&b&下面展开全文：&/b&&/p&&p&和楼主有些相似，大三的时候，我萌生了放弃本专业的念头，断断续续学 Java Web 累计一年半左右，总算是学完了，找工作对你来说或许还有些距离，而我已经有了自己喜欢的工作，从一个自学达人的角度，以下是我认为比较实际且行之有效的建议：&/p&&ul&&li&如果你打算入门 .Net， 建议转学 JavaWeb 或 Android， 我对学习何种平台并无偏见，而是自学需要大量的参考资料， Java 的学习资料，无论是视频还是电子书都要远多于 .Net，这是个很实际的问题，你可以去 百度/Google 一下（当年电驴活着的时候，获取学习资料很容易，现在只能怀念一下了），对比便见分晓。&/li&&li&当年下载视频教程只能忍受10KB 的龟速，现在多幸福，国内 Java 培训机构越来越多，官网也都放出了各种公开课（&b&虽然公开课也是广告的一种形式，但能让你拿来自学就要心存感激，别指望公开课能提供最值钱的项目实战教程，利益相关，放出的也未必是完整的&/b&），提供的都是百度网盘，下载不再是问题了，希望看到这个帖子的朋友都知道该去哪里找教程，别去电驴那种 ed2k 网站了，电驴已成往事，资料参差不齐，不完整。&/li&&li&自学所需的视频教程一定要成体系，而且每部分必须完整，否则，你可能学到某个阶段发现剩下的视频还没有发布（培训机构都爱这么玩儿），也可能某个阶段只学了一半发现没有后续视频了，在选择视频教程前，你需要 .Net 或 JavaWeb 完整的学习流程图&b&（培训机构官网都会提供学习路线图，大同小异）&/b&，根据每阶段寻找对应的视频教程就可以了。&/li&&li&如果你的英文足够好，在看视频教程的时候一定要搭配英文电子书（文字版的，方便搜索），为什么这么做？ 在我看过的多达 50G
的视频教程里，讲课的老师就算技术再好，也有讲的模糊的地方，甚至讲错的地方，甚至是忽悠你的地方！&b&（讲课时间所限，这些老师也迫不得已）&/b&这时候，你需要的可能不只是 Google 和 StackOverflow， 你需要与此配套的英文电子书， 首推 Manning 和 O'Reilly 出版的书。&/li&&/ul&&p&&b&要不要选择培训班？&/b&&/p&&ul&&li&培训班基本上四个月速成，省心，不用操心软件、文档、路线、课程等等&/li&&li&有老师带着做项目，最后还能推荐工作（培训班卖点，实际都有水分的）&/li&&/ul&&p&&b&非科班是不是只能选择培训班了？&/b&&/p&&ul&&li&当然不是，实际工作中，据我观察，有很多通过自学找到工作的&/li&&li&培训班的卖点对你未必是个好事&/li&&ul&&li&你可能会很依赖老师，无法形成行业所看重的独立解决问题的能力，我就见过很多培训班学生连 eclipse 去哪里下载都不知道的，太依赖老师了&/li&&li&你可能很在意培训班推荐的工作，可是如果推荐的工作薪资很低你去不去？&/li&&/ul&&/ul&&p&&b&补充：JavaWeb 学习路线&/b&&/p&&p&很多人私信我要学习路线，我贴个 Java Web 学习路线，仅供参考，但绝对够找工作的了, 如下，都是可以&b&免费&/b&找到的教程（请一定验证是否完整），&b&拼凑&/b&起来差不多刚够学习 Java Web 了，只是衔接起来会有些不连贯，毕竟不是一个机构讲的，不过问题不大&/p&&p&1. Java SE - 语言基础&/p&&ul&&li&参考视频：传智毕向东、尚学堂马士兵、圣思园张龙的 JavaSE 视频教程&/li&&li&参考书籍：&/li&&ul&&li&《Thinking in Java》 ，&b&只适合参考&/b&，但不适合做入门书，作者在官网提供了免费电子版，链接我就不放了，自己找&/li&&li&《Head First Java》，&b&生动有趣&/b&，入门阶段时间充足的话，建议翻翻&/li&&li&《Java All-In-One for Dummies》，见名知意，就是给新手看的书，自然特别啰嗦特别厚，建议用作参考，很详细&/li&&/ul&&/ul&&figure&&img src=&https://pic2.zhimg.com/50/5a458c7ea2c6d0e385a3c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1534& data-rawheight=&607& class=&origin_image zh-lightbox-thumb& width=&1534& data-original=&https://pic2.zhimg.com/50/5a458c7ea2c6d0e385a3c_r.jpg&&&/figure&&p&&br&&/p&&p&2. database - 数据库&/p&&ul&&li&参考视频：&/li&&ul&&li&传智刘道成的 MySQL 视频教程&/li&&li&传智韩忠康的 MySQL 视频教程&/li&&li&以上两个课程的讲师都是讲 PHP 的，所以视频教程中会提到一些 PHP 内容，忽略就是了&/li&&/ul&&li&参考书籍：&/li&&ul&&li&《MySQL Cookbook》，仅适合做参考&/li&&li&《SQL All-In-One for Dummies》，延续了 Dummies 系列一贯的风格，冗余而详尽，适合查阅&/li&&/ul&&/ul&&figure&&img src=&https://pic1.zhimg.com/50/05eef40e2a3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&788& data-rawheight=&533& class=&origin_image zh-lightbox-thumb& width=&788& data-original=&https://pic1.zhimg.com/50/05eef40e2a3_r.jpg&&&/figure&&p&&br&&/p&&ul&&li&建议：&/li&&ul&&li&先学 MySQL，然后对比学习 SQL Server 和 Oracle&/li&&li&毕竟主流数据库都实现了 SQL 标准，区别只体现在各自提供的功能上&/li&&/ul&&/ul&&p&2.1 JDBC&/p&&ul&&li&参考视频：&/li&&ul&&li&传智李勇的（其他老师的忽略）JDBC 视频教程, 这部分讲的很全，基本不用看书&/li&&/ul&&li&参考书籍：&/li&&ul&&li&《Core Java》 的 JDBC 章节还不错&/li&&/ul&&/ul&&p&3. HTML、CSS、JS
- 前端基础（没错， JavaWeb 通常做后台，但是前端基础也得有）&/p&&ul&&li&参考视频：&/li&&ul&&li&传智韩顺平的《轻松搞定网页设计(html+css+js)》，讲的一般，做入门凑合&/li&&li&妙味课堂的 HTML + CSS + JS，国内算讲的不错的，当然内容有点多，需要花更多时间&/li&&/ul&&li&参考书籍：&/li&&ul&&li&DOM 部分可以参考《DOM 编程艺术》&/li&&li&深入
JS 建议参考《Javascript 权威指南》，原版更好，即：《Javascript: The Definitive Guide》，经典的犀牛书：&/li&&/ul&&/ul&&figure&&img src=&https://pic1.zhimg.com/50/9a637615faeac1c47c5fc6b723c1d841_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&656& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic1.zhimg.com/50/9a637615faeac1c47c5fc6b723c1d841_r.jpg&&&/figure&&p&&br&&/p&&p&3.1
JQuery - 必备的前端类库&/p&&ul&&li&参考视频&/li&&ul&&li&北风网李炎恢讲的不错，通俗易懂，贴近实战&/li&&li&圣思园张龙讲的也不错，更多原理，例如：JS 的继承和作用域链等等，很少有培训班能讲到&/li&&/ul&&li&参考书籍&/li&&ul&&li&JQuery 多参考官方 API，google 关键词 &jquery documentation& 即可&/li&&li&JQuery 的作者 John Resig 写过一本 javascript 书，质量很好，有兴趣的可以参考下：&/li&&/ul&&/ul&&figure&&img src=&https://pic1.zhimg.com/50/5d858e66a9ffa0faedec_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&878& data-rawheight=&364& class=&origin_image zh-lightbox-thumb& width=&878& data-original=&https://pic1.zhimg.com/50/5d858e66a9ffa0faedec_r.jpg&&&/figure&&p&&br&&/p&&p&3.2 EasyUI - UI 框架，因为简单易用基于 jquery 而在国内大行其道&/p&&ul&&li&这部分可以先不看，javascript 和 jquery 学的好，学这个没难度，一天的事儿&/li&&li&EasyUI 国内使用特别广泛，但国外似乎没见过用这个的，可能是因为 UI 比较丑而且趋于收费了（商用收费）&/li&&li&EasyUI 官方文档和 Demo 基本足够（官网经常被墙，请自备梯子）&/li&&/ul&&p&3.3 ExtJS&/p&&ul&&li&对 javascript 的基础要求比较高，我不建议初学就接触，可以在深入 JS 的机制后再学习&/li&&li&参考书籍：《ExtJS in Action》 &br&&/li&&/ul&&p&3.4 Ajax&/p&&ul&&li&参考视频：传智王兴魁老师的视频教程&/li&&li&之前提到的 javascript 和 jquery 课程里，也都提到了 ajax 的内容&/li&&li&必要的话，请自行搜索 JQuery 对 Ajax 的支持&br&&/li&&/ul&&p&3.5 AngularJS + Boostrap&/p&&ul&&li&AngularJS 是 Google 出品的， Bootstrap 是 Twitter 出品的&/li&&li&虽然在国外很流行，AngularJS 在国内用来做产品的不多，Bootstrap 作为组件式样式库，是提升开发效率的必备工具&/li&&li&参考视频&/li&&ul&&li&Youtube 上 &a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/user/TechGuyWeb& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Traversy Media&/a& （自备梯子）发布的
Bootstrap Beginner Crash Course 建议看看，&b&快速入门&/b&，然后参考 Bootstrap 官方文档按需应用即可 &/li&&li&Youtube 上 &a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/user/johnlindquist& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&john lindquist 发布的 AngularJS 入门课程&/a& 一定要看（自备梯子），没错就是这个鹅卵头：&/li&&/ul&&/ul&&figure&&img src=&https://pic3.zhimg.com/50/v2-ac85da4a0a61c7809cd1_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&392& data-rawheight=&108& class=&content_image& width=&392&&&/figure&&ul&&li&参考书籍&/li&&ul&&li&O'Reilly 出版的《AngularJS Up and Running》 适合&b&搭配入门视频看&/b&&/li&&/ul&&/ul&&figure&&img src=&https://pic1.zhimg.com/50/v2-b5d4a3d4a9ebf5600da0fa_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&456& data-rawheight=&597& class=&origin_image zh-lightbox-thumb& width=&456& data-original=&https://pic1.zhimg.com/50/v2-b5d4a3d4a9ebf5600da0fa_r.jpg&&&/figure&&ul&&ul&&li&Tero Parviainen 独立编写的 《Build Your Own AngularJS (2015)》&b&非常推荐&/b&，正如书名所说，看完你就明白 AngularJS 的里里外外了，模仿个自己的 AngularJS 都没问题&/li&&li&Bootstrap 个人认为没必要看书，搭配之前提到的入门视频，参考官方文档，弄明白 contextual classes、responsive grid layout 等核心概念就可以了&/li&&/ul&&li&额外拓展&/li&&ul&&li&如果还有精力，建议看下基于 angularjs 的 &a href=&//link.zhihu.com/?target=https%3A//material.io/guidelines/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&material design&/a&，google 官方有参考实现叫做 &&a href=&//link.zhihu.com/?target=https%3A//material.angularjs.org& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&angular material&/a&&&/li&&li&如果以后打算做 mobile UI，可以探索下大行其道的 Ionic （基于 angularjs）&/li&&/ul&&/ul&&p&4. Java Web - 没错，学完上述内容，才能步入 Java 的 Web 阶段&/p&&ul&&li&参考视频：传智播客方立勋的 JavaWeb 视频教程&/li&&li&参考书籍：《Head First: Servlet and JSP》&/li&&ul&&li&很形象的一本书，图示很多，理解起来很舒服&/li&&li&虽然 08 年出版的，但并不过时，可以帮你理清很多国内视频所讲不清楚的地方&/li&&/ul&&/ul&&figure&&img src=&https://pic2.zhimg.com/50/2ab5c322e6ff_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&386& data-rawheight=&447& class=&content_image& width=&386&&&/figure&&p&&br&&/p&&p&5. SSH - 轻量级企业开发框架&/p&&ul&&li&Struts2 - MVC 框架&/li&&ul&&li&参考视频：传智黎活明、尚学堂马士兵、圣思园张龙的 Struts2 视频教程&/li&&li&参考书籍：&/li&&ul&&li&《Struts in Action》&/li&&li&《Apache Struts 2 Web Application Development - Dave Newton》 质量略低，做参考挺不错的，按照知识点划分的，查阅起来也很方便&/li&&li&中文版好像有《Struts 权威指南》之类的书，不是很推荐，不过英文不好的话没得选&/li&&/ul&&li&个人认为现在 Struts2 已经可以不学了，学习 SpringMVC 即可，当然如果遇上前些年的项目，可能仍然需要学习 Struts2&/li&&li&Struts2 也许已经 feature complate 了，官方社区修复 bug 的速度慢不说，也没有什么大家期望的 feature&/li&&/ul&&li&Spring - IoC 容器&/li&&ul&&li&参考视频：动力节点王勇、传智黎活明的 Spring 视频教程&/li&&li&培训班讲的都是 Spring 基础，更多内容需要参照 Spring 官方的 reference，写的比书还好&/li&&li&参考书籍：《Spring in Practice》&br&&/li&&/ul&&li&Hibernate - 持久层框架&/li&&ul&&li&参考视频：传智汤阳光（&b&推荐&/b&）、尚学堂马士兵（经典但太老）的 Hibernate 视频教程&/li&&li&参考书籍：&/li&&ul&&li&《Hibernate in action》 &/li&&li&《Java Persistence with Hibernate 1st Edition 2006》，Hibernate 作者主编，虽然是 2006 年出版的，但核心内容讲的很全面，非常值得参考&/li&&li&《Java Persistence with Hibernate 2nd Edition 2015.10》，最近到 Manning 官网发现第二版已发布，粗略看了下，全书以 JPA 为主线，Hibernate 特色做补充，随书案例也是很不错的，可能是为 hibernate 5 做的更新，毕竟是个大版本，挺多变化的&/li&&/ul&&/ul&&/ul&&figure&&img src=&https://pic3.zhimg.com/50/f8b4f1bf7b925822eeeab9b5b97b018c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1148& data-rawheight=&409& class=&origin_image zh-lightbox-thumb& width=&1148& data-original=&https://pic3.zhimg.com/50/f8b4f1bf7b925822eeeab9b5b97b018c_r.jpg&&&/figure&&p&&br&&/p&&p&&b&此时，基本企业开发技术都学过了，可以试着找工作，实习没问题的，缺点项目经验罢了。&/b&&/p&&p&&br&&/p&&p&6. 工作中的加分项（急着找工作的话，可以先找工作，然后工作中补补） &/p&&ul&&li&WebService，两种规范：JAX-WS 和 JAX-RS&/li&&ul&&li&建议先学规范的标准实现，再反向了解规范含义&/li&&li&JAX-WS，俗称 WebService&/li&&ul&&li&参考书籍：《Java Web Services: Up and Running》了解 WebService 的历史、体系及各种实现的大概介绍，对应中文版本是《Java Web 服务 -构建与运行》&/li&&li&参考视频：尚硅谷张晓飞、传智赵庆轩的 webservice 视频教程&/li&&li&学习使用 CXF（推荐） 或 Axis2 ，参考《Apache CXF Web Service Development》&br&&/li&&li&Apache CXF 的文档有点乱，所以学习起来可能会困难些，没办法，Apache 的文档总是看着很难受，费点儿劲还是能学到不少东西的&br&&/li&&/ul&&li&JAX-RS，俗称 Restul WebService，时间多的话，建议把两种主流的框架都熟悉下：&/li&&ul&&li&Jersey，SUN 对 JAX-RS 的官方参考实现&/li&&li&参考书籍：《Developing RESTful Web Services with Jersey 2.0》&/li&&li&Restlet，早于 JAX-RS 规范出现，后来也提供了对 JAX-RS 的支持&/li&&li&参考书籍：《Restlet in Action》 &/li&&/ul&&li&WebService 的测试，一般使用 SoapUI（为主流 IDE 提供了插件）&/li&&ul&&li&参考书籍：《Web Services Testing with SoapUI》&/li&&/ul&&li&实际开发时，为了提高开发效率，可能需要使用 curl 这样的工具来快速访问服务，如果你安装了 Git, 那么 curl 已经自带了，打开 git bash 即可调用&/li&&/ul&&li&JPA，J2EE 中的一个持久化规范&/li&&ul&&li&标准实现有：Hibernate / OpenJPA / EclipseLink&/li&&li&之前提到的 hibernate 已经实现了 JPA，学过 hibernate 后，建议学习下 hibernate 和 JPA 注解的混搭使用，其他的 JPA 实现，了解即可&/li&&li&参考书籍：《Java Persistence with JPA - Daoqi Yang》，是位美籍华人写的英文书，简洁易懂，对照这本书里的案例，理解起来不是很难&/li&&/ul&&li&MyBatis，只是 JDBC 的简易封装&/li&&ul&&li&很简单，花三两天时间看看其官网文档就可以搞定&/li&&/ul&&/ul&&p&7. 自动构建，现在大多数项目都采用构建工具，但对应教程很稀少，能讲清楚的也不多&/p&&ul&&li&常见构建工具： Maven / Gradle / Ant + Ivy 等&/li&&li&Gradle 可以参考 《Gradle in Action - Benjamin Muschko 2014》&/li&&li&Maven 可以参考《Maven 实战》，没错，是为数不多写的也不错的国产书&/li&&li&Ant 常常和 Ivy 搭配使用，但现在一般使用 Maven 就足够了，所以可以不学习，想了解的可以参考官方文档&/li&&/ul&&p&8. 我的忠告：&/p&&ul&&li&在培训班讲课的老师们，当年也都是自学过来的（他们那个年代还没有软件培训班呢），从这个角度说，自学并非那么不现实，和人有关，和学习环境关系不大&/li&&li&如果你决心花一年时间学习，那就没必要报班了， 因为自学最大的挑战不是技术，而是解决问题过程中的烦躁、绝望和质疑&/li&&li&不要以为英文的书会浪费你的时间，事实上，当你习惯看英文资料后，你会节省很多时间，至少不会找乱七八糟的中文资料还搞不清楚怎么回事&/li&&li&工作中多参考官方文档，不要以为学过了就会用了，好多细节不是老师能够教给你的&/li&&ul&&li&例如 Spring Reference, 里面有很多原理性的东西，能让你使用起来更有自信&/li&&li&熟悉 Spring 的，可以参考我的另一回答：&a href=&http://www.zhihu.com/question/& class=&internal&&spring有什么缺点吗？&/a&&/li&&li&多熟悉 J2EE 的规范，如 CDI，适当了解规范的其他实现及其规范之外的特色&/li&&ul&&li&Spring&/li&&li&Guice&/li&&/ul&&/ul&&li&工作中不要什么都去自己从头做，有些功能完全可以使用第三方类库实现，例如&/li&&ul&&li&Guava ，支持泛型和函数式编程，源码也值得学习&/li&&li&Apache Commons，这个太常见了，有很多功能不同的组件&/li&&/ul&&li&对新技术要敏感一些，但不要一味追新，因为你永远追不上，语言层面的 New Feature 要多少会用，也能说得上来优劣， 此外，JVM 上还有 Scala 和 Groovy 之类的语言，可以适当了解下&/li&&li&重要的永远都是底层和基础，大牛永远都是这么说，虽然确实如此，工作之余，了解一下常用的算法和理论，你不能指望自己不懂 TCP、HTTP、Socket 就直接使用 Netty 那种高度抽象的框架来实现很好的并发。&/li&&/ul&&p&&b&顺带贴个某培训机构的学习路线图，侵删（请私信），非广告，喷子闭嘴。&/b&&/p&&figure&&img src=&https://pic1.zhimg.com/50/c9e3cc798cb9_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1343& data-rawheight=&604& class=&origin_image zh-lightbox-thumb& width=&1343& data-original=&https://pic1.zhimg.com/50/c9e3cc798cb9_r.jpg&&&/figure&&p&&b&补充-2：&/b&偶尔我会看到入门的人问如下几个问题，如果你问了，该好好反省。&br&&b&问题&/b&：谁有 CSDN 账号啊，帮忙下个资料？&br&&b&点评&/b&：CSDN 上能有什么好东西呢，竟然有人问我找 Spring 的帮助文档，说是只有 CSDN 上有中文版本，我都无语了，你既然选择了 Java 就不要逃避英文，任何时候都要首选英文文档，而且，CSDN 上的东西翻译质量乱七八糟，本来国外免费提供的东西它却要积分下载，不必理会，直接去官网即可。&/p&&p&&br&&b&问题&/b&：这个问题怎么回事啊，求大神帮助。。最好远程。。&br&&b&点评&/b&：大神没空搭理你，没人愿意免费为你解答一个连描述都让人看不懂的问题，甚至帮你远程，再有，大神这个词会让老手觉得很别扭，让人感觉你很怂，不适合做软件。&/p&&p&&br&&b&问题&/b&：百度找不到答案，谁能给个 Demo 啊&br&&b&点评&/b&：做技术用 Google, 不解释，另外，别以为有 Demo 你就能快速学会什么东西，那只能让你快速黏贴过来应付差事，留下的是乱七八糟的体系和原理不清楚，所以，请自己有个度。&/p&&p&&b&补充-3：关于笔记&/b&&/p&&p&写程序的如果不会记笔记，就真的效率很低了，别告诉我你是用 Word 记笔记的，现在一般都使用 Markdown 记笔记（Sublime + MarkdownExtended），不知道的自己去 Google, 具体效果如下图：&/p&&p&&b&这么写笔记&/b&：&/p&&figure&&img src=&https://pic3.zhimg.com/50/7da179ebfe8a81fb4049fe2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1242& data-rawheight=&560& class=&origin_image zh-lightbox-thumb& width=&1242& data-original=&https://pic3.zhimg.com/50/7da179ebfe8a81fb4049fe2_r.jpg&&&/figure&&p&预览如下：&/p&&figure&&img src=&https://pic1.zhimg.com/50/a73c1f7f58cbe2bd10ab3b21a79e91cd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&873& data-rawheight=&529& class=&origin_image zh-lightbox-thumb& width=&873& data-original=&https://pic1.zhimg.com/50/a73c1f7f58cbe2bd10ab3b21a79e91cd_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&p&&b&补充-4：自学 V.S 报班&/b&&/p&&ul&&li&自学者的疑虑：&/li&&ul&&li&如果是上班族一天三、四个小时的学习时间要多久才能达到可以就业的水平？&/li&&li&就你看来，自学和报班这两种方式的优势与劣势各是什么？&/li&&li&上班族自学时间必然很长，从时间、机会成本考虑，值不值？&/li&&/ul&&li&我的看法：&/li&&ul&&li&我当初自学，在学校和家里分别学了一段时间，如果连续起来的话，差不多六个月学完了，每天大概五小时左右敲码看视频。这期间，有一部分时间浪费在了寻找教程上，因为我学习那时，网上的教程没有能够连续看下来的，想买都没有，都需要自己一个一个找，每个阶段的老师也不一样，内容也杂，所以花的时间多了些。从我的体会来看，如果辞职在家学习，心里会觉得很漫长，我很推荐边工作边学习。至少你不用担心自己的生计，如果每天三个小时，大概得七个月。&br&&/li&&li&你得知道，培训班都是从早到晚给你灌输，抓紧在四个月内给你快速讲完让你走人，所以留给学生的时间不多，没有多少自己思考的时间，这恰巧是自学最大的优势，因为自己思考出来的和别人告诉你的绝对不一样，这也是日后区分你和培训班学生的一点。培训班的学生依赖性太强，掌握新事物的能力太差，速度也慢，就是因为在培训班里他们学不会自己找资料，自己找答案，自己摸索新技术的能力。自学的话， 现在和以前不一样了，你可以弄套视频教程连贯地看下来，跟下来，培训班里讲什么，你也学什么，他们不学的，你也有时间去学，他们没有时间琢磨的，你有时间，因为，自学的时间是你自己安排的。另外，自学最大的缺点不是技术的难度，而是你自己对自己的怀疑，因为有些问题时长要一两天才能想明白，那会动摇你的信心，这也是我为什么推荐边工作边学习的原因。至少你每天不只是敲代码，还有别的事情做。&br&&/li&&li&报培训班，要想学好，好的培训班，你得花费两万左右（食宿还不包括），而且你还得辞掉现有的工作，在异地也同样孤独，这半年你花的钱你确定你能再一年内挣得出来？我告诉你，除去自己的食宿，刚入行的，一年留不下什么钱，这样的话，自学为什么不是一种好的出路？就因为没人陪？就因为没人教？可是，现在不都有了吗，有教程，有学习群，有网络，有你的信心，还缺什么？&/li&&/ul&&/ul&&p&&b&补充-5&/b&：&/p&&p&&b&很多人私信我，希望得到帮助，我也从未想到自学 Java 的人这么多，因此提供帮助如下&/b&&/p&&ul&&li&如果你有自学的困惑，可以和我私聊交流（加Q或知乎私信），如果希望得到我的&b&收费&/b&指导，请先说明如下信息，否则一律拒绝。&/li&&ul&&li&学过什么技术，如 J2SE, MySQL...&/li&&li&学过什么专业课，如：操作系统、网络、数据结构...&/li&&li&学到什么程度了，如：未开始，刚入门，刚学完 JavaSE...&/li&&li&是否科班，在职还是在校，有无编程经历，有无培训经历&/li&&li&有无学习路线，有的话，是什么&/li&&li&有无就业方向，有的话，是什么&/li&&li&有无自学困惑，有的话，是什么&/li&&/ul&&li&如果你不想浪费时间搜集教程，或者不满足于&b&之前给出&/b&的免费教程列表，我可以为你提供全套教程（入门到就业全套，&b&非拼凑，中英文，不免费，价格上百&/b&），不喜勿喷，&b&文章开头已给出免费列表&/b&。&/li&&/ul&&p&&b&补充-6：联系方式&/b&&/p&&ul&&li&&b&我Q: &/b&&b&（非诚勿扰）&/b&&/li&&ul&&li&咨询问题请注明：咨询问题，来自知乎&/li&&li&购买教程请注明：购买教程，来自知乎&/li&&li&寻求指导请注明：购买指导，来自知乎&/li&&/ul&&li&&b&JAVA 交流群&/b&，群号：，二维码如下，&b&（非自学勿扰）&/b& &/li&&/ul&&p&&a href=&//link.zhihu.com/?target=http%3A//qm.qq.com/cgi-bin/qm/qr%3Fk%3DyeT8E1qUSbluN3rRtDfahPaue-38_MOB& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&qm.qq.com/cgi-bin/qm/qr?&/span&&span class=&invisible&&k=yeT8E1qUSbluN3rRtDfahPaue-38_MOB&/span&&span class=&ellipsis&&&/span&&/a& (二维码自动识别)&/p&&p&&b&关于群的说明：&/b& &/p&&ul&&li&长期以来，本群饱受各种&b&培训机构、群宣水军、拿来主义者&/b&侵扰，为保持本群的技术氛围，本群入群方式修改为&b&付费入群&/b& &/li&&li&已经在群内的各位成员，请珍惜这个平台，一旦违反群规总是讨论和 Java 无关话题的，将被清理出群，再次进群，你只能付费，不守规矩是有代价的&/li&&li&新入群的朋友，请先查阅群公告，了解下群规，入群后，欢迎有准备的提问，拒绝拿来主义&/li&&li&如果有朋友觉得&b&本群/本篇文章&/b&帮到了你，也可以联系我（Q或知乎私信）进行捐助&/li&&li&再次重申：培训机构、群宣水军、拿来主义者，请自觉远离&br&&/li&&/ul&&p&&b&简单展示一些我看过的英文教程（相对中文课程，质量更佳）：&/b&&/p&&ul&&li&&b&Lynda - Java 8 新特性&/b& &/li&&/ul&&figure&&img src=&https://pic3.zhimg.com/50/bb44ab05abddef1fc80c10714dfbd8d7_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1237& data-rawheight=&696& class=&origin_image zh-lightbox-thumb& width=&1237& data-original=&https://pic3.zhimg.com/50/bb44ab05abddef1fc80c10714dfbd8d7_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/50/49e504553dec1aca646e50_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1148& data-rawheight=&645& class=&origin_image zh-lightbox-thumb& width=&1148& data-original=&https://pic2.zhimg.com/50/49e504553dec1aca646e50_r.jpg&&&/figure&&ul&&li&&b&LiveLessons - 深入 Spring 框架&/b& (没错，图中是 Spring Boot 的作者之一 Josh Long)&/li&&/ul&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/50/9dfd2dfd1fa_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1155& data-rawheight=&654& class=&origin_image zh-lightbox-thumb& width=&1155& data-original=&https://pic2.zhimg.com/50/9dfd2dfd1fa_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&ul&&li&&b&InfiniteSkills - GIT 实战&/b& &/li&&/ul&&b&&figure&&img src=&https://pic2.zhimg.com/50/70ef110f6ba4d98dfc8edf2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1150& data-rawheight=&648& class=&origin_image zh-lightbox-thumb& width=&1150& data-original=&https://pic2.zhimg.com/50/70ef110f6ba4d98dfc8edf2_r.jpg&&&/figure&&/b&&b&&figure&&img src=&https://pic4.zhimg.com/50/bff363cfd5_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1149& data-rawheight=&642& class=&origin_image zh-lightbox-thumb& width=&1149& data-original=&https://pic4.zhimg.com/50/bff363cfd5_r.jpg&&&/figure&&/b&&ul&&li&&b&Pluralsight - Angular JS 基础教程&/b& &/li&&/ul&&b&&figure&&img src=&https://pic4.zhimg.com/50/e1e8f99d267e1cbfc7c990be6de4f58f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&865& data-rawheight=&649& class=&origin_image zh-lightbox-thumb& width=&865& data-original=&https://pic4.zhimg.com/50/e1e8f99d267e1cbfc7c990be6de4f58f_r.jpg&&&/figure&&/b&&p&&br&&/p&&ul&&li&&b&Tutsplus - 谷歌地图接入&/b&&/li&&/ul&&b&&figure&&img src=&https://pic3.zhimg.com/50/346d7f6e196f0a3ddadf6ffb3d92bd5d_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1037& data-rawheight=&647& class=&origin_image zh-lightbox-thumb& width=&1037& data-original=&https://pic3.zhimg.com/50/346d7f6e196f0a3ddadf6ffb3d92bd5d_r.jpg&&&/figure&&/b&&p&&br&&/p&&ul&&li&&b&Frontend Masters(前端大师) - Advanced JS Fundamentals to jQuery and Pure DOM Scripting&/b&&/li&&/ul&&b&&figure&&img src=&https://pic1.zhimg.com/50/ff10c067e7a459d29e331_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1244& data-rawheight=&699& class=&origin_image zh-lightbox-thumb& width=&1244& data-original=&https://pic1.zhimg.com/50/ff10c067e7a459d29e331_r.jpg&&&/figure&&/b&&ul&&li&&b&CodeSchool - GitHub 基础教程&/b&&/li&&/ul&&figure&&img src=&https://pic1.zhimg.com/50/fbf145b06f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1246& data-rawheight=&697& class=&origin_image zh-lightbox-thumb& width=&1246& data-original=&https://pic1.zhimg.com/50/fbf145b06f_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&p&&b&我的其他回答：&/b&&/p&&ul&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&spring有什么缺点吗？ - Night Silent 的回答&/a& &/li&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&哪些企业或项目在用Spring boot,或者它会在多大程度上替代Spring? - Night Silent 的回答&/a&&/li&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&SpringDataJPA持久层问题? - Night Silent 的回答&/a& &/li&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&spring4+hibernate4 事务管理 非常难受的问题 ? - Night Silent 的回答&/a& &/li&&li&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&spring 中为何存在import注解，同一个包中的类直接使用就行了 用import注解感觉有点怪？ - Night Silent 的回答&/a& &/li&&li&更多回答，请关注我，获取最新动态&/li&&li&&b&如果此回答帮到了你，一个小小的赞，一次分享，都会让更多人受益&/b&&/li&&/ul&&p&&br&&/p&&p&&br&&/p&&p&此外，有兴趣的话，欢迎加入我的 &b&Java EE 自学群&/b&&/p&&ol&&li&&b&（即将满额）&/b&：&a href=&//link.zhihu.com/?target=http%3A//qm.qq.com/cgi-bin/qm/qr%3Fk%3DO_AAjKe3irM0TY6ayvKIrvtvEMNk9rTT& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&二维码页面&/a& (二维码自动识别)&/li&&li&（新群-1）: &a href=&//link.zhihu.com/?target=http%3A//qm.qq.com/cgi-bin/qm/qr%3Fk%3DWUu4I0-EtyXlUysdvJ1juYlFiFnZY9wQ& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&二维码页面&/a& (二维码自动识别)&/li&&li&（新群-2）&br&&/li&&/ol&&p&如果觉得我的回答对你很有帮助，可以考虑微信打赏：&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//wx.tenpay.com/f2f%3Ft%3DAQAAANljM%252FunWdckY8a%252Fz7m%252BeOE%253D& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&wx.tenpay.com/f2f?&/span&&span class=&invisible&&t=AQAAANljM%2FunWdckY8a%2Fz7m%2BeOE%3D&/span&&span class=&ellipsis&&&/span&&/a& (二维码自动识别)&/p&
阅读前的说明：虽然问题是“一年内如何全职学习”，实际如果时间安排合理，六个月左右就足够了，有些基础好自学能力强的朋友（例如科班或其他相关专业、职业转过来的），甚至在四个月左右就开始找工作了。本文不吹不黑纯干货，尽管答于多年前，但一直断断续…
同样一直在做CI和AngularJS相关，AngularJS是以数据驱动表现，和MVC还是有些不一样，我觉得看文档挺重要的，不懂马上查文档&br&推荐个Youtube的视频：&a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/playlist%3Flist%3DPLP6DbQBkn9ymGQh2qpk9ImLHdSH5T7yw7& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&youtube.com/playlist?&/span&&span class=&invisible&&list=PLP6DbQBkn9ymGQh2qpk9ImLHdSH5T7yw7&/span&&span class=&ellipsis&&&/span&&/a&&br&&br&AngularJS - Binding&br&AngularJS - Controllers&br&AngularJS - The Dot&br&AngularJS - Sharing Data Between Controllers&br&AngularJS - Defining a Method on the Scope&br&AngularJS - Filters&br&AngularJS - Testing Overview&br&AngularJS - ngFilter&br&AngularJS - Built-in Filters&br&AngularJS - First Directive&br&AngularJS - Directive Restrictions&br&AngularJS - Basic Behaviors&br&AngularJS - Useful Behaviors&br&AngularJS - Directives Talking to Controllers&br&AngularJS - Directive to Directive Communication&br&AngularJS - Understanding Isolate Scope&br&AngularJS - Isolate Scope &@&&br&AngularJS - Isolate Scope &=&&br&AngularJS - Isolate Scope &&&&br&AngularJS - Isolate Scope Review&br&AngularJS - Transclusion Basics&br&AngularJS - An Alternative Approach to Controllers&br&AngularJS - Thinking Differently About Organization&br&AngularJS - Building Zippy&br&AngularJS - angular.element&br&AngularJS - $scope vs. scope&br&AngularJS - templateUrl&br&AngularJS - $templateCache&br&AngularJS - ng-view&br&AngularJS - The config function&br&AngularJS - $routeProvider api&br&AngularJS - $routeParams&br&AngularJS - redirectTo&br&AngularJS - Promises&br&AngularJS - Resolve&br&AngularJS - resolve conventions&br&AngularJS - resolve $routeChangeError&br&AngularJS - Directive for Route Handling&br&AngularJS - Route Life Cycle&br&AngularJS - Providers&br&AngularJS - Injectors&br&AngularJS - Components and Containers&br&AngularJS - $index, $event, $log&br&AngularJS - Experimental &Controller as& Syntax&br&AngularJS - Directive Communication&br&AngularJS - ngmin&br&AngularJS - ng-repeat-start&br&AngularJS - animation basics&br&AngularJS - Animating with JavaScript&br&AngularJS - Animating the Angular Way&br&AngularJS - angular.copy&br&Bower - Intro to Bower&br&AngularJS - angular.bootstrap&br&AngularJS - No custom markup&br&AngularJS - Unit Testing Hello World&br&AngularJS - Unit Testing a Directive&br&AngularJS - Testing Scope&br&AngularJS - Testing Underscores&br&AngularJS - Intro to Karma
同样一直在做CI和AngularJS相关，AngularJS是以数据驱动表现，和MVC还是有些不一样，我觉得看文档挺重要的，不懂马上查文档 推荐个Youtube的视频： AngularJS - Binding AngularJS - Controllers AngularJS - The Dot AngularJS - Shar…
不建议看。一切东西，如果量太大，都是不适合直接学习的，容易迷失在细节的汪洋大海中，对心理造成不可磨灭的阴影。譬如治史，上来就通读二十四史，二十五别史之类，肯定是不对的，应当先读各种纲要，然后在具体深入细节。&br&&br&如果要抱着学习的态度看，应当优先看同类的小框架，比如：&a href=&//link.zhihu.com/?target=https%3A//github.com/lega911/angular-light& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - lega911/angular-light: Angular Light is a library for building interactive MVVM web interfaces/applications.&/a&&br&&br&这个是对Angular 1.x的一个山寨，基本功能都有了，但是小很多，更容易入手。&br&&br&我猜测你想看Angular的源码，是为了更深入学习用，为了达到这个目的，建议你按照这个顺序：&br&&br&- 了解Angular是解决什么问题的&br&- 试用它，熟悉大致有些什么功能&br&- 猜测一些主要细节的实现方式&br&- 自己山寨一下，看能不能做出来&br&- 始终做不出来，或者觉得做不好的地方，再去看源码对应的部分，其实它也未必比你写得好，一个上规模的项目，处处高质量是不可能的。&br&&br&那么，Angular中有哪些东西可以了解一下呢？&br&&br&- 数据变更的监测方式有哪些，Angular采用了什么，有什么好处，有什么坏处，如何处理数据变更中产生的异常？如何避免不收敛的数据变更？Knockout和Vue分别怎么做的，他们为什么要这样做？&br&- 作用域树、作用域之间的继承、作用域上的事件、赋值分别是怎样实现的&br&- 表达式如何动态解析，如何避免不安全的表达式？&br&- 数据如何跟DOM建立关联？索引如何建立，如何确定唯一索引，如何显式指定索引？&br&- 常用的事件是如何封装的？&br&- 模块和依赖注入是怎么实现的？是否确有必要？&br&&br&其实上面都不重要，想更好地学习，请买这本书：&a href=&//link.zhihu.com/?target=http%3A//www.teropa.info/build-your-own-angular/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Build Your Own AngularJS&/a&&br&&br&30-39$，200块钱左右，不要觉得贵，学懂任何一章都能让你身价上涨不少，尊重知识，尊重自己，大家一起做上进的好码农～
不建议看。一切东西，如果量太大，都是不适合直接学习的，容易迷失在细节的汪洋大海中，对心理造成不可磨灭的阴影。譬如治史，上来就通读二十四史，二十五别史之类，肯定是不对的，应当先读各种纲要，然后在具体深入细节。 如果要抱着学习的态度看，应当优…
和 angularjs 根本不具有可比性。&br&angular是前端MVW框架，对比的是backbone, embed等。&br&想知道angular能干嘛， 看看豌豆荚的这个分享：&br&&开源技术构建 Web App 架构-Paracutin-豌豆荚.pdf& &a href=&//link.zhihu.com/?target=http%3A//url.cn/MquqIM& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&http://atian25.github.io/files/%E5%BC%80%E6%BA%90%E6%8A%80%E6%9C%AF%E6%9E%84%E5%BB%BA%20Web%20App%20%E6%9E%B6%E6%9E%84-Paracutin-%E8%B1%8C%E8%B1%86%E8%8D%9A.pdf&/a&&/p&
jsp 和 angularjs 根本不具有可比性。 angular是前端MVW框架，对比的是backbone, embed等。 想知道angular能干嘛， 看看豌豆荚的这个分享： &开源技术构建 Web App 架构-Paracutin-豌豆荚.pdf&
谢邀， 这问题想回答很久了， 奈何项目比较忙， 今天终于可以忙里偷闲作答下：&br&&br&图多预警：&br&--------------------------------------------------------------正文分割线------------------------------------------------------------&br&题主说了这么多挺不容易， 从中了解到题主对于css html js 的理解还有点浅；题主进入前端开发的时间应该不长，同很多新手一样为了快速实现功能顾不上原理直奔目的，最后使用的工具或引入的库越来越多；&b& 结果：&/b& 功能是实现了， 但维护就悲剧了！&b& 最终学的只是使用工具而不是使用css&/b&;&br&&br&&b&以大部分新手的知识储备还驾驭不了太复杂的页面，所以不建议为了追求页面效果不求甚解乱引库或乱用工具；&/b&&br&&br&&b&学习是个循序渐进的过程不能&/b&&b&一蹴而就&/b&&b&，该怎样学习CSS? &/b&&br&&br&&br&&b&个人将css学习规划成以下三部分（学习CSS是很大、佷泛的问题，本文只提供一种学习思路）：&/b&&br&&br&&b&1.基础；&/b&&br&有答主提到项目驱动学习，的确，&b&实战编码是提高CSS的最佳手段&/b&，但不建议新手立马开始实战；因为新手对CSS基础知识不了解，&b&更容易&/b&在实际开发中走弯路（不只新手，css基础不好的前端也经常走弯路），例如：浮动、定位的滥用、脚本、CSS相互间用法不当、雪碧图用法错误等；很多弯路就是不熟悉CSS基础语法造成的；&br&&br&&b&该怎么提高CSS基础能力？&/b&&br&&b&1.1 看书；&/b&&br&购买大家公认的好书看看， 以下推荐下口碑很好且自己看过的好书：&br&&b&《css权威指南第三版》&/b&&br&&figure&&img src=&https://pic3.zhimg.com/50/ecce482e1c4a_b.jpg& data-rawwidth=&349& data-rawheight=&350& class=&content_image& width=&349&&&/figure&&br&“CSS权威指南”是公认的好书，就是更新太慢，第三版已经是最新版，本书 讲解的内容还停留在CSS2.0且里面还随处穿插 “Netscape ”（网景浏览器）的bug，（要知道连我这个进入前端好几年的人都没开发过兼容网景浏览器的任何网页了！PS： 私以为火狐 虽源于网景但不算网景浏览器）&br&&b&但 本书关于CSS2.0的讲解仍很详细很实用！ 毕竟我们现在开发PC端网页用最多的还是CSS2.0。（IE9 才开始遵循CSS3规范， 而且学习CSS3也得先学CSS2）&/b&&br&&br&&b&《大巧不工》&/b&&br&&figure&&img src=&https://pic4.zhimg.com/50/6b8a697c9ced2d995afd777ab999dab4_b.jpg& data-rawwidth=&483& data-rawheight=&629& class=&origin_image zh-lightbox-thumb& width=&483& data-original=&https://pic4.zhimg.com/50/6b8a697c9ced2d995afd777ab999dab4_r.jpg&&&/figure&本书重点讲解的不是CSS，应该说CSS技巧只在里面占&b&很小很小的篇幅&/b&， 但这本书能让你了解整个网页开发的所有环节；其中的CSS常用语法讲解很实在也很实用， 优化篇章涉及的CSS优化技巧仍是当前行业开发的主流做法（个人见解）；&br&&br&&b&《禅意花园》
&/b&&br&&figure&&img src=&https://pic2.zhimg.com/50/89ffb301ee6e708de77d_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&br&&br&唯一一本买了还没看完的书，更偏重于设计， &b&css的实战代码技巧并（bing）不（mei）多（you）&/b&， 新手不建议购买阅读, 书很精致，每页都是彩色的哦，有空时可当做扩展读物；&br&&br&&b&1.2 w3cshool &/b&&br&&figure&&img src=&https://pic2.zhimg.com/50/3fbbdcaa804a690bbe182_b.jpg& data-rawwidth=&386& data-rawheight=&349& class=&content_image& width=&386&&&/figure&&br&&br&市面上很多CSS书籍（特别是国内的）都是直接从w3cshool抄录的，书名不提也罢，重要的是&b&w3cshool的CSS教程真的很经典&/b&&b&啊！而且更新较快，CSS3教程老早就有啦！&/b&&br&优点：教程简短易懂； &br&缺点： 太简洁部分知识点没深入；&br&&br&&b&2.实战；&/b&&br&&b&老实说，第一部分的基础知识看完了你也记不住（=_=）， 如果没有实际编码 、遇到问题没经常回查或查阅API ，一般新手看完不出两月保证忘光！&/b&&br&&br&&b&所以要学好CSS，编写CSS代码必须是日常，下面分享 实战技巧：&/b&&br&&br&&b&2.1 调试工具选取&/b&&br&经历过 IE8、firefoxのfirebug、 国产各类双核浏览器、safria、opera、chrome浏览器调试的大叔告诉你， &b&当前调试工具 必须选择 &/b&&b&&/b&&br&虽然 safria用的跟chrome之前一样的Webkit内核、国产浏览器极速模式也是Webkit内核，但跟真正的chrome相比在调试时体验还是有很大差距的，&b&对比过的人都懂！(ps: 新版的chrome已是blink内核)&/b&&br&&figure&&img src=&https://pic3.zhimg.com/50/ca220ce1b6ece71ad4a66_b.jpg& data-rawwidth=&658& data-rawheight=&441& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/50/ca220ce1b6ece71ad4a66_r.jpg&&&/figure&&br&别人家的教程：&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/freeyiyi1993/p/3620670.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&chrome调试技巧--持续更新&/a&&br&&br&个人推荐必须会的两小技巧（非新手跳过）：&br&&b&可以让网页中的任何元素， 改变状态；&/b&&br&&figure&&img src=&https://pic3.zhimg.com/50/9babd3b0_b.jpg& data-rawwidth=&553& data-rawheight=&206& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&https://pic3.zhimg.com/50/9babd3b0_r.jpg&&&/figure&&br&&b&可以修改（增删改）任何元素的样式或类名：&/b&&br&&figure&&img src=&https://pic3.zhimg.com/50/e57415dec62f67aabd7a498e3c97b851_b.jpg& data-rawwidth=&533& data-rawheight=&211& class=&origin_image zh-lightbox-thumb& width=&533& data-original=&https://pic3.zhimg.com/50/e57415dec62f67aabd7a498e3c97b851_r.jpg&&&/figure&&br&&figure&&img src=&https://pic2.zhimg.com/50/4c760a849a7aebbbcdacfc_b.jpg& data-rawwidth=&461& data-rawheight=&248& class=&origin_image zh-lightbox-thumb& width=&461& data-original=&https://pic2.zhimg.com/50/4c760a849a7aebbbcdacfc_r.jpg&&&/figure&&br&&b&2.2 css api手册 （在线网页版、PC客户端、chm&/b&&b&手机版&/b&&b&）&/b&&br&开发过程中，特别是刚开始开发CSS常常会忘记CSS的一些用法， 这时候就得查API了，css
API个人推荐&b&“CSS4.20（飘零雾雨版）”&/b&；该API 包括CSS2 、CSS3且能随时检查更新（手动点击其首页检查更新）。&br&&br&&b&网页版&/b&：&a href=&//link.zhihu.com/?target=http%3A//css.doyoe.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS参考手册_web前端开发参考手册系列&/a&&br&&figure&&img src=&https://pic1.zhimg.com/50/cdd3bb6d76b_b.jpg& data-rawwidth=&537& data-rawheight=&504& class=&origin_image zh-lightbox-thumb& width=&537& data-original=&https://pic1.zhimg.com/50/cdd3bb6d76b_r.jpg&&&/figure&&br&&b&PC客户端chm版:&/b&&br&&figure&&img src=&https://pic2.zhimg.com/50/5fcc967dac57aae0caaf42c273b4a95c_b.jpg& data-rawwidth=&674& data-rawheight=&611& class=&origin_image zh-lightbox-thumb& width=&674& data-original=&https://pic2.zhimg.com/50/5fcc967dac57aae0caaf42c273b4a95c_r.jpg&&&/figure&&br&&br&&b&chm版如果下载下来打开的都是404， 注意右键chm -& “属性”去掉“只读”或“锁定”&/b&&br&&figure&&img src=&https://pic1.zhimg.com/50/44ea6c9fdf692efc9a5f41e_b.jpg& data-rawwidth=&377& data-rawheight=&480& class=&content_image& width=&377&&&/figure&&br&&br&&br&&b&chm&/b&&b&手机版：&/b&&br&去360手机助手搜索“chm”就能找到“chm 阅读器X”&br&&figure&&img src=&https://pic1.zhimg.com/50/2fb1cabf6d0e24e0f739dc62a10c7687_b.jpg& data-rawwidth=&72& data-rawheight=&72& class=&content_image& width=&72&&&/figure&&br&然后就能在手机看&b&CSS4.20（飘零雾雨版).chm ：&/b&&br&&figure&&img src=&https://pic1.zhimg.com/50/022ebedb88f_b.jpg& data-rawwidth=&619& data-rawheight=&551& class=&origin_image zh-lightbox-thumb& width=&619& data-original=&https://pic1.zhimg.com/50/022ebedb88f_r.jpg&&&/figure&&br&&b&还能看 w3cshool CHM版哦：&/b&&br&&figure&&img src=&https://pic3.zhimg.com/50/28f1e3cdcf8acf8b0ea71a_b.jpg& data-rawwidth=&621& data-rawheight=&618& class=&origin_image zh-lightbox-thumb& width=&621& data-original=&https://pic3.zhimg.com/50/28f1e3cdcf8acf8b0ea71a_r.jpg&&&/figure&&br&&br&&b&2.3 css 代码积累&/b&&br&&br&
大家一定有经历过：以前写过很牛逼的CSS效果，然而 电脑重装系统、电脑坏了、电脑被坏人偷了！然后那段代码就没了T_T！！ 所以代码存储云端很重要，个人建议将css实战代码保存github, 一来自己备忘， 二来交流分享；&br&&br&例如题主提到如何简单实现 居中？CSS3的伸缩盒布局就可以，伸缩盒个人实践代码：&br&&a href=&//link.zhihu.com/?target=https%3A//github.com/wteam-xq/testDemo/blob/master/cssFlexBox.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&testDemo/cssFlexBox.html at master · wteam-xq/testDemo · GitHub&/a&&br&&br&&b&3.交流；&/b&&br&&b&自个儿看书、埋头写代码提高实在太有限，互联网行业不能闭门造车！&/b&&br&&br&与别人交流才能知道 如何实现CSS最优，怎么写CSS是错误的， 方能跟上新技术的发展例如： CSS3相关酷炫实现、新版浏览器实现了哪些css3、各浏览器当前份额应对方案等；&br&&br&交流的方式有：&br&&b&3.1.前端开发网站、博客&/b&&br&知乎的&b&前端话题、CSS话题 &/b&就很不错，经常看到大神对CSS的见解；&br&经典的有（个人小收藏）：&br&&a href=&http://www.zhihu.com/question//answer/& class=&internal&&有哪些经常被误用的 HTML、JavaScript、CSS 的元素、方法和属性？ - 一丝的回答&/a&&br&&a href=&http://www.zhihu.com/question//answer/& class=&internal&&有谁能详细讲一下css如何画出一个三角形？怎么想都想不懂？ - Vkki 的回答&/a&&br&&a href=&http://www.zhihu.com/question//answer/& class=&internal&&腾讯问卷 http://ur.qq.com/ 是如何实现导航栏毛玻璃背景效果的？ - 黎博的回答&/a&&br&&br&&b&张鑫旭博客：&/b&&br&&a href=&//link.zhihu.com/?target=http%3A//www.zhangxinxu.com/wordpress/2010/12/css-%25E7%259B%25B8%25E5%25AF%25B9%25E7%25BB%259D%25E5%25AF%25B9%25E5%25AE%259A%25E4%25BD%258D%25E7%25B3%25BB%25E5%EF%25BC%%25B8%2580%25EF%25BC%2589/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS 相对|绝对(relative/absolute)定位系列（一） <<
张鑫旭&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//www.zhangxinxu.com/wordpress/2010/01/css-float%25E6%25B5%25AE%25E5%258A%25A8%25E7%259A%%25B7%25B1%25E5%%25E7%25A0%%25A9%25B6%25E3%E8%25AF%25A6%25E8%25A7%25A3%25E5%258F%258A%25E6%258B%%25B1%%25B8%2580/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS float浮动的深入研究、详解及拓展(一) <<
张鑫旭&/a&&br&&br&&b&w3cplus:&/b&&br&&a href=&//link.zhihu.com/?target=http%3A//www.w3cplus.com/blog/666.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&深入了解 Flexbox 伸缩盒模型&/a&&br&&br&&b&慕课网相关教程：&/b&&br&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/93& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS Sprite雪碧图应用&/a&&br&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/space/teacher/id/197450& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&张鑫旭&/a&&br&&br&&b&3.2.论坛、Q群&/b&&br&前端的论坛个人比较少收藏， csdn、iteye这类太旧，欢迎补充；&br&Q群，豪哥的JS高级群 比较靠谱， w3cplus 站长 大漠， 小志、剧中人等CSS高手都在其中， 但把控比较严，新人已经很难进高级群了。&br&其他靠谱CSS群欢迎评论区补充；&br&&br& 除了建议先完成《css权威指南》、w3cshool css教程外，其他步骤没顺序， 总的来说：我们学习CSS &b&基础是核心、实战是目的、交流是进阶！关系图如下：&/b&&br&&figure&&img src=&https://pic4.zhimg.com/50/f496ccf446fce08da7f332_b.jpg& data-rawwidth=&650& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&650& data-original=&https://pic4.zhimg.com/50/f496ccf446fce08da7f332_r.jpg&&&/figure&&br&&br&&br&&br&&br&&b&以上， 感谢耐心阅读完本答案。&/b&
谢邀， 这问题想回答很久了， 奈何项目比较忙， 今天终于可以忙里偷闲作答下： 图多预警： --------------------------------------------------------------正文分割线------------------------------------------------------------ 题主说了这么多挺不容…
以我的经验，大部分技术，熟读下列四类书籍即可。
&br&&br&&ol&&li&入门，用&b&浅显&/b&的语言和方式讲述&b&正确&/b&的道理和方法，如head first系列&/li&&li&全面，&b&巨细无遗&/b&地探讨每个细节，遇到疑难问题时往往可以在这里得到理论解答，如Definitive Guide/Programming xx系列
&/li&&li&实践，结合实际中经常遇到的情景环境，来描述如何&b&设计和解决问题&/b&，如cookbook系列
&/li&&li&深入，讲解一些文化，思路，甚至于哲学上的东西，真正做到&b&深入一种语言去编程&/b&，如unix编程艺术，程序员修炼之道等等&/li&&/ol&&br& 那么，目前为止我认为最好的书是：
&br&&br& css：
&br&&ol&&li& 入门： &i&Head First HTML and CSS, XHTML&/i&
这本2005年底的书依然是最易懂，清晰和正确的入门读物，去看看amazon排名就知道了&/li&&li&全面： &i&CSS, The Definitive Guide (3th Edition) &/i&
Meyer可能是css领域最权威和知名的作者，他在这本书里讲解了每个细节的实现和原理，更详细的东西恐怕只能从w3c那几乎不可读的文档中去寻找了&/li&&li&实践：&i&CSS Mastery (2th Edition)&/i&
Andy budd恐怕是英国最出色的css作者，这本书用简单直接的方式论述了很多实践中组件的正确实现以及可替代方法，包括css3&/li&&li&深入：很遗憾，css在这方面还没有一本必读著作，也可能并不需要，因为到了这个程度，多是用户体验和视觉设计了，目前最接近的是&i& Transcending CSS&/i&, 但不断的技术进化使得书中某些部分感觉有些落伍。&/li&&/ol&&br& 关于css3, 她是一个模块化的渐进式增强，且以2.1为基础，因此，请学好css2再学习css3，这方面我认为只需要一本实践书即可，告诉你css3能做到什么，毕竟，原理是共通的。
&br&&br&&i& The Book of CSS3 &/i& 推荐这本，一个技术人员写的组织清晰的css3模块描述和实践指南，还包括浏览器的实现情况，2011年5月出版，是目前为止最好的。
&br&&br& javascript:
&br&&br&&ol&&li&入门：&i&Eloquent Javascript
&/i&一位hacker写的编程入门，书中向hacker，open source, free software的欣赏和痴迷比比皆是， 比如官网下边那个向emacs致敬的console。作者很聪明，这本书的目标读者，beginners, 是不会因为这些小细节而向他叫好的。他想要的，只是把在其中浸淫多年的，真正意义上的编程精神，传达给初学者们而已。
少见地打败了对应的HeadFirst系列（&i&Headfirst Javascript&/i&)&/li&&li&全面：&i&Javascript, The Definitive Guide(6th edition) &/i& 伴随我们web开发者成长的一本javascript圣经，一直以来都是无可争议的最好与最全面的js书籍，2011年出版了最新版。&/li&&li&实践：在目前的web开发环境中，我们都是在使用各种js框架，很少自己写框架来开发，因此这本书的位置，应该留给你所使用的框架。如果是jquery，我推荐 &i&Jquery: Novice to Ninja&/i& 这本，框架方面的书，经常一本入门的就够了，因为更新实在太快，之后的研究学习只能全靠网络了。&/li&&li&深入：与css不同，js是一种真正的编程语言，所以对他的深入研究是一个长期的过程，css的深入更偏向技艺/工匠，而js更偏向设计/架构/艺术，我推荐以下几本从不同方面深入js的书，他们都是业界最顶级的js开发团队（yahoo）的成员和同事，因此思路是很统一的，著名的高性能网站建设指南1和2都出自这个团队。&/li&&/ol&&ul&&li&&i&Javascipt, The Good Parts
由JSON的发明者撰写&/li&&li&&i&Javascript Patterns
YSlow的合作开发者撰写&/li&&li&&i&High Performance Javascript&/i&
最好的zakas的书，虽然我不太喜欢他&/li&&/ul&
附上一些即将出版，我非常想看的书，有先睹为快的朋友可以分享一下心得:
&br&&ul&&li&&i&Secrets of Javascript Ninja
&/i&Jquery作者John Resig最新著作&/li&&li&&i&Node: Up and Running
认识一下流行的no-block js server&/li&&li&&i&Javascript Web Applications &/i&
这本号称是对当下js landscape的总结
&/li&&/ul&&br& 以上，如果以后有空，会再补充一下 Linux,
Ruby/Rails方面我读过的经典书籍：）
以我的经验，大部分技术，熟读下列四类书籍即可。 入门，用浅显的语言和方式讲述正确的道理和方法，如head first系列全面，巨细无遗地探讨每个细节，遇到疑难问题时往往可以在这里得到理论解答，如Definitive Guide/Programming xx系列 实践，结合实际中经…
&p&相对于父元素宽度的：&/p&&p&&code&[max/min-]width&/code&、&code&left&/code&、&code&right&/code&、&code&text-indent&/code&、&code&padding&/code&、&code&margin&/code& 等；&/p&&p&&br&&/p&&p&相对于父元素高度的：&/p&&p&&code&[max/min-]height&/code&、&code&top&/code&、&code&bottom&/code& 等；&/p&&p&&br&&/p&&p&相对于主轴长度的：&/p&&p&&code&flex-basis&/code& 等；&/p&&p&&br&&/p&&p&相对于继承字号的：&/p&&p&&code&font-size&/code& 等；&/p&&p&&br&&/p&&p&相对于自身字号的：&/p&&p&&code&line-height&/code& 等；&/p&&p&&br&&/p&&p&相对于自身宽高的：&/p&&p&&code&border-radius&/code&、&code&background-size&/code&、&code&border-image-width&/code&、&code&transform: translate()&/code&、&code&transform-origin&/code&、&code&zoom&/code&、&code&clip-path&/code& 等；&/p&&p&&br&&/p&&p&相对于行高的：&/p&&p&&code&vertical-align&/code& 等；&/p&&p&&br&&/p&&p&特殊算法的：&/p&&p&&code&background-position&/code& （方向长度 / 该方向除背景图之外部分总长度）、&code&border-image-slice&/code& （相对于图片尺寸）、&code&filter&/code& 系列函数等；&/p&&p&&br&&/p&&p&如果自身设置 &code&position: absolute&/code&，“父元素”指：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&Boring：破坏文档流的div高度设为百分比是相对谁而言的？&/a&；&/p&&p&如果 &code&position: fixed&/code&，“父元素”指视口（父级不存在 &code&transform&/code& 为非 &code&none&/code& 值的情况下）。&/p&
相对于父元素宽度的：[max/min-]width、left、right、text-indent、padding、margin 等； 相对于父元素高度的：[max/min-]height、top、bottom 等； 相对于主轴长度的：flex-basis 等； 相对于继承字号的：font-size 等； 相对于自身字号的：line-height 等…
学过的东西杂而不精，算不得大牛。带过前端团队，也算是有几年前端负责人的经验。&br&随着这几年前端node.js,react,Angularjs等技术新起，越来越多从之前单纯的前端开发到前端全栈开发，技术之多，之有趣，前端实在是繁华得很。&br&但是目前大多数情况下的前端开发，主要还是在web开发上，所使用的技术无非就是html,css,javascript。所以我觉得这个基础是很有必要的，把html,css,javascript学精通，已经是小神级别（我就很羡慕那些可以写一手好看的js的前端工程师）。&br&进入下一个阶段，优化！不管是前端，后端，任何一个技术方向，都实现功能，好的代码结构，接下来就是优化。你需要开始考虑页面的加载速度，代码压缩，图片压缩，dom节点的加载顺序，你会发现进入了新的境地。&br&&br&作为前端负责人：&br&1 前端开发的能力&br&2 技术选型&br&3 管理团队&br&4 前端团队文化塑造&br&&br&本回答只从技术角度阐述。&br&前端开发的能力，把html,css,javascript学好，你已经没有问题啦。&br&技术的选型，这对负责人的前端技术视野，甚至后端技术也有要求，还需要考虑团队的整体技术能力。&br&&br&转一个资源汇总，对技术视野或有帮助（转自 &a href=&//link.zhihu.com/?target=http%3A//cnodejs.org/topic/56ef3edda99d00e& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端资源教程&/a& 侵权删）&br&-----------————————————————————————&br&感谢知友，有好的前端内容告知我一下，列表持续更新&br&&br&&ol&&li&&p&综合类&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/sb/p/3894452.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端知识体系&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/JacksonTian/fks& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端知识结构&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/unruledboy/WebFrontEndStack& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Web前端开发大系概览&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/unruledboy/p/WebFrontEndStack.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Web前端开发大系概览-中文版&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web%2520Front%2520End%2520Stack.png& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Web Front-end Stack v2.2&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/justjavac/free-programming-books-zh_CN& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&免费的编程中文书籍索引&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/dypsilon/frontend-dev-bookmarks& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端书籍&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/vhf/free-programming-books& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端免费书籍大全&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/sb/p/3894452.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端知识体系&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/justjavac/free-programming-books-zh_CN& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&免费的编程中文书籍索引&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//study.163.com/course/introduction/224014.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&智能社 - 精通JavaScript开发&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&重新介绍 JavaScript（JS 教程）&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//v.163.com/special/opencourse/bianchengdaolun.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&麻省理工学院公开课：计算机科学及编程导论&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//segmentfault.com/a/0298& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript中的this陷阱的最全收集–没有之一&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JS函数式编程指南&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//liubin.github.io/promises-book/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript Promise迷你书（中文版）&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/AlloyTeam/Mars& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯移动Web前端知识库&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Front-End-Develop-Guide 前端开发指南&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//li-xinyang.gitbooks.io/frontend-notebook/content/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端开发笔记本&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/nieweidong/fetool& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&大前端工具集 - 聂微东&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//dwqs.gitbooks.io/frontenddevhandbook/content/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端开发者手册&/a&&/li&&/ul&&/li&&li&&p&入门类&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/jikey/p/3613082.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端入门教程&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.liaoxuefeng.com/wiki/867bd51a89c25cc8b43bdb3000& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&瘳雪峰的Javascript教程&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/view/11& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQuery基础教程&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/view/506& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端工程师必备的PS技能——切图篇&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/qiu-deqing/FE-learning& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&结合个人经历总结的前端入门方法&/a&&/li&&/ul&&/li&&li&&p&效果类&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/58& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&弹出层&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/18& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&焦点图轮播特效&/a&&/li&&/ul&&/li&&li&&p&工具类&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/93& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&css sprite 雪碧图制作&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/390& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&版本控制入门 – 搬进 Github&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/30& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Grunt-beginner前端自动化工具&/a&&/li&&/ul&&/li&&li&&p&慕课专题&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.gongchengketang.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&最体系最负责的前端在线教学网站&/a&&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/space/teacher/id/197450& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&张鑫旭 - 慕课系列&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/space/teacher/id/104593& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&lyn - 慕课系列&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/space/teacher/id/290139& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&艾伦 - 慕课系列&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/view/494& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&碧仔 - Hello，移动WEB&/a&&/li&&/ul&&/li&&li&&p&周报类&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/PaicHyperionDev/MobileDevWeekly& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&平安科技移动开发二队技术周报&/a&&/li&&/ul&&/li&&/ol&六. API:1. 总目录&ol&&li&&p&开发中心&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&mozilla js参考&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//developer.chrome.com/extensions/api_index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&chrome开发中心（chrome的内核已转向blink）&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//developer.apple.com/library/safari/navigation& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&safari开发中心&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//msdn.microsoft.com/zh-cn/library/d1et7k7c%28v%3Dvs.94%29.aspx& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&µsoft js参考&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//sanshi.me/articles/JavaScript-Garden-CN/html/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&js秘密花园&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//bonsaiden.github.io/JavaScript-Garden/zh/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&js秘密花园&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.w3help.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&w3help&/a& 综合Bug集合网站&/li&&/ul&&/li&&li&&p&综合搜索&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.javascripting.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&javascripting&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//microjs.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&各种流行库搜索&/a&&/li&&/ul&&/li&&li&&p&综合API&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&runoob.com-包含各种API集合&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//tool.oschina.net/apidocs& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&开源中国在线API文档合集&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//devdocs.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&devdocs&/a& 英文综合API网站&/li&&/ul&&/li&&/ol&2. jQuery&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.jquery123.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQuery API 中文文档&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//hemin.cn/jq/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&hemin 在线版&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.css88.com/jqapi-1.9/on/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&css88 jq api&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.css88.com/jquery-ui-api/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&css88 jqui api&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//learn.jquery.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&学习jquery&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//james.padolsey.com/jquery/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jquery 源码查找&/a&&/li&&/ul&3. Ecmascript&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//leanpub.com/understandinges6/read& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Understanding ECMAScript 6 - Nicholas C. Zakas&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//leanpub.com/exploring-es6/read& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&exploring-es6&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/es6-org/exploring-es6& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&exploring-es6翻译&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//es6-org.github.io/exploring-es6/& class=& wrap external& ta}
我要回帖
更多推荐
- ·Win11中将网易下载163邮箱到桌面放到桌面？
- ·货主企业如何实现煤炭运销管理系统水运物流精细化管理？
- ·那个有查找朋友软件是干嘛的知道这个是什么软件吗？急
- ·购买抽油烟机买哪个牌子经济又实惠时，哪些品牌性价比高且划算？
- ·网红猫表情包|猫咪一个猫扭头惊讶的表情包张嘴表情包|一只胖猫双下巴表情包萌萌哒的猫咪表情包来一波
- ·为什么一个人在靠自己作文六年级小学生的时候全靠手机来维持他的学习呢！
- ·现在买美版iphone7plus价格格怎么样啊
- ·打开qq现实qq sd卡不可用用
- ·我的电脑是华硕笔记本双显卡切换电脑X452M，赛扬处理器，显卡是N卡920M，为什么玩英雄联盟FPS会很低啊
- ·qq发不了图片 为什么 手机qq图片文字一起发
- ·这是ddr2 ddr3 ddr4还是ddr3？
- ·zukzuk z1拆机机内存卡能拆吗？
- ·u盘盘符一直闪烁,提示需要格式化，u盘杀毒后 盘符不能用软件试过没有病毒，diskgenius检测分区无损坏
- ·为什么我的手机放在电脑一连手机就蓝屏旁边电脑一连手机就蓝屏就蓝屏
- ·x-09芯科无线麦克风ce认证怎么连接电脑?
- ·你好我的手机号归属地查询接口打别人的手机别人不显示我的归属地，换个手机给别人打
- ·百度云搜索下载的gta怎么 才能安装到手机
- ·华为Bl一AL10怎么把手机卡华为手机如何装手机卡里
- ·华为rio uloolouloo多钱
- ·为什么summernote不能用ng-ng repeat 用法
- ·大家帮我看下我的电脑电源额定功率计算是多少的 还有我想换个显卡换什么显卡最好呢 预算300以内谢谢大家了！
- ·光伏发电板电抵押贷款
- ·要在亚马逊智能家居平台选产品销售，从家居/宠物用品入手，哪些比较新奇好卖？
- ·小龙虾现在多少钱一斤一两的多少钱一斤（批发价）
- ·青岛舜能机械有限公司润滑油的公司介绍给我下，谢谢！
- ·之前听朋友说在网上高校助学贷款信息网，自己的信息可能会被泄露出去，是不是真的？
- ·怎样新手炒股入门门
- ·么么贷有有的人用好用又的不好用过吗？好用吗？
- ·70000万1 厘2的五万六厘利息还三年用六个学该是多少钱的五万六厘利息还三年
- ·钱嗖嗖绑银行卡问题的问题。
- ·污水处理厂环评报告书需要哪种环评类别？
- ·20000024513945苏宁快递是什么快递递
- ·西凌家宅路怎么翻译怎么盖房子最好？
- ·私人开酒厂好不好淘宝开店必须注册商标标啊
- ·阳煤集团中煤矿建总医院院转院须知
