在uni中使用vue3写h5的pdf导出 把dom转canvas，屏幕截图基于 DOM，因此可能不是 100% 准确到真实表示，因为它不会制作实际的屏幕截图，而是根据页面上可用的信息构建屏幕截图。components/pdf 创建pdf文件夹。在需要的页面绑定id 事件。在main文件中引入。
nvm 及pnpm管理工具指令 nvm uninstall [node版本号]nvm install [node版本号]nvm use [node版本号]显示可下载的node版本部分列表。可查看当前版本的node安装路径。安装最新版本的node。安装指定版本的node。删除指定版本的node。
解决vue3中使用个别form表单校验失灵 注意的是 如果要对reactive重新赋值 会丢失原来响应式对象的引用地址 变成一个新的引用地址 这个新的引用地址指向的对象是没有经过 reactive 方法处理的 可以选择包裹一个对象。也可以使用 Object.assign(from, res.data) 来进行处理。当我把form通过ref或者reactive定义在外面的时候 表单校验就可以成功了。
文件导入以及在线编辑-xml案例 然后 在下面创建一个js文件 叫 data_format_utils。然后在 editor目录下创建一个组件 我这里叫 index.vue。data_format_utils.js 参考代码如下 用来格式化。在components下创建一个文件 叫 editor。然后在main.js全局引入依赖 参考代码如下。
vue3 使用全局svg vite-plugin-svg-icos -D 包 不行就再安装 fast-glob -D。src 同级目录新建vite文件夹下的 plugins 文件夹 建一个svg-icon.js。如果有elementplus icon 再同目录下新建一个 js文件。使用。svg图片都放在 assets下的icons下的svg文件夹中。component文件新建文件夹 SvgIcon文件夹。在vite.config.js文件里。和index.js 文件。
vue3中使用element-plus 分页修改英文goto 在使用element-plus 的 Pagination 分页的时候 他默认是英文的。我的解决办法是到app.vue 页面 给他包上一层由plus官方提供的全局配置标签。把goto 更换成 到 且在跳转后面加入 页 字。可以看到警告 里面拿到el里面各种组件 其中就有分页。就可以完成 再解决一下警告 完整的代码如下。然后再layout最后放入slot插槽。我们就可以通过设置更改他。
React新版本路由6.x 及路由懒加载 Routes>和一样，如果匹配上了，往下就不会再匹配了，相当于一个 if 语句，如果其路径与当前 URL 匹配，则呈现其对应的组件。 也可以嵌套使用，且可配合useRoutes()配置 “路由表” ，但需要通过 组件来渲染其子路由。属性，当你点击NavLink标签时，加哪个样式的类名, 在v6版本中，想要实现自定义的类名，需要把。 和 要配合使用，且必须要用包裹。
get两个新属性 css固定宽高比 css相关的 关于宽高比 写在css样式中aspect-ratio：2/1 （宽与高的比是2:1）盒子上面写contenteditable=true 盒子内可编辑或者 js中 document.designMode = “on” 在document中可编辑
git指令 常用指令分支管理 git branch 查看本地分支 git branch -r 查看远程分支 git branch -a 查看本地和远程分支 git checkout <branch-name> 从当前分支，切换到其他分支 git checkout -b <branch-name> 创建并切换到新建分支 git branch -d <...
antd-vue中v-model不能和 v-decorator同时使用 <a-input v-decorator="['name', validatorRules.name]" placeholder="请输入"></a-input>获取v-decorator的值methods: { changeMe(Value) { //Value就是当前触发字段的值，也可以用下getFieldValue获取 this.form.getFieldValue('name') } }..
在vue项目中使用svg 1.安装svg依赖npm i svg-sprite-loader2.配置 vue.config.js 补充如下代码const path = require('path')function resolve (dir) { return path.join(__dirname, dir)},chainWebpack (config) { // set svg-sprite-loader config.module .rule('svg') .
ant design vue中，表格的自定义scopedSlots渲染 比如 当我们需要格式化时间的时候 直接写在column中 可以传参数到slot中。也可以在template中写模板中对应的slot-scope可以用来传递参数，其中第一个参数是当前字段对应的值progress，第二个参数是当前字段对应的所有值对象,即整个data...
vue项目启动提示Error: No ESLint configuration found. npm init -ynpm install eslint --save-dev手动添加.eslintrc.js文件 配置如下代码module.exports = { root: true, parserOptions: { parser: 'babel-eslint' }, env: { browser: true, }, extends: [ // https://github.com/vuejs/eslint-plugin-vue#...
移动端实现返回之前浏览过页面 滚动条还在上次浏览的位置 移动端在滚动列表的时候 切换列表 会相互影响 原本我在这个列表滚动到这个位置 切换到一个列表滚动到最底部 再切换回来 这边的列表也变成最底部了 其实 无论是在第一个频道 还是再另一个频道 他其实都是滚动的都是body元素 别问我是怎么知道的可以定义一个方法，监听他的onscroll事件， 递归这个元素的子节点 再去调用这个方法 对这个页面的所有节点 都监听，滚动的时候 只有真正触发的那个元素 才能打印出来把这个打在控制台 可以查看是哪个元素在滚动function find...
Vue3与Vue2 新增了哪写 vue3相比于vue2 性能提升了不少 首次渲染更快 占用内存更少 打包体积也会更小 而且很好的支持了ts的使用vue2 中的 template 标签内只能有一个根元素, 将 template 中的根元素直接替换到 #app 处vue3 中没有该限制, 可以放任意多个根元素, 将 template 中的根元素全部以 appendChild 方式加入 #app, 不是替换Vue2 实现响应式的原理: Object.definePro...
体验TypeScript 两分钟入门 格式let 变量名: 类型 = 初始值let str: string = 'ts'const age: number = 18str = 'dddd'console.log(str)console.log(age)作用 为变量添加类型约束 变量后的：就是类型注解 JS 已有类型 原始类型：number/string/boolean/null/undefined/symbol 对象类型：object（包括，数组、对象、函数等对象） TS 新增类型 联.
React中在非组件的状态下使用history 在react-router-dom中有Router这个包 但是Router没有history属性Router + HashHistroy = HashRouterRouter + BrowerHistroy = BrowerRouter安装react-router-dom时，默认会安装history包，我们可以通过这个包来自己创建history对象具体步骤import { createBrowserHistory } from 'history'export const histo.
浅谈Event loop事件循环机制 Eventloop 是指浏览器或node的一种解决javaScript单线程运行时,不会阻塞的一种机制 也就是我们经常使用异步的原理在js中 任务被分为两种一种是宏任务(MacroTask)：setTimeout,setInterval一种是微任务(MicroTask)： process.nextTick,Promise.then 同步任务在栈中先执行,进入主线程,异步任务进入任务队列,根据异步事件类型,进入对应的宏任务队列或者微任务队列中, 当执行栈为空的时候 ...
关注
