yi742891270的博客

https://coding.imooc.com/learn/list/412.html公司花钱买的，我边学边做笔记设置vscode设置然后下个Prettier - Code formatter以后保存就能格式化了下载tsnpm install typescript@3.6.4 -gts版本npm install -g ts-node@8.4.1node执行ts文件这样，以后就能//demo.tsconsole.log(123);PS D:\touchFish\code\

那么我们就可以这样，{.=?'dark':'light'})

由于采用了vite3而不是vue-cli，所以以前的很多兼容方式都不能做。接下来就看一下vite是怎么做到低版本兼容的问题。

这个其实就是localStorage或者sessionStorage本身的调用而已，只不过这个更简单，对象也不用转换序列化直接拿就行。可以看到，状态结果都有返回的，如果以后是想做过渡动画或者判断是否还在请求中之类的，可以直接调用这个，判断isLoading就可以。官方说的是,将ref克隆到reactive中,但是ref和reactive的深拷贝好像也是可以的?要根据路由是history还是hash，传对应的值才会显示正确，hash就是有#的那个。可以查看其中是否为处理完成，或者看失败效果都是可以的。

以VITE_为前缀！！比如。

tailwincss 4 ，在官网搜vite的安装方法，就可以了。在postcss.config.js使用插件就可。

替代vuex的，可好用了一种是这样用的，state返回的东西呢，在外部就可以直接用另一种写法是这个return什么的，也是可以拿到的改变值像常量一样地改变和vuex一样，pinia存在的意义就是为了响应式地保存全局的值和改变值，但是pinia改变值可简单了还是上面地例子，使用useCounterStore如果不想用单个对象接受，喜欢用这种方式，调用一个方法就可以传对象，改对象都是可以地比如加多一个给useCounterStore$patch的改变方式像上面的，也确实是可以胜任大多数工

其是一个前端的在线IDE，可以登录你的GitHub来绑定，也可以直接在这网址打开github的代码运行。当点这些的时候，会自动创建一个在线项目，主题和vscode差不多，可以直接运行。

3.0较比于2.x的特性，没用过或者会忘的知识

上一个杂谈太多字再添加进去浏览器崩掉了,新开一个85、idea/WebStorm 通过ctrl+左键跳转到源文件现在总有这种问题然后ctrl+左键点进去，又显示没有这不扯蛋嘛，要真没有我项目都跑不起来了，所以肯定不是代码的问题，是编译器的问题。然后翻转了好久，终于找到一个靠谱的了设置进去，setting–>Languages&Frameworks–>javaScript–>Webpack，选择manually手动，然后我自己做的项目都又webpack的，就在项目\n

一、$refs卧槽总是忘了，总是和父子组件传值搞混，父子组件之间是传值的。但是，比如子组件是弹窗，就是很普通的弹窗，父给子一个show=true，子就根据这个show来弹窗，不要这么傻了，不要这么做，会有很多bug。在子组件里面，定义一个函数，用于子的弹窗显示，比如 showPop(){ this.password = ''; this.show = true; },子组件就弹窗用v-model绑定show，show为真就显示。很明显，只要调用子组件的这个函

uniapp 的基础要方便使uniapp，最好先下个HBuildertX，这个是uniapp官方推荐的，很多东西都集成界面化操作的先从网上拿个开源项目做示范吧https://github.com/stavyan/TinyShop-UniAppgit地址：https://github.com/stavyan/TinyShop-UniApp.git下载好后配置// 安装yarn命令npm i -g yarn// 安装依赖yarn这个项目其实已经集成了很多东西了,package.json就

1、positon:fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。{position:fixed;left:0;right:0;botton:0;}flex:1;均等分.tab-bar-item{ flex:1;}........................