cozy666的博客

3.当用户成功提交表单数据后，我们需要清除localStorage中保存的数据，以便下次重新填写表单时能够从空白的状态开始。我们通过created生命周期钩子函数来判断localStorage中是否有之前保存的表单数据，如果有，则将其解析并赋值给formData，完成数据的恢复。1.在Vue组件中，我们可以使用computed属性来监听表单数据的变化，并将数据保存到localStorage中。使用computed属性来监听表单数据的变化，并将数据保存到localStorage中。

1.伪元素:before和:after添加的内容默认是行内元素（加宽高无效，需要调整为行内块或者块级元素），两个伪元素的content属性，表示伪元素的内容，设置before和after时必须设置其content属性，否则伪元素不起作用。伪元素不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样，可以对其使用如页面元素一样的CSS样式，表面上看上去貌似是页面的某些元素来展现，实际上CSS样式展现的行为，因此被称为伪元素。

Vite在本地能更快的根本原因，是借用了浏览器原生ESM能力，从而跳过了生成bundle的时间，再加上能够不依赖第三方插件将编译结果缓存，而且esbuild自身的也有着更快的运行速度，从而实现了Vite快速的冷启动。

让块级标签完美的排列在一行。

可以继承的常见属性（文字控制属性都可以继承）ps:可以通过调试器查看是否能够继承注意：a标签的color会继承失效；h系列标签的font-size会继承失效。

Node.js是一个跨平台Javascript运行环境，使开发者可以搭建服务器端的Javascript应用程序。编写后端程序，提供网页资源浏览功能等等；前端工程化：为后续学习vue和react等框架做铺垫；前端工程化是指开发项目直到上线，过程中集成的所有工具和技术（压缩工具、格式化工具、转换工具、打包工具、脚手架工具、自动化部署等），这些工程化都离不开Node.js，可以主动读取本地前端代码的内容，可以对前端代码进行相应的处理；

小程序端不支持*选择器，可以使用（view,text）例如骨架屏样式出现问题，需要将之前的样式拷贝到骨架屏中。提示：H5端是单页面应用，scoped隔离样式。页面视口差异(tabar页、普通页)app端默认是系统webview渲染。经测试app端组件样式也会默认隔离。H5端默认开始scoped。

在项目打包时，存在打包微信小程序、h5网页端或者其他平台小程序的情况，但是有些api是某些小程序中特有的，例如wx.requestPayment()，微信支付、授权等功能。在打包网页端时会出现路径问题，需要在manifest.json中配置，改为相对路径。需要注意以wx开头的api，以及open-type，这是小程序中特有的。这时，若不做条件编译，打包成非微信小程序的项目则会报错。针对这一问题，需要使用#ifdef将特殊代码进行包裹。

打开pages.json，里面多了一个subPackages。1.在src下新建一个文件夹，在该文件夹中新建分包页面。3.预下载，加入preloadRule。

3.点击button获取encryptedData，iv。在botton中加入open-type="getPhoneNumber"并绑定getPhoneNumber事件 @getphonenumber="onGetPhoneNumber"1.封装api 这里必传参数有三个，其中code为微信登录code，作为登录凭证，需要调用wx.login()来获得。注意：要企业认证才能使用getphonenumber方法。2.在页面中使用wx.login()来获得code。在绑定事件中获取用户手机号码。

2.将生成的wxml代码复制到vscode，在index的components中新建一个vue文件，只需保留请求接口的部分即可。3.在首页中去使用骨架屏组件，如何接口正在加载则显示骨架屏，如果加载结束则显示返回的结果。1.打开微信开发者工具，找到模拟器中的页面信息，选择生成骨架屏。为什么需要骨架屏：为了缓解用户打开程序时等待接口的焦虑情绪。将wxss代码复制到style中。

注意：如果不用await直接调接口，会导致数据加载顺序不确定，可能数据还没返回完就已经关闭动画。如果三个接口都加上await，则会等待第一个接口返回后再执行第二个接口，以此类推，延长了数据加载时间。最优方案：用Promise.all()方法同时加载三个接口，配合async await，这样可以保证三个接口都返回后再执行下一步操作。4.关闭动画，添加refresher-triggered属性，在数据请求前开启刷新动画，在数据请求完成后关闭动画。2.监听事件，添加refresherrefresh事件。

业务逻辑如下：api函数升级定义分页参数类型组件调用api传参。

分析：需要在滚动容器中添加滚动触底，在猜你喜欢中获取数据。难点：如何在父页面调用子组件内的方法。父组件中用ref，并定义组件实例类型，子组件中暴露方法。考虑到组件实例会在多处用到，直接早types的component.d.ts中定义。1.在父组件中添加scrolltolower事件，用于调用子组件方法获取数据。3.在子组件中利用defineExpose将方法暴露出去。2.给子组件添加ref属性，并给定义组件实例类型。最后在父组件触底时调用。

tsconfig.json中配置。1、安装uni-ui。

vue3+ts版：npx degit dcloudio/uni-preset-vue#vite-ts 项目名称。1.通过HBuilderX创建。

1.技术架构。

在做微信公众号开发时，需要验证开发者服务器，在测试号管理页面上填写url开发者服务器地址。由于是本地内网，所以需要使用ngrok工具做到内网穿透，将本地端口号开启的服务映射外网跨域访问的一个网址使用方法：运行ngrok.exe文件，输入：ngrok http 端口号 ，回车后看到online状态表示映射成功，并将映射后的网址填入管理页面。注意ngrok每次运行的网址都不一样，所以尽量不去关闭。

于是我和后端想了一个办法，让后端通过转发视频流的方式来解决，他给我flv流，通过websocket进行数据传输，我通过后端转发的flv流，使用flv.js进行解析播放。听着需求好像很简单，但是~我们需要在一个界面上显示两个厂商的视频（海康、大华），海康这边使用的是萤石自带的平台进行播放，实现比较容易，而大华没有提供播放平台，需要我们自己去实现，原本我想用萤石的平台去播放大华的视频，但是萤石是私码流，对于大华的流解析不了，所以不能这样进行实现。记录一下最近要做的需求，我个人任务还是稍微比较复杂的。