下载APP 编程狮,随时随地学编程
返回 首页

前端开发笔记本

开始阅读
手册说明:

前端开发笔记本

本文作者:Li Xinyang 本文来源:https://www.gitbook.com/book/li-xinyang/frontend-notebook/details

点击这里开始在 GitBook 阅读!

点击这里开始在极客学院 Wiki 阅读!(中国大陆访问速度较快)

前端开发笔记本的 GitHub 项目地址在这里。如果你觉得这个项目不错,请点击 Star 一下,您的支持是我最大的动力。





《前端笔记本》涵盖了 Web 前端开发所需的全部基本知识以及所对应的学习路径。它并不能当做一本完整的学习材料来进行前端的学习,因为在有限的篇幅中无法深入的展开每一个单独的知识点。它更适合作为一个学习清单或者是查询手册,结合其他在各个方面更专业的图书或者官方文档来进行同步学习。在学习过程中为了能达到最佳的学习效果,也可将每个技术点实现并进行适当的拓展。

写作进程

第一版草稿 完成时间 1507252244

章节 名称 进程
第一章 页面制作
第二章 JavaScript 程序设计
第三章 DOM 编程
第四章 页面构架
第五章 前端产品构架

成就

1508311803 - 100 Stars: @dszls, thank you!

1511071358 - 200 Stars: @cschenchen

1511222144 - 300 Stars: @lujun9972

1512102333 - 400 Stars: @Niefee

1601231619 - 500 Stars: @wangdsh

1603261510 - 600 Stars: @lty2226262

1605170450 - 700 Stars: @eqzcy

1608010000 - 800 Stars: @BeOker

1610050000 - 900 Stars: @but0n

1612210000 - 1k Stars: @arcobalenoi27 :tada: :tada: :tada:

相关链接

  • NEC {N: nice, E: easy, C: css;}

声明

前端笔记本大纲及内容由网易云课堂前端专业改编

This work by Li Xinyang is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.



目录

前端工程师概述

Photoshop

工具, 面板, 视图
测量及取色
切图
图片保存
图片优化与合并

开发及调试工具

Sublime 编辑器
Atom 文本编辑器

HTML

HTML 简介
HTML 语法
HTML 标签
实体字符
浏览器兼容

CSS

语法
选择器
文本
盒模型
背景
布局
变形
动画
常见布局样例

JavaScript 程序设计

JavaScript 介绍
调试器
基本语法
类型系统
类型识别
内置对象
变量作用域
表达式与运算符
语句
闭包
面向对象
正则表达式

DOM 编程艺术

文档树
节点操作
属性操作
样式操作
DOM 事件
多媒体
Canvas
BOM
数据通信
数据存储
JavaScript 动画
表单操作
列表操作

页面架构

CSS Reset
布局解决方案
响应式布局
页面优化
页面模块化

产品前端架构

协作流程
接口设计
版本控制
技术选择
开发实践

书单

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }