失落卡卡西0
获得徽章 0
初识HTTP
1什么是HTTP？ 超文本传输协议 应用层协议，基于TCP协议 请求 响应 简单可扩展 无状态的协议。
2HTML CSS Javascript WebAPIs HTTP DNS / UDP TLS TCP IP
协议发展：1 请求发展GET 2 增加了Header 3 链接复用 4 二进制协议
3 协议分析 ---报文
200 OK -客户端请求成功
301 资源（网页等）被永久的转移到其他URL
302 临时跳转
401 Unauthorized- 请求未经授权
404 请求资源不存在，可能是输入了错误的URL
500 服务器内部发生了不可预期的错误
504 Gateway Timeout -网关或者代理的服务器无法在规定时间内获得想要的响应
1什么是HTTP？ 超文本传输协议 应用层协议，基于TCP协议 请求 响应 简单可扩展 无状态的协议。
2HTML CSS Javascript WebAPIs HTTP DNS / UDP TLS TCP IP
协议发展：1 请求发展GET 2 增加了Header 3 链接复用 4 二进制协议
3 协议分析 ---报文
200 OK -客户端请求成功
301 资源（网页等）被永久的转移到其他URL
302 临时跳转
401 Unauthorized- 请求未经授权
404 请求资源不存在，可能是输入了错误的URL
500 服务器内部发生了不可预期的错误
504 Gateway Timeout -网关或者代理的服务器无法在规定时间内获得想要的响应
展开
评论
点赞
WEB标准与前端开发
1关于前端开发 ：起源 架构 变迁
架构： HTTP ，CSS Javascript web的三种基本技术 ： HTML CSS URL
css和javascritp 是几年后出现的
变迁： 只读时代（1989-2004 HTML/CSS/Javascript） 单向发布 静态只读 刷心界面 表格对其元素
体验时代（Ajax/Web API /JQuery） 动态交互 社交媒体 用户生成内容（UGC）单页应用（SPA） jQuery YUI
敏捷时代（Fetch /Node.js/Webpack）
模块化 组件化 转译 打包 React.js Vue.js
前端应用的领域： TO Business To Customer To Developer
前端应用的领域之终端与跨端：
命令行/终端： Webpack CLI BabelCLI VueCLI ReactCLI
桌面跨端： Electron NW.js
移动跨端： React Native Flutter
前端开发： 语言 框架 工具
语言： HTML CSS Javascript
框架： Vue React Node.js TS 给
工具： git babel webpack esbuild
1关于前端开发 ：起源 架构 变迁
架构： HTTP ，CSS Javascript web的三种基本技术 ： HTML CSS URL
css和javascritp 是几年后出现的
变迁： 只读时代（1989-2004 HTML/CSS/Javascript） 单向发布 静态只读 刷心界面 表格对其元素
体验时代（Ajax/Web API /JQuery） 动态交互 社交媒体 用户生成内容（UGC）单页应用（SPA） jQuery YUI
敏捷时代（Fetch /Node.js/Webpack）
模块化 组件化 转译 打包 React.js Vue.js
前端应用的领域： TO Business To Customer To Developer
前端应用的领域之终端与跨端：
命令行/终端： Webpack CLI BabelCLI VueCLI ReactCLI
桌面跨端： Electron NW.js
移动跨端： React Native Flutter
前端开发： 语言 框架 工具
语言： HTML CSS Javascript
框架： Vue React Node.js TS 给
工具： git babel webpack esbuild
展开
评论
点赞
深入浅出TypeScript
四个部分： A 为什么要学习TS B TS基础 C TS进阶 D 实战&工程向
a： TS （TypeScript 是JavaScript 的超集，用于解决大型项目的代码复杂性 强类型，支持静态和动态类型 可以在编译期间发现并纠正错误 不允许改变变量的数据类型
JS 一种脚本语言 动态弱类型语言 只能在运行时发现错误 变量可以被赋值成不同类型）
TS的特性： 1 类型安全 2 下一代JS特性 3 完善的工具链
TS基础-基础类型： 1Boolean，number，string 2枚举 enum 3any, unknown ,void 4 never 5数组类型[] 6元组类型 tuple
四个部分： A 为什么要学习TS B TS基础 C TS进阶 D 实战&工程向
a： TS （TypeScript 是JavaScript 的超集，用于解决大型项目的代码复杂性 强类型，支持静态和动态类型 可以在编译期间发现并纠正错误 不允许改变变量的数据类型
JS 一种脚本语言 动态弱类型语言 只能在运行时发现错误 变量可以被赋值成不同类型）
TS的特性： 1 类型安全 2 下一代JS特性 3 完善的工具链
TS基础-基础类型： 1Boolean，number，string 2枚举 enum 3any, unknown ,void 4 never 5数组类型[] 6元组类型 tuple
展开
评论
点赞
如何写好Javascript 原则： 1 CSS各司其责 2 组件封装 3 过程抽象
1 ：（1）HTML/CSS/Javasript （2）应当避免不必要的由JS直接操作的样式（3）可以用class表示状态（4）纯展示类交互要求零JS方案
2： 组件封装 （组件：是指Web页面抽出来一个包含模块（HTML），功能（JS）和样式CSS的单元 ） 一个好的组件具备： 封装性 真确性 扩展性 复用性
重构： 插件化
解耦： （1）将控制元素抽取成插件（2）插件与组件之间通过依赖注入的方式建立联系
1 ：（1）HTML/CSS/Javasript （2）应当避免不必要的由JS直接操作的样式（3）可以用class表示状态（4）纯展示类交互要求零JS方案
2： 组件封装 （组件：是指Web页面抽出来一个包含模块（HTML），功能（JS）和样式CSS的单元 ） 一个好的组件具备： 封装性 真确性 扩展性 复用性
重构： 插件化
解耦： （1）将控制元素抽取成插件（2）插件与组件之间通过依赖注入的方式建立联系
展开
评论
点赞
#新人报道# 一 什么是前端？
1 解决GUI人机交互问题
2 跨终端 （1）PC/移动浏览器 （2）客户端/小程序 （3）VR/AR 等
二WEB技术栈
1HTML (HyperText Markup Language)主体框架，内容
2 CSS 样式层叠表 定义样式
3 Javascript 定义行为，动作。
三 前端应该注意的事项： 1美观 2 安全 3 功能 4 无障碍 5性能 6 无障碍 7 体验
四 前端的边界 node.js electron React Native Web RTC WebGL
WebASSEMBLY
五 开发环境 ： 1浏览器： IE Chrome Firefox Safari
2编辑器： VScode Vim WebStorm
1 解决GUI人机交互问题
2 跨终端 （1）PC/移动浏览器 （2）客户端/小程序 （3）VR/AR 等
二WEB技术栈
1HTML (HyperText Markup Language)主体框架，内容
2 CSS 样式层叠表 定义样式
3 Javascript 定义行为，动作。
三 前端应该注意的事项： 1美观 2 安全 3 功能 4 无障碍 5性能 6 无障碍 7 体验
四 前端的边界 node.js electron React Native Web RTC WebGL
WebASSEMBLY
五 开发环境 ： 1浏览器： IE Chrome Firefox Safari
2编辑器： VScode Vim WebStorm
展开
评论
点赞