cookie
替换公共cdn库
本地
云服务
后面讲到生产环境部署的时候，再具体介绍
公开项目药品订单管理系统
只讲登录页面和一个客户管理的增删改查，其余部分作为实战班的项目
未登录访问，重定向到登录页
后端mock （实战班）
时间格式化
参考 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
推荐使用 strftime 函数的方法
strftime('%y%m%d')
随机字符串
参考
function randomString(length, chars) {
var result = '';
for (var i = length; i > 0; --i) result += chars[Math.floor(Math.random() * chars.length)];
return result;
}
var rString = randomString(32, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ');
数组的 reduce
get current url
The window.location object can be written without the window prefix.
Some examples:
window.location.href returns the href (URL) of the current page window.location.hostname returns the domain name of the web host window.location.pathname returns the path and filename of the current page window.location.protocol returns the web protocol used (http: or https:) window.location.assign() loads a new document
local storage
session storage
亮点宣传
图表界面、实时曲线图
复杂texteditor 插入视频
web socket
HTTPS/TLS
Basic authentication scheme
https://developer.mozilla.org/en-US/docs/Web/HTTP/Authentication#basic_authentication_scheme
CORS
https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
正则表达式
ReactHook
第一阶段不讲了。
scss sass
https://stackoverflow.com/questions/5654447/whats-the-difference-between-scss-and-sass
一些建议
参考下面链接中的学习内容
https://codeburst.io/6-mistakes-youre-making-as-a-beginner-web-developer-f7ac9b3df0a
不知道该在什么地方讲的东西
前端开发者 开发的 HTML/CSS/JS 等文件，放在网站服务器上，运行Nginx之类的Web服务软件
后端开发者 开发的 后端服务程序（包括业务服务，数据库服务等） ，也部署 网站服务器，并且运行
后端服务程序通常是处理 数据库相关的信息。 比如：返回某个用户、订单的具体信息。
用户使用浏览器打开 网站对应的网址，浏览器就会下载网址对应的 HTML CSS JS 等文件到本机
然后，浏览器解析执行 HTML/CSS/JS ，呈现网页内容在浏览器界面上
如果HTML内容只是静态页面，浏览器只需解析 HTML CSS 后即可呈现。
比如 白月SMS系统 里面的登录界面
有些数据信息是动态的，比如，用户管理界面、订单管理界面，不可能 直接 做在 页面里面的，这样的信息如何呈现？
典型的方式是这样的：
-
浏览器访问该数据信息网址，这个网址 对应的 就是一个存在磁盘上的HTML文件。
这个HTML文件中，包含着js代码。
-
浏览器执行 js代码就会动态的发起 HTTP请求 （访问API服务地址）给 web服务器 获取数据（比如订单）。
-
服务端收到请求后，发现访问的是API服务地址，转发给后端API服务
-
API 服务 从数据库读取出数据，返回给web服务器
-
web服务器 通过HTTP响应 将数据返回给 浏览器
-
浏览器再执行对应的JS代码，解析数据，更新呈现到界面上。
由于这种方法最终展示的HTML页面是由 前端产生的，我把它叫做前端呈现
还有一种方式叫 后端呈现
浏览器访问该数据信息网址，这个网址 对应的 不是 一个存在磁盘上的HTML文件。
后端服务程序接收到这个网址的访问请求，就会根据请求里面提供的信息（比如请求者账号等），从数据库中提取出数据，再把数据包装在HTML格式的网页字符串中，返回给浏览器。
这种方法，其实对浏览器来说，和静态网页基本没有区别。
由于这种方法最终展示的HTML页面是由 后端产生的，我把它叫做后端呈现
应用模式启动 Chrome/Edge
参考 https://peter.sh/experiments/chromium-command-line-switches/
就像PWA
“c:\Program Files\Google\Chrome\Application\chrome.exe” –app=https://www.baidu.com –profile-directory=Default –window-size=800,600 –window-position=200,100
“c:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe” –app=https://www.baidu.com –profile-directory=Default1
—————————————
实战班 项目 2 ： 药品订单管理系统2.0
要旨： 能让小白跟着教程开发一个前端界面。
从而有信心报班学习。