摘要： 参考文章 https://baijiahao.baidu.com/s?id=1678787660555400574&wfr=spider&for=pc https://blog.csdn.net/weixin_40712618/article/details/126232040 vue双向绑定的核心 阅读全文

摘要： App干啥 就是将数据展示给用户看 处理用户的一些界面操作 MVC model：数据模型层，提供数据。提供接口给controller进行访问。 view：视图层，渲染数据 controller：控制层，调用数据渲染视图。 负责将model的数据用view的视图展示出来。 view接收数据，contr 阅读全文

摘要： view 是视图层，就是用户界面 主要由html和css构成，来展示model的数据 model 是数据模型，就是从后端操纵的数据 ViewModel 是视图数据层 封装从后端获取model数据，生成符合view层的视图数据模型，让数据更容易管理和使用 视图的状态和行为都封装在ViewModel里， 阅读全文

摘要： 拓展运算符 就是三个点... 作用：拆解字符串和数组 替代push和concat方法 arr2.push(...arr1) arr3=[...arr1,..arr2] 拷贝数组和对象 arr2=[...arr1] obj2={...obj1} 与解构赋值一起使用 let arr=[1,2,3,4,5 阅读全文

摘要： 解构赋值 按照一定的模式，从数组和对象中提取值，对变量进行赋值 左右两边的模式要相同 数组解构，注意顺序层次相同 对象解构，注意属性名字相同 let [a,b,c]=[1,[2,3,4],5] let {x,y}={y:123,x:456} 连续结构赋值+重命名 const obj={a:{b:1} 阅读全文

摘要： 可以直接使用变量 以前是用大量“”和+拼接起来的 let name='zsf' let str=`i am ${name}` 多行字符串 换行和缩进都会被保存 let str=`i am zsf i love tutu` ${}中可以放任意js表达式 可以是数学运算 可以是调用函数 阅读全文

摘要： 动态构建 也叫动态编译（dynamic compilation） java 的动态编译和前端的不一样，java动态编译最普遍的是即时编译，目的是为了提高性能 本地开发服务器动态编译功能目的是为了节省人力，方便调试，本质是监听和触发 webpack-dev-server 是官方提供的用于搭建本地开发环 阅读全文

摘要： 本地开发服务器的主要功能 动态构建 解决的问题是面向开发层的，通过监听，修改，触发，构建，这4个流程来避免每次修改都要人为构建一遍，实现即时调试 mock服务 解决的问题是面向前后端协作层面的，本地服务器提供mock数据接口辅助前端逻辑编写 SSR项目，本地开发服务器还要具备解析html模版的功能， 阅读全文

摘要： web项目中的资源定位 存在引用关系的资源之间被引用方地址的改动会及时同步到引用方 资源定位的历史变迁 原始形态 一切都很简单 web以静态展示为主，没有复杂的交互逻辑 部署方式是将css，js图片等静态资源和服务器端代码放在相同路径 不论开发生产环境，资源之间的相互引用使用相对路径就可以了 但随着 阅读全文

摘要： 客户端浏览器的缓存 利用本地缓存，localstorage, sessionstorage。属于代码架构层面的优化措施，不属于前端工程体系的服务范围 利用http缓存策略，分为强制缓存（根据过期时间决定是否请求）和协商缓存（每次发出请求，服务器比对后，决定是否使用本地还是新资源）。采用哪种策略由ht 阅读全文