- 博客(54)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 pnpm monoreop 打包时 node_modules 内部包 typescript 不能推导出类型报错
根据这个报错搜索了一下，看到的解决方案就是把报错的包在。使用的，为什么会报错呢，因为之前vue的版本是。
2025-04-25 09:04:42
362
原创 【uni-app 微信小程序】新版本发布上线，用户本地版本更新问题总结
如果当前线上小程序没有这些更新代码，则需要下下次发版用户才有可能看到新版本已经准备好，是否重启应用？的这些提示（下次发版用户本地小程序就会有更新的代码，下下次发版用户小程序就可以触发了更新最新版了），经测试ios用户感觉都会静默更新，不会出现弹框提示。以上只是我自己的理解，我感觉微信的这个更新就是一个黑盒，我们按照操作来就行了，剩下的交给微信，相信相信的力量，如果这样都更新不成功，那就等着用户联系客服吧😄。
2025-01-09 09:56:55
1683
原创 【uni-app 微信小程序】新版本发布提示用户进行更新
所以在使用的时候要做好平台类型的判断，如何判断，参考。2、勾选编译设置，选择更新状态。3、手动点击编译按钮。
2024-12-06 15:04:12
1198
原创 vite工程化开发配置---持续更新
配置代理用于开发环境下解决接口跨域问题，要是后端人好给解决了跨域可以不配置。这个时候插件会自动给我们生成两个文件一个是。这个时候发现根目录下又多了一个文件。为了ts不报错，我们也需要配置一下。关于组件的按需导入官方文档上有介绍。配置了jsx相关选项，但是想要。关于代理的配置可以看这篇文章。能够识别我们还需要配置一下。保存之后，我们可以看一下。这个时候我们才配置一下。发现插件会自动帮我们把。所以我们也要修改一下。
2024-07-08 17:21:48
718
1
原创 vue3+vue-router+vite 实现动态路由
举一个最常见的例子，比如说我们要开发一个后台管理系统，一般来说后台管理系统都会分角色登录，这个时候也就涉及到了权限，比如说这个后台管理系统现在有超级管理员，管理员，运维，财务等这几个角色，每个角色登录系统之后都会有不同的权限，超级管理员需要所有的权限，财务可能只需要财务相关的模块(菜单)以及按钮等，通常实现这种需求会有以下常见方案。
2024-07-03 17:18:05
8228
1
原创 vue2与vue3数据响应式对比之检测变化
其实这里面就牵扯到了关于vue2与vue3内部实现响应式的原理了，vue2使用。3.为什么使用 $set之后就可以实现数据的响应, $set的实现原理是什么？这个字段，后续我们在操作中去修改这个字段，vue是不能给我们检测到的。2.vue2里面我往对象里面新增一个属性，这个时候界面会有变化吗？// this.info.address = "山东省济南市";然后发现不需要做特殊的处理，就可以实现我们想要的效果。4.vue2在处理对象和数据的时候有什么弊端？三个字段，我们想再点击按钮的时候，给。
2024-06-21 17:09:33
1357
2
原创 vue3 computed与watch，watchEffect比较
这个时候也不知道有了个什么样的需求，我想要给。发生变化的时候，我们要去请求一个接口获取详情。这个时候点击按钮后，可以看到控制台会输出。返回的只是一个只读的ref，接着往下看。我的理解就是，比如说我们要监听一个。可以看到是不行的，因为这个时候。,这个时候你可以做一些操作比如。这个时候页面上会显示。这个时候页面上就会展示。都是要根据一个或多个。
2024-06-21 14:59:16
726
原创 vite配置之获取.env.[mode]下的数据
文件，然后把我们自定义的字段配置进接口即可，至于这个文件你想都放到哪个位置，具体还是要看。如果我们的项目上线的环境比较多，或者再开发对接的时候要配置不同的环境，如。来开发的项目,我们就会发现，我们自定的字段ts并没有给我们有好的提示。本身我们现在工程化开发的规范下，我们的根目录就会有了一堆的配置文件。这个时候我们在使用的时候，就可以让vscode给我们有好的提示。然后我们还想在启动项目的时候通过命令去做一个区分，我们可以在。但是实际的开发当中，我们还需要增加一些自定义的字段，如。
2024-06-17 18:44:24
2431
原创 vite+ts配置之项目别名以及后缀省略
因为我的tsconfig配置是分了多个文件，所以我就在。我们可以发现，配置了别名之后，我们从。组件，我们需要下面这种方式。懒，为了少些几个字母。
2024-06-17 16:39:46
2272
原创 vite工程化搭建vue项目之自动按需导入
这些，如果我们项目中有很多vue文件，每个文件都手动引入的话也不太友好，虽然没啥问题。其实关于antd-design-vue,element-ui等ui库的图标都是可以在这里面找到的。这些包，总之来说可以实现用官方提供的图标集，能实现按需自动引入，也能实现自定义svg等。通过这些配置我们就可以实现在vue组件中想用哪个api，或者组件就用哪个api以及组件。这些编辑器宏我们是不需要导入的，因为vue已经帮我们实现了，但是。组合式开发的时候，大多数情况下我们的代码可能是这样的。这篇文章，因为我现在没有用到。
2024-06-13 22:13:40
1325
原创 vite配置unocss
unocss官方文档具体开发中使用遇到的问题可以参考不喜欢原子化CSS得我，还是在新项目中使用了Unocss - 掘金 (juejin.cn)UnoCSS 是即时原子 CSS 引擎，其设计灵活且可扩展。核心是不固定的，所有 CSS 工具都是通过预设提供的。这个因人而异，最直接的就是可以应付面试，如果面试官问，安装vite.config.ts配置新建vscode安装插件，有助于开发的时候有提示，以及显示编译后的css使用技巧给提供了一个样式编译查看地址，unocss.d
2024-06-13 19:16:31
970
原创 vue3+vite+ts+eslint+prettier+stylelint+husky+lint-staged+commitlint+commitizen+cz-git
vue3+vite前端工程化搭建,可以不搭建，但是一定要了解
2024-06-13 14:47:59
1320
原创 vite打包优化常用的技巧及思路
什么情况下会去做打包优化？一种是在搭建项目的时候就根据自己的经验把vite相关配置给处理好，另外一种是开发的过程中发现打包出来的静态资源越来越大，导致用户访问的时候资源加载慢，这个时候再开始去搞vite的打包优化。
2024-06-07 16:24:35
1140
原创 前端读取zip,并将zip转File上传到服务端.
一. 下载包npm i jszip -S二. 引入包 <script src="jszip/jszip.min.js"></script>三. 解析zip文件httpRequest({ file }) { // 解压文件 this.loading = true; const _this = this; // ********************************* start *********************************
2021-11-19 17:17:01
1807
原创 通过短信链接打开微信小程序获取scheme以及41001状态码问题
第一步. 获取access_token接口文档地址第一步. 获取小程序scheme接口获取scheme文档注意access_token要拼接到url里面进行传参,否则就会报41001{ "errcode": 41001, "errmsg": "access_token missing rid: 61380a88-1d662087-11a51fa3"}...
2021-09-08 09:13:01
2098
原创 vue3实现一个todo-list
实现方式不是最优,主要是为了学习vue3的一些新语法以及属性,各位大佬勿喷~功能介绍项目的搭建可以参考这篇文章vue3.x+vite+element-ui+vue-router+vuex+axios搭建项目相关代码index.vue<template> <div class="todo-list"> <el-card class="box-card"> <template #header> <.
2021-08-20 19:38:08
1052
1
原创 vue中sync的使用
vue2.3.x:以上是vue2.3.x时sync的用法,其实在平常的工作中我用到sync最多的场景一般是父子组件之间控制的dialog弹框的显示隐藏,其实看一下UI库的文档,比如element-ui的Dialog组件,它是支持sync属性比如我们有一个list.vue<template> <div> <button @click="add">新增</button> <a-dialog :visible.sync="
2021-08-20 19:32:14
17919
原创 vue3.x+vite+element-ui+vue-router+vuex+axios搭建项目
一. 参考文档vite官方文档vue3.x官方文档vue-router4.x官方文档vuex4.x官方文档element-ui3.x官方文档Ant Design Vue2.x官方文档axios文档二. vite搭建项目安装# npm 安装npm init vite@latest# yarn 安装yarn create vite# 快速安装vue模板项目yarn create vite my-vue-app --template vuenpm init vite@la
2021-08-18 18:02:21
1819
1
原创 ajax上传大数据时引起跨域问题解决方案
需求背景项目有一个HTML转PDF的需求,如果是正常的上传文件还好说,现在是前端直接上传文件内容,比如直接粘贴复制html数据到输入框然后进行上传~出现问题数据量小还行,可能里面有图片被转成了base64 导致上传的数据高达几M,就会出现问题,比如通过JSON方式传输的时候会导致浏览器直接跨域,所以改成了application/x-www-form-urlencoded的请求方式import request from "@/utils/request";import qs from 'qs'
2021-07-16 17:16:42
613
4
原创 typora实现图片上传到阿里云oss
一. 背景图片上传到oss有利于我们将文档拷贝到其他一些平台,比如csdn 掘金 等二. 开始2.1 登录阿里云 获取oss Bucket直接搜索oss,选择对象存储oss2.2 点击创建Bucket然后开始输入名称以及选择相关配置2.3 进入AccessKey管理如果没有AccessKey 先创建,有的话就记录好key 跟 secret2.4 下载图床工具https://github.com/Molunerfinn/PicGo/releases找好适合自己系统的版
2021-06-22 11:17:24
1205
3
原创 typora主题色配置
一. 获取主题主题列表 http://theme.typora.io/二. 选一个自己喜欢的主题进入三. 下载主题文件到本地四. 解压之后得到主题相关的文件五. 打开主题文件六. 将解压得到的主题文件粘贴到主题文件内七. 重启typora八. 选择主题...
2021-06-22 10:54:34
436
1
原创 uni-app 小程序文件下载并分享
需求背景有一些文件比如 pdf，用户需要下载之后进行打印，或者分享给其他好友uni-app用到的apiuni.downloadFile https://uniapp.dcloud.io/api/request/network-file?id=downloadfileuni.saveFile https://uniapp.dcloud.io/api/file/file?id=savefileuni.openDocument https://uniapp.dcloud.io/api/file/.
2020-11-22 14:00:09
4119
6
原创 web-view 缓存问题解决方案
最近用uni-app开发了一个小程序，里面其中有一个功能就是给pdf进行签章，因为部门里面之前有封装好的js版本的插件，所以想的就是直接对接插件，很明显uni-app没办法直接使用js插件，所以只能使用 web-view 嵌套 html页面 ,因为js插件里面会有各种获取文件流啥的，会造成签署之后页面缓存，在浏览器里面访问没这个缓存问题，但是在web-view里面就会存在，什么加随机数，加meta等根本不管事，后来看了一下network里面的请求，发现请求里面被 from disk ca
2020-10-19 16:18:10
3050
原创 element-ui实现图片压缩上传
需求来源我发现 ，其实在做图片上传的时候就应该考虑到图片压缩上传的问题，element-ui在上传一个大的图片时浏览器会报错，当然也并没有提供相关的属性跟方法去进行图片的压缩，这个时候就需要我们自己去想办法实现，当然实现图片的压缩其实网上很多方法，但是有一个插件早已把风阀给封装好，我们拿来即用就好。image-conversionnpm i image-conversion -S 页面引入import * as imageConversion from 'image-conversion.
2020-07-21 10:47:15
1644
原创 Vue项目开发 筛选组件跟表格组件结合使用，从此做一个cv工程师---水文
Vue项目开发 筛选组件跟表格组件结合使用，从此做一个cv工程师不难发现后台管理系统列表页面长得基本都一样(特殊的不考虑)，上面是筛选，下面是表格，表格下面是分页，然后在某个位置整几个按钮。就以上面图片来说，其实可以分为四部分， 筛选 操作按钮 表格 分页 筛选组件筛选组件常见的控件就是 输入框 下拉框 日期 ，当然也有公司内部的一些 人员选择框 部门选择框 ，其实都一样，我们试想一下，如果我们的项目里面有20个列表，每个列表里面都有4~5个筛选条件， 那我们可能会写好一份筛选的标签，
2020-07-10 17:34:31
993
原创 element-ui 消息提示全局修改
重写element-ui提供的方法
站在巨人的肩膀上开发之主题换肤一. 插件安装https://www.npmjs.com/package/webpack-theme-color-replacernpm i webpack-theme-color-replacer -D二. 项目使用2.1 vue.config.jsconst webpack = require('webpack')const ThemeCo...
2020-04-21 19:26:56
1205
原创 vue 组件发布到npm
以vue组件为例一. 代码开发过程1.1 先创建一个空的vue项目vue create npm-vue1.2 新建组件我这边直接用的components文件夹，最好是自己在新建一个文件夹比如叫 packages 专门用来存放组件1.3 zl-title组件代码示例index.vue<template> <div id="zl-title">...
2020-01-09 18:52:18
278
原创 vue 异步加载全局组件 Vue.component(String, Object)
一.举例场景1.1 vue官方解释在大型应用中，我们可能需要将应用分割成小一些的代码块，并且只在需要的时候才从服务器加载一个模块。为了简化，Vue 允许你以一个工厂函数的方式定义你的组件，这个工厂函数会异步解析你的组件定义。Vue 只有在这个组件需要被渲染的时候才会触发该工厂函数，且会把结果缓存起来供未来重渲染。1.2 我遇到的需求插件(vue组件)通过一个入口上传有一个npm(我...
2020-01-07 11:03:39
1778
原创 js 正则表达式 动态参数匹配
比如说我们要做一个加减乘除的计算，但是表达式都是用户自己设计的，参数也都是动态的，这个时候一般就要考虑到匹配，比如还牵扯到主表，子表，会有字段重复问题(表不一样，字段是允许重复的)，这个时候我们就需要使用到动态匹配正则了。const obj = { k1: 20, k2: 10}let str = '{#k1}*0.8/{#k2}*100+{#k1}'// 方式一Obje...
2020-01-06 16:02:22
5472
原创 vue-cli3 svg组件封装
背景项目当中使用icon应该是很多的，比如说菜单的图标等等，其实方法有很多，我们可以使用字体图标，我们可以使用png图片等，但是他们都有弊端，我们一般都会结合阿里图标库。一.使用字体图标,png的弊端字体图标库 以找字体费劲，如果我们使用阿里图标库，当我们又使用新的图标的时候我们需要重新下载文件引入，有时候可能名称会变，很容易影响之前的使用png图片 多了就会是项目变大(虽然没多大...
2020-01-03 17:12:01
623
utils-bank.zip
2019-12-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人