前端文章索引:HTML+CSS+JS

1 HTML

1.1 HTML5

HTML5 – 1.基础
HTML5 – 2.新元素
HTML5 – 3.加强版ol
HTML5 – 4.canvas

1.2 Emmet HTML快速结构生成

Emmet Cheat Sheet(Sublime编辑)

2 CSS

2.1 CSS3

CSS3–1.css3 新增选择器 2015-01-24
CSS3–2.css3 响应式布局 2015-02-16
--2年后--
CSS MDN - 选择器与样式化文字 2019-07-03
CSS3 - flexbox 2019-07-21

2.2 《精通CSS第3版》

《精通CSS第3版》(3)可见格式化模型+(4)网页排版 2019-07-02
《精通CSS第3版》(5)漂亮的盒子 2019-07-12
《精通CSS第3版》(6)内容布局(定位+水平布局) 2019-10-12
《精通CSS第3版》(6.3)Flexbox 2021-11-27

2.3 《CSS新世界》

《CSS新世界》4 opacity ,border-radius, box-shadow 2022-07-24
(6.1)分栏布局 - column 2022-02-11
(6.2)弹性布局 2022-02-15
(6.3)网格布局 grid 2023-06-30

3 Javascript

3.1 javascript 常用方法

javascript常用方法 - Object

javascript常用方法 - Array

javascript常用方法 - String

正则相关

冷知识 javascript 对特殊符号的转义顺序

查看字符串中文本出现次数

正则方法:XXXX.match(/</g)

浅拷贝与深拷贝

const copy = Object.assign({}, obj);

对于全是基础类型的数组,Array.slice(0) 为深拷贝,否则为浅拷贝

深拷贝与浅拷贝

JS的对象比较,JS的数组比较

JS的对象比较,JS的数组比较

3.1.1 this

判断this

3.1.2 闭包

JS高级:闭包

5.作用域闭包 - 《你必须知道的javascript(上)》- 1.作用域和闭包

A2.4 闭包 - 《jquery实战》javascript 必知必会(2)

3.1.3 bind()、call() 和 apply()

call() 和 apply()
Objects/Function/bind
Objects/Function/call
Objects/Function/apply

3.5.4 原型继承

JS高级:面向对象原型继承解析

原型 - 你必须知道的javascript(上)》- 2.this与对象原型

3.5.5 构造函数

JS高级:面向对象的构造函数

3.2 Javascript 事件

获取textarea中text的选中值

JS中鼠标左右键以及中键的事件

光标
输入框input或内容区域textarea中关于光标移动问题

Selection对象表示用户选择的文本范围或插入符号的当前位置。
Selection 对象
Range 对象

模拟按键'ESC',解决韩语等输入法对输入框(codemirror)的支持

3.3 ES6

ES6 - 字符串的扩展(模版字符串)
ES6 - 箭头函数
ES6 - 对象扩展(增强字面量)
ES6 - 函数扩展(函数参数默认值)
ES6 - 数组扩展(扩展运算符)
ES6 - 解构(数组和对象)
ECMAScript6 - 2.变量的解构赋值
ES6 - Class与继承
ES6 - Generator生成器
ES6 - Map 与 Set (数据结构)
ES6 - Promise
ES6 - Fetch API

4 typescript

typescript - 1.环境搭建
typescript - 2.数据类型
typescript - 3.函数
typescript - 4.es5与typescript的类与继承
typescript - 5.接口
typescript - 6.泛型
typescript - 7.模块
typescript - 8.命名空间
typescript - 9.装饰器

5 资料

ECMAScript 6 入门 - 阮一峰
TypeScript 入门教程 - xcatliu
TypeScript 中文网 - 手册指南

6 requirejs

requireJS 的回顾

7 jquery

Jquery思维导图

2.选择元素 - 自定义过滤器《jquery实战》

3.操作jQuery集合《jquery实战》

4.自定义数据《jquery实战》

jQuery的deferred对象解析

8 HTTP

图解HTTP

9 正则表达式

正则表达式 - 入门知识
C#正则 - 数据结构和算法 – 5.模式匹配和文本处理
JS split 靠正则来分割使结果中包含分隔块 2022-05-31

10 knockoutJS

Knockout 官网学习文档目录 2019-01-19

11 Node

nodeJS 版本控制 nvm 2023-01-31

12 angular

angular 基础知识 2023-01-28
angular - 路由 2023-02-14
angular - HttpClient 2023-09-01
angular - Rxjs 2023-09-01
(未看)angular - NgRx (Redux) 2023-09-01


angular 英雄之旅 2022-11-21
《angular 高级编程》学习集锦 2023-08-14
angular - 常用类和属性 2023-09-21

13 bootstrap

bootstrap 5 样式复习 2023-12-27

14 DevTool

vscode 常用设置与插件推荐
Chrome - 2022 好用的chrome 插件 2022-07-27
Chrome - console.log 消息的颜色 2023-11-15

posted @ 2019-07-02 22:31  【唐】三三  阅读(709)  评论(0编辑  收藏  举报