知识谱

知识体系


WEB发展:
web1.0:网络-人(单向信息,只读,eg个人网站,大英百科全书);
web2.0:人-人(以网络为沟通渠道进行人与人沟通,eg维基、博客);
web3.0:人-网络-人(人工智能、关联数据和语义网络构建,形成人和网络以及网络与人的沟通,同时在SEO支持下,提高人与人沟通的便利性)

客户端


语言

DHTML(HTML、CSS、JavaScript) HTML5 VBScript(IE专用) Java applet ActionScript(用于Flash)

技术

网页亲和力(无障碍网页检测) 无表格网页设计 响应式网页设计 MVVM WYSIWYG 容错(优雅降级) CSS Sprite DOM WebGL MathML


服务器端


语言

ASP ASP.NET(C♯、VB.NET) JSP(Java) PHP CGI ColdFusion Perl Python Ruby Smalltalk Node.js(JavaScript)

技术

Web应用框架 AJAX MVC 单页应用 CRUD REST

应用

博客 网络论坛 企业门户网站 电子商务 内容管理系统 电子出版 数字下载 网页游戏

资料

系统资料库:

http://www.muhu28.com/
http://wf.uisdc.com/cn/]

相关标准:

W3C标准:
https://www.w3.org/
http://www.w3school.com.cn/html/index.asp

前端:

Jquery库
http://www.unheap.com/inputs-forms/password/
http://www.huiyi8.com/jiaoben/
http://www.htmleaf.com/
http://www.jq22.com/
https://www.oschina.net/translate/jquery-plugins-to-take-your-website-to-another-level
http://www.wufangbo.com/jquery-examples-list/
http://www.lanrenzhijia.com/jquery/
http://zhannei.baidu.com/cse/search?s=3013037989394521707&entry=1&q=%E6%90%9C%E7%B4%A2%E6%A1%86

Json和Jsonp的讲解
http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html

jsonviewer
http://codebeautify.org/jsonviewer

前端框架

CSS偏重的前端框架:

Bootstrap,这座大山我觉得怎么也逃不了:http://getbootstrap.com/
Semantic-UI,我个人比较喜欢的一个CSS偏重的前端框架:http://semantic-ui.com/
UIKit,这个也比较小清新:http://getuikit.com/

JS框架,目前基本上是三国鼎立:

Vuejs:http://vuejs.org/
React:http://facebook.github.io/react/
Angular: https://angularjs.org/

前端框架的一个讨论
https://zhuanlan.zhihu.com/p/19951923?columnSlug=FrontendMagazine


直接操作Dom和mvm的区别
http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001475449022563a6591e6373324d1abd93e0e3fa04397f000
感觉是一种硬编码和软编码,一种是直接操作,一种是关系起来,映射改变,有单向映射,也有双向映射
在线电子表格

从几个例子我们可以看到,MVVM最大的优势是编写前端逻辑非常复杂的页面,尤其是需要大量DOM操作的逻辑,利用MVVM可以极大地简化前端页面的逻辑。
但是MVVM不是万能的,它的目的是为了解决复杂的前端逻辑。对于以展示逻辑为主的页面,例如,新闻,博客、文档等,不能使用MVVM展示数据,因为这些页面需要被搜索引擎索引,而搜索引擎无法获取使用MVVM并通过API加载的数据。
所以,需要SEO(Search Engine Optimization)的页面,不能使用MVVM展示数据。不需要SEO的页面,如果前端逻辑复杂,就适合使用MVVM展示数据,例如,工具类页面,复杂的表单页面,用户登录后才能操作的页面等等


Vue : http://www.jianshu.com/p/c1e3b96c1293

Css框架大全
http://zh.learnlayout.com/frameworks.html(个人更喜欢pure和semantic)

Div,Css布局技巧大全(不建议用table):
http://www.imooc.com/article/2235

推特,Bootstrap在线布局:
http://www.ibootstrap.cn/

雅虎Pure布局:
http://purecss.io/start/
可以分组件导入,对于那些只需要某些组件的加入到他们自己的项目中的用户来讲,这个框架非常符合。

兼容性

属性兼容性验证 :
http://caniuse.com/

clear-fix
http://www.cnblogs.com/yjzhu/p/3227912.html

性能

http://www.jianshu.com/p/d857c3ff78d6
http://html5online.com.cn/articles/2013041401.html

工程化

操作系统

Linux


linux 简易教程 http://c.biancheng.net/cpp/html/2730.html
linux 基础知识 http://wiki.jikexueyuan.com/
linux 发送邮件 http://www.howtoing.com/send-email-attachment-from-linux-commandline
linux 神器lsof https://linux.cn/
linux 磁盘管理 http://wiki.jikexueyuan.com/project/linux/disk-management.html
linux 系统管理 http://wiki.jikexueyuan.com/project/linux/linux-os-daily.html


linux 各个压缩工具区别比较:http://www.cnblogs.com/joshua317/p/6170839.htmloo

建议使用taz:

压缩:

tar -zcvf test.tgz /usr/test

解压:

tar -zxvf test.tar


Python


Python全栈 http://fullstackpython.atjiang.com/
Python库查询 https://awesome-python.com/

文章目录
  1. 1. 知识体系
    1. 1.1. 客户端
    2. 1.2. 服务器端
  2. 2. 资料
    1. 2.1. 系统资料库:
    2. 2.2. 相关标准:
    3. 2.3. 前端:
      1. 2.3.1. 前端框架
      2. 2.3.2. 兼容性
      3. 2.3.3. 性能
      4. 2.3.4. 工程化
  3. 3. 操作系统
    1. 3.1. Linux
  4. 4. Python