前端 -- 目录

0. 视频资源

前端 --- 视频资源

1. 基础

1. HTML

1. 官方文档

W3C--- 中文官网

MDN--- 文档官网

2. 学习笔记

HTML --- H4

HTML --- H5

2. CSS

CSS --- C2

CSS --- C3

3. JavaScript

JavaScript--- 基础语法

JavaScript--- WEB APIS (Dom / Bom 操作)

4. TypeScript

TypeScript --- 基础

TypeScript --- 练习案例 --- 贪吃蛇

5. ajax、axios、XHR

ajax、axios、XHR --- 发送网络请求

6. Sass / Less

7. Node.js

Node.js--- JavaScript的后端语言

8. 工程化

工程化 --- 包

工程化 --- webpack

9. 案例

常用页面效果 --- 基础效果

常用页面效果 --- 京东商品图片放大镜效果

常用页面效果 --- 在每次打开视频时从上一次的观看时间开始播放

综合案例 --- 图书管理(CRUD) + Bootstrap5 模态框(Modal)

综合案例 --- 个人信息设置 + Bootstrap5 提示框(Toast)

综合案例 --- Bootstrap5 提示框(Alert)

综合案例 --- 图片上传相关案例

综合案例 --- 省市区下拉框三级联动

综合案例 --- 音频可视化

综合案例 --- 一键网页黑白

综合案例 --- 轮播图

10. 项目

项目 --- 尚品汇 (HTML + CSS + JS)

项目 --- 数据管理后台

2. PC 端

1. Vue

PC端 --- Vue

2. React

3. Angular

4. Native

5. UniAPP

PC 端 --- UniAPP

6. UniAPPX

3. 移动端

0. 技术选型

原生的APP性能更好:

1. 原生APP把页面文件存在本地, 服务器压力小
2. 原生APP页面渲染能力强

codova、uniapp、taro 都是通过浏览器内核实现页面渲染, 相当于离线html方案, 将传统网站服务器上的动态 html 文件直接放到了 app 或 小程序里, 和原生APP的第一点一样, 在用户从引用商店下载app的时候就放在里面了, 解决了服务器压力的问题, 但是没有解决页面渲染能力的问题, 绝大多数的APP对页面渲染能力的要求不高, 如果页面动画比较复杂, 则需要选用 ReactNative 和 Weex

ReactNative 和 Weex 是用 javascript 来实现页面原生渲染, 原生开发想渲染哪个页面就直接渲染哪个页面, 而这两个是通过 javascript 来给原生系统传话来渲染页面, 所以这两个框架的性能相比原生开发要差一些, 但比浏览器内核渲染的性能好, 但是多端页面的展示一致性是不如上面框架的

flutter 不需要 javascript 在中间传递, 而是用自己的渲染引擎, 多端页面展示一致性比较好, 渲染引擎和原生渲染差不多

1. uniapp

2. Flutter(谷歌)

3. ReactNative(脸书)

4. Weex(阿里)

5. taro(京东)

6. Electron

4. 原生小程序

1. 微信

原生小程序 --- 微信

5. CDN

bootcdn --- 官方网站

jsDelivr --- 官方网站

6. Echarts

1. 中国地图(2D)

Echarts --- 中国地图(2D)

Echarts --- 生成中国地图

折线图常用配置

7. 通用插件

nanoid --- 唯一随机字符串生成器

HighCharts --- 基础

Date Range Picker --- 时间选择器

swiper --- 轮播图插件库

form-serialize.js --- 表单数据快速收集插件

lodash --- 很多JS底层没有实现的方法

中国省市县 JSON 文件

成熟的 IM 通信插件

8. 辅助开发工具

1. 开发全流程工具

蓝湖 --- 在线 UI 设计网站

思维导图软件 --- XMind

接口文档在线编写 --- apifox

在线公开API --- 在线公开免费的API接口

2. 其他工具

截图软件 --- Snipaste

画笔软件 --- ZoomIt

AI智能Excel --- ChatExcel

免费免广告解压软件 --- bandizip

应用下载器 及 其历史版本, ( 需要梯子 )

Chrome历史版本API列表

css可视化工具

TVBro --- 电视浏览器官网

9. 优化策略

优化 --- SEO --- 搜索引擎优化

优化 --- 防抖技术

优化 --- 节流技术

10. 智慧城市

智慧城市 --- 地球可视化

11. 素材网

素材 --- 音乐免费下载