- 博客(43)
- 收藏
- 关注
RSS订阅原创 整理git上的模板框架
技术栈的app框架 功能：基于 uni-app，一端发布多端通用，目前已经适配 H5、微信小程序、QQ小程序、Ios。功能：实现登入点击文字和拉动滑块的登录校验，具体的交互看这篇。后台管理平台（用于日常练手的项目，存放一些封装的组件）taro3 框架小程序跨端平台。功能：前台官网的网站项目模板。
2024-03-28 14:22:21
450
原创 在企业微信里面添加h5页面 进行登录授权
1.需求：在企业微信里面添加h5页面 进行登录授权，获取到用户的code，进行登入id的验证。在企业微信内部进行配置，拿到appid，redirect_uri，agentid参数。② 直接将授权的操作写在首页中，在首页进行授权，然后再跳转首页（我用的是这种方式）① 有一个页面用于授权，然后在跳转首页。
2024-03-27 14:27:27
2422
1
原创 font-weight元素失效
原因：由于在字上运用了字体，然后对于这个字体添加粗细失效了，字体包很大有10mb，使用导致了在刚刚进入页面的时候字体显示正常，等字体文件加载完成之后，font-weight元素失效。问题：在h5 的页面上无论设置font-weight多少的值都没有效果；手机上一开始文字有显示加粗的效果，可是等资源加载完成之后就会使字体粗细这个效果失效。解决方案：移除字体，直接在字上面添加font-weight元素。
2024-03-27 14:06:39
758
原创 h5 tailwind 使用rounded类导致安卓端样式显示有问题
问题： h5 页面使用了tailwindcss插件，运用了rounded 类，发现在ios和安卓上显示不一致，安卓上样式乱了。由于tailwindcss里面的默认元素的默认的单位为rem，导致了在安卓手机端尺寸有误。将默认得rem单位，改为px的单位。
2024-03-27 13:58:51
286
原创 vite 安装tailwindcss失效
需求：在vite5 + vue3 + ts中安装tailwindcss。在mian.ts 里面导出 style.css 文件 就可以了哈。问题：按照tailwindcss的。进行安装，可是一直不生效。
2024-03-12 16:50:37
746
1
原创 vscode 设置vue3 通用页面模板
prefix：定义了在代码编辑器中触发该代码片段的前缀，这里设定为 “Vue3.2+” body：定义了代码片段的主体部分，它是一个数组，包含多行模板代码 description：对该代码片段的描述。2.在vue文件中输入 “Vue3.2+”（会有自动提示） 按下 Tab 键，就会自动插入这段模板代码。你可以根据需要自行修改和完善这个模板。1.在项目的 .vscode 目录下创建一个名为 vue3.2.code-snippets 的文件，它是一个 JSON 格式的代码片段文件。
2023-11-20 10:04:35
1148
原创 pc端与flutter通信失效， Method not found
报错情况描述：pc端与flutter通信，ios端能实现通信，安卓端通信报错。报错内容：安卓端报错。
2023-08-09 18:23:28
927
原创 vue-cli3项目优化
*原理：**如果一些第三方模块没有AMD/CommonJS规范版本，可以使用 noParse 来标识这个模块，这样 Webpack 会引入这些模块，但是不进行转化和解析，从而提升 Webpack 的构建性能 ，例如：jquery 、lodash。我们使用 DllPlugin 将不会频繁更新的库进行编译，当这些依赖的版本没有变化时，就不需要重新编译。**原理：**有些时候，如果所有的JS文件都打成一个JS文件，会导致最终生成的JS文件很大，这个时候，我们就要考虑拆分 bundles。
2023-08-04 16:03:03
1596
原创 算法--辗转相除法
考题出处：https://leetcode.cn/problems/greatest-common-divisor-of-strings/submissions/+ t（t 自身连接 1 次或多次）时，我们才认定 “t 能除尽 s”。返回 最长字符串 x，要求满足 x 能除尽 str1 且 x 能除尽 str2。辗转相除法是以除数和余数反复做除法运算，当余数为 0 时，取当前算式除数为最大公约数的计算公式。7 / 5 = 1 (余2)5 / 2 = 2 (余1)2 / 1 = 2 (余0)
2023-07-07 16:29:14
622
原创 文心一言vs通义千问 之前端文件夹命名
今天心血来潮想试试国内百度和腾讯的AI在解决前端难题–文件命名方面的效果。综上，是百度会更贴近一些哈。大伙有什么命名的好工具嘛？
2023-06-30 09:48:12
259
原创 前后端实现：行为验证码---文字点选
④ 验证数据随表单提交到后台后，后台需要调用captchaService.verification做二次校验。git地址：https://github.com/susanliy/point_captcha。后端代码逻辑：https://gitee.com/anji-plus/captcha。最近接到一个新的需求，由于客户是内网，你能使用腾讯的验证码了，需要改为前后端实现。⑤ 第4步返回校验通过/失败到产品应用后端，再返回到前端。③ 用户提交表单，前端将第二步的输出一同提交到后台。具体的代码已经提交git。
2023-06-25 17:17:39
1112
1
原创 vite优化
优化真的很费时又不能确保一定能有很飞跃的效果，在不断摸索中前进~~1.使用 yarn 在 package.json 内配置(推荐)2、vite中去使用：vite.config.ts中配置。2.使用 npm,在电脑 host 文件加上如下配置即可。gzip 与 brotli 在 nginx 内的配置。插件进行进行代码体积分析，从而优化你的代码。在需要的组件内加载echarts，绘制图表。
2023-06-25 16:38:41
643
原创 升级vite4 报错
将插件 “vite-plugin-theme”: “^0.8.1” 改为 “vite-plugin-theme”: “git+https://github.com/tt-sevth/vite-plugin-theme.git”，另外可以把预加载卸载了，因为vite3版本之后就内置了预加载功能。vite-plugin-theme插件造成的。vben vite2 升级vite4报错。
2023-05-26 16:23:49
1474
1
原创 vben 使用表格添加时间组件fieldMapToTime参数失效
因为整个项目的时间传输格式都是{endTime: “2023-05-10”，startTime: “2023-04-06”}，所以直接干脆在useFormValues.ts 里面把格式写死输入。因为BasicTable中注册useForm的时候没有传入config导致useForm内部的validate拿不到props.fieldMapToTime。vben 使用表格添加时间组件fieldMapToTime参数失效。*要是大家有更好的方式，麻烦告知一下哈😊。
2023-04-26 09:35:47
639
2
原创 深拷贝与浅拷贝
虽然 JSON.parse(JSON.stringify()) 方法是一种简单易用的实现深拷贝的方法，但它并不完美，使用时需要注意其缺陷。用JSON.stringify将对象转成JSON字符串，再用JSON.parse()把字符串解析成对象，一去一来，新的对象产生了，而且对象会开辟新的栈，实现深拷贝。如果原始对象中存在循环引用，即对象的某个属性引用了该对象本身，使用该方法就会抛出 TypeError 异常。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。
2023-04-11 10:11:39
355
原创 webpack Tree-shaking与Gizp的理解
一般来说，Gzip 压缩是服务器的活儿：服务器了解到我们这边有一个 Gzip 压缩的需求，它会启动自己的 CPU 去为我们完成这个任务。而压缩文件这个过程本身是需要耗费时间的，大家可以理解为我们以服务器压缩的时间开销和 CPU 开销（以及浏览器解析压缩文件的开销）为代价，省下了一些传输过程中的时间开销。服务器的 CPU 性能不是无限的，如果存在大量的压缩需求，服务器也扛不住的。根据这个原理，文件中代码的重复率越高，那么压缩的效率就越高，使用 Gzip 的收益也就越大。解压 Gzip，浏览器要花时间。
2023-03-20 17:08:58
260
原创 pc端实现屏幕自适应
然后把node_moudles下lib-flexible下flexible.js复制出来 引入就可以了，可以将lib-flexible卸载了。原文链接：https://blog.csdn.net/weixin_43957384/article/details/125184706。参考文档：https://blog.csdn.net/weixin_43957384/article/details/125184706。采用：postcss-px-to-viewport + lib-flexible。
2023-02-28 23:11:11
1250
原创 关于xss攻击解决方案
如何防止XSS攻击？1.innerHTML —xss攻击2.DOMParser().parseFromString（）–性能最差，会受到xss攻击3.Range.createContextualFragment()–会执行内联的script js代码，这个方法尽量不要使用，不安全4.insertAdjacentHTML（）–会受到xss攻击5.createContextualFragment （）–安全性能差，会受到xss攻击。
2023-01-11 15:45:49
2972
原创 更改 ant design vue 更改modal样式 vue3.0
antd中大部分组件的样式都可以使用/deep/直接修改，但modal这个组件有点特殊，用这个方法没有效果，最后用了以下方法：步骤：1.需要在外部包一个div ref=“globalModal”2.调用getContainer api :getContainer=“() => $refs.globalModal”3.利用deep 对于css进行样式更改...
2022-06-17 14:44:39
4577
4
原创 ant design vue 树形列表新增数据 图表不响应
问题：ant design vue 树形列表新增数据 数据打印有增加可是图表不响应需要的效果：const add = () => { const newData = { id: treeData.value?.length + 10, title: 'test', pid: 0, name: 2, change: true, key: treeData.value?.length + 10, }; treeData.value
2022-05-11 16:45:54
458
原创 ant 封装弹窗报错 Unexpected mutation of “visible“ prop.
封装ant 弹窗时报错：Unexpected mutation of “visible” prop.原因：大概就是说不允许在子级修改父级的数据。解决：更改前： <a-modal v-model:visible="visible" title="Basic Modal" @ok="handleOk">更改后： <a-modal :visible="visible" @update:visible="updateVisible" > const upd
2022-05-06 14:51:05
4445
原创 git push 报错
传送门,真实有用：1.https://juejin.cn/post/68449041931703418962.https://blog.csdn.net/weixin_40922744/article/details/107576748
2022-03-24 17:58:51
200
原创 vue3.0 vite axios挂载全局获取不到
在main.ts中代码：import axios from 'axios'app.config.globalProperties.$http = axios在普通页面去调用$http//获取当前组件的实例、上下文来操作router和vuex等import { getCurrentInstance } from 'vue'setup(){ const { ctx } = getCurrentInstance() as any console.log('ctx', ctx, ctx
2021-12-30 14:18:00
1380
1
原创 element-plus 自动导入导致message样式错误
项目采用的是element-plus自动导入<template> <el-button :plain="true" @click="open">Show message</el-button></template><script lang="ts">import { defineComponent, h } from 'vue'import { ElMessage } from 'element-plus'export defa
2021-12-29 11:26:06
3014
原创 vue3.0获取$refs
<login-pop ref="login"></login-pop> setup() { const login = ref() const openDialog = () => { login.value?.openDialog() } return { openDialog, login }//**记得把所需要的方法和属性值都要return** },
2021-12-24 17:26:25
7583
原创 vite element-plus自动导入 如何设置全局size ,index
在main.ts里面设置//element 全局默认大小为smallapp.config.globalProperties.$ELEMENT = { size: 'small',}原问题来源 ： https://github.com/element-plus/element-plus/discussions/3829
2021-12-22 10:20:55
1811
2
原创 vue 3.0 keep-alive 失效 报错 Cannot read properties of null (reading ‘parentNode‘)
版本：vue “3.2.4”vue-loader “16.4.1”vue-router “4.0.11” <router-view v-slot="{ Component }"> <keep-alive> <suspense timeout="0"> <template #default> <component :is="Component" />
2021-12-07 17:17:02
5724
3
原创 自动滚动表格
需求：1.表格自动滚动，速度可调节2.鼠标移入的时候停止滚动template:<el-table...... ref="refTable" @mouseenter.native="mouseEnter" @mouseleave.native="mouseLeave" </el-table> data () { return { rolltimer: '', //定时任务 rollPx: 1,
2021-08-31 17:49:51
544
原创 cron 解析与反解析 + element
参考了 easy-cron-input 插件官网出来的效果图：封装成一个组件,代码如下：<template> <div> <el-form-item label="cron频率：" required> <div class="flexStart cron-style"> <el-select v-model="period" @change="periodChange" class="cron-perio
2021-06-25 16:50:30
1641
2
原创 Sortablejs+element表格实现拖拽
原理：把树形的结构数据在拖拽时转为列表，因为不允许跨级拖拽，只要把拖拽的同一级数据进行排列，结果发给后台，返回最新数据。2.可以自己手写表格，使用vue.draggable.next插件，参看。1.树形结构表格任意拖拽，点击保存之后才发送请求，大家可以看。1.每次拖动都进行保存，把数据发给后台之后在请求最新的数据。最开心的事情就是—这个bug我解决了，学无止境！2.列表的数据转树形的数据，排序完把顺序返回后台。3.把树形的表格的每一个父级看成一个组，然后参考。ps：插件用的不一样，不过功能是一致的。
2021-06-25 15:47:18
5244
21
原创 前端缓存学习
前端缓存浏览器缓存一、概述二、缓存过程分析参考：链接三.2.1.2Cache-Control的扩展如下图,设置了cahe-control:max-age=31536000,public,immutablemax-age表示缓存的时间是31536000秒（1年），public表示可以被浏览器和代理服务器缓存，代理服务器一般可用nginx来做。immutable表示该资源永远不变，但是实际上该资源并不是永远不变，它这么设置的意思是为了让用户在刷新页面的时候不要去请求服务器！啥意思？就是说，如
2021-06-25 15:35:50
345
2
原创 js闭包
闭包–函数内部可以读取函数外部的变量，但是函数外部不能读取内部的所以函数要返回一个值给到函数的外部去调用在函数中去包含一个函数 使得函数内部的函数返回的值生成为一个全局的变量闭包去嵌套立即执行函数闭包两个函数互相嵌套 把里面的函数保存到了外部...
2020-11-03 22:28:23
111
原创 js 原型和原型链
原型1.定义：原型是function对象的一个属性，它定义了构造函数制造出的対象的公共祖先。通过该构造函数产生的対象，可以継承该原型的属性和方法。原型也是対象。2.利用原型特点和概念，可以提取共有属性。*原型的增删改查3.对象如何査看原型一>隐形属性_ proto_4.对象如何査看对象的构造函数一> constructor（构造器，会返回对象的构造函数）–查找自己的本身的构造函数（虽然是系统自带的，但是我们是可以自己更改的）自我更改：Person.prototype={const
2020-09-22 23:29:29
302
原创 js 五大原则
js 五大原则单一职责原则(一个程序只做好一件事,如果功能过于复杂就拆分开，每个部分保持独立)开放封闭原则(对扩展开放，对修改封闭,增加需求时，扩展新代码，而非修改已有代码)李氏置换原则(子类能覆盖父类,父类能出现的地方子类就能出现,js中使用较少（弱类型&继承使用较少）)接口独立原则(保持接口的单一独立，避免出现“胖接口”,js中没有接口（typescript例外），使用较少)依赖倒置原则<面向接口编程，依赖于抽象而不依赖具体,使用方只关注接口而不关注具体类的实现,js中使用较少
2020-09-02 12:55:00
583
原创 echarts堆叠柱状图循环组件长度不同的问题
多个循环echarts堆叠柱状图的时候会出现长短不一原因是因为xAxis. max相同，一般是100所以要将xAxis. max设置为每个堆叠柱状图数据相加的总值https://gallery.echartsjs.com/editor.html?c=xjhgpARCt5
2020-06-12 17:55:20
1275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人