sxiaobi

学习于技术胖(https://jspang.com/detailed?id=82#toc21)01 pinia的优势和环境安装兼容vue2和vue3，可以在老项目中使用省略掉mutaions操作，只有state、getters、actions简化了状态管理库的使用，让代码编写更加直观。不需要嵌套代码，符合vue3的composition Api完整的支持TypeScript,vuex对TS的支持不完整代码更加简洁，可以实现很好的代码自动分割。Vue2的时代，写代码需要来回翻滚屏幕屏幕找变量.

1、全局安装vite：npm install create-vite-app -g2、创建项目：npx create-vite-app project-name3、cd project-name -> npm install -> npm run dev4、至此项目搭建完毕， 浏览器访问：http://localhost:3000/5、npm install vue-router@next -S 安装路由，并且配置路由文件 history: createWebHashHistory(

require is not define 报错

搬运链接：https://juejin.cn/post/6844903929164070926Ant Design 使用Upload组件默认方式上传图片到阿里云OSS背景近来做了一个管理后台，采用的AntDesignPro脚手架，阿里版的React全家桶，包含Ant Design组件库，Dva状态管理，权限模块，国际化，主题定制等等称成熟的解决方案，当然这不是今天要将的重点。今天要谈论的是使用Upload默认方式上传到OSS，为啥要用默认的方式上传呢？No reason ! Why not .

如果有对接商米机型的同学可以参考，在Android环境下获取商米机型的SN码，参考如下代码：博主这边使用的是 M2_MAX，1.首先在AndroidManifest.xml中添加如下权限： <uses-permission android:name="android.permission.READ_PHONE_STATE" />在需要的地方获取SN码// #ifdef APP-PLUSvar build_Obj = plus.android.newObject("android

vue3.0 中文预览地址vue3.0 github地址怎么使用vue-cli生成vue3.0的项目？安装vue-cli v4.5以上版本npm install -g @vue/clivue3.0新特性Vue3采用渐进式开发，向下兼容性能提升Composition Api 解决Vue2 组件开发的问题新的API加入* Teleprot 瞬移组件* SusPense 解决异步加载组件问题更好TypeScript支持性能提升* 打包减少41%* 初次渲染提升55%*

直播回放观看，尤雨溪 vue 3.0 Bate视频B站观看入口：https://www.bilibili.com/video/BV1Vk4y1R7nb?from=search&seid=16444809052248618350尤大Vue3.0直播虚拟Dom总结(和React 对比)掘金文档：https://juejin.im/post/5e9faa8fe51d4546fe263eda...

项目需求：点击marker会默认弹出一个窗口，我想不点击直接弹出，怎么搞？企业联系我们地址，百度地图页面一打开默认显示标注提示框如图首先去出vue项目本身引入的vue Baidu Map 的插件在vue-cli 根目录项目中 public>index.html引入百度地图插件<!-- 百度地图 --><script type="text/javascript...

{ "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div class=>$5</div>", "&lt...

官方文档：https://www.echartsjs.com/option.html#xAxis.axisLine<!-- 后台统计图表 --><template> <div> 后台统计图表 <div class="echart"> <div id="main" :style="{width: '100...

经常遇到h5上面网页不好调试的问题，推荐一个下腾讯爸爸的开源项目vconsole,alloylever使用AlloyLever来搞定开发调试发布，错误监控上报，用户问题定位https://www.cnblogs.com/CyLee/p/6970914.htmlVue-cli中使用vConsole，以及设置JS连续点击控制vConsole按钮显隐功能实现http://www.cnblogs...

vue a标签链接拼接&amp;amp;amp;amp;amp;amp;lt;a :href=&amp;amp;amp;amp;amp;quot;['./ranklistmusic.html?id='+item.id ]&amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;lt;a&amp;amp;amp;amp;amp;amp;gt;

vue-cli3快速创建项目 https://www.jianshu.com/p/5e13bc2eb97cnpm install axios

项目背景：最近在做一个网站页面的改版，有一个返回顶部的功能需求，考虑怎么才能有更好一点的用户体验。1. 第一种实现方法转载 https://www.cnblogs.com/JosephBee/p/7326556.htmlvar scrollTop = document.documentElement.scrollTop || document.body.scrollTop;docu...

问题背景: 项目中用户总是可能误触到返回按钮，但此时可能并不希望返回，所以需要弹框进行确认操作。原理：利用history 和 浏览器 刷新popstate状态 去实现每一次返回都会去历史记录回退 -1 所以就在进入页面之前 往历史记录里面多记录一次当前页面的链接。然后再回退的时候监听刷新，去做一些事情。1、挂载完成后，判断浏览器是否支持popstate// BBBB.vuemoun...

核心方法：addEventListener、removeEventListener<template></template><script>//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）//例如：import 《组件名称》 from '《组件路径》';export default { //impor...

参考资料：【Vue.js】基于vue的实时搜索，在结果中高亮显示关键词 https://www.cnblogs.com/pengshengguang/p/8059190.htmlJS不区分大小写匹配字符串高亮模拟浏览器Ctrl+F https://www.jianshu.com/p/936029d3b9a6js转义和反转义html https://www.cnblogs.com/daysm...

目录文件说明 ├─dist 生产环境打包目录`npm run buil`├─test 预发布环境（测试）打包目录`npm run test`├─public 项目根目录 ...

设置请求头// 请求参数类型为FromData时候的headers的配置 let FromDataconfig = { headers: { 'Content-Type': 'multipart/form-data;boundary = ' + new Date().getTime() }}axios.post('/account/', data, From...

rem布局 https://tgideas.qq.com/doc/frontend/spec/m/layout.html<style> html { font-size: 100px; } </style> <script> //屏幕适应 (function (win, doc) { if ...