移动端开发基础
屏幕适配屏幕适配，一直是作为一个前端开发始终逃不掉的问题，这个话题可以追溯到最开始的PC端浏览器的不同分辨率，再到移动端不同的屏幕尺寸，一直伴随着前端工程师的日常的页面开发工作。所谓屏幕适配，可以理解为一个网页元素或者网页布局，在不同尺寸，分辨率等场景下，如何呈现最佳的效果。 从最早的PC端屏幕来说，大部分的屏幕适配采取的是：
页面框架最外层元素宽度固定，并且居中，高度随内容自适应，比较常见的是宽度为960px～1080px。
页面内部的元素大多数使用盒子模型构建，采用固定宽高，当内容超出时，会出现滚动条。
对于一些需要根据屏幕不同而展示不同大小的元素，可以给元素设置百分比的单位。
随着HTML5和CSS3的到来，逐渐出现了弹性布局（flex布局），媒体查询Media Query，和响应式页面概念，这些特性都可以应用在PC端以及移动端屏幕适配解决方案中。除了这些之外，还有rem和vw方案更加有针对性的解决移动web页面的适配问题。
viewport视窗（视口）在HTML代码的<head>标签中，都有一行设置的代码，如下：
1<meta name="vie ...
Vue3基础使用
[TOC]
教程来源：https://www.bilibili.com/video/BV1C3411s7bV
Vue3介绍Vue3简介
Vue3提供了更好的性能，更小的捆绑包体积，更好的TS集成，用于处理大规模用例的新API
3.0版本开发周期长达两年多，期间产生了30+RFCS、2600+commits、628 pull requests，以及核心仓库之外的大量开发和文档工作
Vue3.0的发布标志着此框架已处于可用状态，尽管框架的某些子项目，可能仍需要进一步开发才能达到稳定状态（特别是devtools中的路由和VueX集成），不过现在仍然是开始使用vue3启动项目的合适时机
Vue3优势
3.0比2.0快2倍
3.0新加入了TS以及PWA的支撑
3.0没有beforeCreated、created，用setup替代
单功能可以抽离，watch、component
没有眼花缭乱的this
强大的Proxy实现响应式
响应式方面，性能得到很大的提升，不用初始化的时候就递归遍历属性
3.0的compsition api可以和2.0的options api同时存在
代码更利于封装和维护
...
Vue2源码解析
[TOC]
教程一大纲第一周（从零手写Vue2部分）https://www.bilibili.com/video/BV1mR4y1w7cU
Vue2响应式原理，模板编译原理，虚拟Dom原理，Vue初渲染流程
Vue2中生命周期原理，mixin原理，依赖收集Watcher、Dep原理
手写computed及watch原理，异步更新原理
手写Vue2中组件渲染原理、Vue.extend原理，Vue2diff算法
目标：掌握Vue2核心源码及核心设计思想
第二周（从0手写VueRouter及Vuex）
掌握HashHistory、BrowserHistory及路由钩子实现原理，及RouterView、RouterLink组件实现
从0实现Vuex，彻底掌握Vuex设计思想
目标：掌握前端路由实现原理及状态管理实现原理
第三周
剖析Vue2源码，调试Vue2核心源码
Vue2常见面试题解析
目标：掌握如何阅读框架源码，掌握Vue相关面试题
第四周（TS详解、掌握TS核心应用）
TS环境搭建、基础类型、类型推导、类
接口、泛型、TS兼容性
类型保护、高级类型、模块命名空 ...
vue基础教程01
[TOC]
vue基础Vue是什么？一套用于构建用户界面的渐进式Javascript框架
Vue的特点1.采用组件化模式，提高代码复用率、且代码更好维护
2.声明式编码，让编码人员无需直接操作DOM，提高开发效率
官网使用指南API：https://cn.vuejs.org/v2/api/
风格指南：https://cn.vuejs.org/v2/style-guide/
vue安装
直接cdn引入
下载和引入
npm安装
下载开发版本，链接：https://cn.vuejs.org/js/vue.js
下载调试插件，链接：https://www.aliyundrive.com/s/c6MCJCh3hku
关闭生产提示
123456789101112131415161718192021<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...
es基础
背景环境搭建基本使用索引操作创建索引在Postman中，向es发送PUT请求
对比关系型数据库，创建索引就等同于创建数据库
1http://120.132.96.181:9200/shopping
响应：
PUT具有幂等性，再发一次的话，结果是已经存在的
查看索引查看指定索引请求方式变为GET
查看全部索引路径如下：
1http://120.132.96.181:9200/_cat/indices/?v
删除索引DELETE
1http://120.132.96.181:9200/shopping
删除后再查看所有索引
之前创建的索引已经没有了
文档操作创建文档新版的es是没有表的概念的
索引已经创建好了，接下来我们创建文档，并添加数据
这里的文档可以类比关系型数据库中的表数据，添加的数据格式为JSON格式
发送POST请求，路径
1http://120.132.96.181:9200/shopping/_doc
请求体内容为
123456{ "title":"小米手机", "categor ...
Au
录制音频保存
Pr
设置横屏竖屏序列设置
片头文字片头手写体，ps处理成白色png；
Pr导入，右键 –> 嵌套；
效果搜索书写
转场点击素材，shift + d