- 博客(71)
- 收藏
- 关注
原创 仿写讯飞AI生成PPT大纲组件
这个在组件内不好判断呐,那我干脆让使用者来判断。让他来做这件事,那在编程中怎么去做事呢?当然是函数辣,让用户传入函数,根据函数调用返回的结果去决定是否是最后的叶子节点。我把数据都给你,我让你自己去判断。
2024-07-31 16:58:29
438
原创 修改tsconfig不生成.tsbuildinfo文件
,TypeScript 编译器通常只关注当前项目内的源代码,不会尝试去分析或跟踪其依赖的其他项目的变更。因此,非复合项目的编译速度可能更快,但不具备基于项目引用的增量构建能力。每次编译时,即使依赖的项目没有变化,也可能需要重新编译整个项目。适用于小型项目、独立应用或不需要与其他项目共享类型信息的场景。该项目不应被视为一个可被其他项目通过项目引用方式编译的模块化子项目。后,该项目将在单独的编译上下文中独立编译,不受任何项目引用的影响。时,表示该项目不应参与项目引用编译。部分引用此项目作为依赖项。
2024-04-03 14:23:21
2056
原创 记录Taro巨坑,找不到sass类型定义文件
开始我试过了,没用。删了依赖重装也没用。找不到“sass”的类型定义文件。隐式类型库 “sass” 的入口点。其实正常人想的肯定是装上。
2023-08-22 22:25:03
2138
原创 记录jeecg-boot及a-table前端问题
权限管理插件中注册的一个指令,使用该指令放到按钮上,即可以根据权限去控制按钮是否展示。的长度相不相等,相等的话可以直接赋值,不相等就需要新建个之前。单点登录的退出方法需要将本地地址替换为单点登录退出的地址如。的权限,按我们的思路来说,这个按钮就不该出现,但是由于。,他又重新刷新了跳转过去单点登录服务器,导致登出失败。我们自己解决,自己定义一个回调处理函数,判断返回的。就是我们系统的地址。的代码里去改,加多个判断,看新路由的。判断,虽然你参数不同,但属于同一个。成立,所以按钮是显示的。的回调里参数是不对的,
2023-07-12 11:32:30
665
原创 记录vue/cli3配置postcss踩坑
的写法,经过深思熟悉怀疑了是高版本的。我还以为是配置问题,一直修改。自动加上浏览器厂商前缀。就出问题了,老是报错。就可以跑起来项目了。
2023-05-08 11:43:02
991
原创 记录Vite项目多页面应用模式踩坑
不解决开发时就像有蚂蚁在身上爬,老鼠在咬指甲盖。但是貌似要自己写个插件,但是我不会。可以去插件社区里找,幸运的是我找到了。,刷新路由就会丢失,如果你配置了路由守卫,则会触发跳转。,这个就是子页面入口,返回这个就能找到资源。官方的目录结构配置的多页应用,没有改动。路径,则不会出现这个问题。,不会去发送请求,资源由前端处理。知道原因了,就好办了。这一看就是我要的啊,跟着文档试试。上,验证得出:这样解决是对的。是正常的,刷新路由也不丢失。也是一样的,因为它默认是。同级则不对,因为它不在。找不到资源时,给它返回。
2023-04-01 16:34:46
2088
1
原创 echarts画圆柱图pictorialBar
效果源码 data() { return { chartTitleFontSize: 0, // 图表标题文字大小 chartInstance: null, // echart实例 allData: null, // 服务器返回的数据 } }, computed: { titleStyle() { return { fontSize: `${this.chartTitleFontSize * 1.5}px
2022-03-18 17:24:51
1605
2
原创 如何在web端使用emoji进行输入
思路渲染好emoji列表,为每个emoji图标绑定点击事件。emoji是通过unicode16进行展示的,需要将其插入textarea或者input的innerhtml中才能展示出来。再将其赋值给value,这样value就包含了所有的输入内容。在点击插入emoji时,需要先获取textarea或input的innerhtml和光标位置。如果光标位置和innerhtml长度是相等的,说明是从后面插入,直接拼接字符串即可。如果不相等说明是从中间插入,需要先分割html再拼接字符串。注意重新设置光标位
2022-02-11 11:01:30
1774
原创 前端实现ctrl+F搜索效果
原理根据搜索关键字keyword将原有文本替换成高亮highlight样式的标签。找出全部带有高亮highlight样式的标签作为keywordNodes高亮关键字dom节点数组。currentActiveNodeIndex记录当前激活的关键字节点,点击上一条或下一条对激活的索引currentActiveNodeIndex进行操作。同时记得为激活的节点添加选中的样式。web利用scrollIntoView()滚动至可视窗口,小程序利用wx.pageScrollTo()web案例源码 &l
2022-01-26 14:53:06
2230
2
原创 vue渲染函数h的使用
h的使用渲染函数参数{ title: '操作', dataIndex: 'action', customRender ({ text, record, index, column }) { return h( 'div', { 'class': 'operation' }, [ h('a', { onClick: () => { console.log('showmore', rec
2022-01-24 15:23:19
1780
原创 微信小程序tree下拉复选组件(带源码)
效果鸣谢感谢这位大佬的思路难点如何根据层级缩进,这里是根据indextree组件是自调用(递归)由于组件是递归渲染,导致平级非点击项数据为原始状态,这里把修改的状态放在map结构里。所以需要把collapse状态、checked状态记录在map结构里,每次折叠、点击操作需要根据map结构进行修正。checked:0未选中,1选中,-1有选中但未全选collapse: true折叠,false展开组件是递归调用的,所以不要在递归中频繁的setData最好是return一个值,最后在set
2021-11-18 09:34:25
5869
20
原创 js表单校验类
思路传入规则对象rules,和表单数据formdata。规则对象是key:value形式,这个value是每一项的规则数组。循环变量规则对象的根据规则对象的key去校验formdata对应的数据。返回整个表单数据校验结果valid和错误信息errorMessage就图一乐,我自己写着玩,真校验害得antdesign,element源码/** * @classdesc 表单校验类 * @private {valid: boolean} 校验结果 * @private {errorMessage:
2021-11-11 14:14:36
728
原创 京东放大镜效果js实现demo
原理分为原图盒子和大图展示。鼠标移入原图盒子,展示遮罩层和大图。鼠标移出则消失。根据鼠标移动事件的参数动态修改遮罩层位置和背景图的位置。效果源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewp
2021-09-24 15:57:21
171
原创 记录js实现快速排序、冒泡排序、选择排序
快速排序function quickSort (array) { // 就一个元素排什么序啊 if (array.length <= 1) return array // 找基准,默认第一个元素 let m = array[0] // 比基准小放左边 let l = [] // 比基准大放右边 let r = [] // 遍历数组,从第二个元素开始因为第一个元素已经拿出来了 for (let i = 1; i < array.length; i++) {
2021-09-07 14:53:14
144
原创 文字超出用省略号表示样式
.textoverflow { display: -webkit-box; -webkit-line-clamp: 1; // 几行,可以换成其他数字 overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: break-all;}
2021-08-30 14:26:14
94
原创 记录个人vscode的格式化配置
赶紧拿小本本记下这个没报错、警告的配置,????搞了好久eslint一生之敌!{ "workbench.startupEditor": "newUntitledFile", "editor.minimap.enabled": false, "files.associations": { "*.cjson": "jsonc", "*.wxss": "css", "*.wxs": "javascript", "*.
2021-08-25 17:27:16
619
原创 记uniapp框架h5项目的canvas2d手写板组件
<template> <view class="container"> <view class="overlay" @click="onCanvasHide"></view> <view class="wrapper"> <view ref="handCenter" class="handCenter"> <canvas class="handWriting"
2021-08-24 08:39:53
1188
原创 鼠标拖曳盒子案例(限定边界)
场景很多场景都需要拖曳盒子,如:一个弹窗,需要可以拖动。登录验证,滑动验证。原理思路:思路来源_1思路来源_2给需要滑动的盒子绑定鼠标按下事件绑定鼠标弹起事件,盒子得脱离文档流,给定位absolute等,需要获取鼠标的初始位置,在鼠标按下事件内定义外层包裹盒子的鼠标移动事件,根据鼠标位置计算出盒子的坐标(left, top),动态赋值盒子坐标,在鼠标弹起事件内取消鼠标移动事件源码<!DOCTYPE html><html lang="zh-CN"><
2021-08-23 17:22:53
414
原创 npm降级后损坏
起因由于up主安装sass一直不成功又没用yarn看了一些博客说需要降级npm,于是敲了npm intsall -g npm@3.x结果依赖损坏,什么都用不了。解决方法大多数方法对我都没有效果。我的方案是删除一切与npm和node有关的东西,重新安装node就能恢复npm。但是其它的脚手架也要重装。删得干干净净,再从腾讯管家下载node.js安装,node -v,npm-v好起来了。记录一下问题,千万别随便轻信别人的教程,有可能是骇人鲸...
2021-08-03 09:23:13
389
2
原创 自制微信小程序popover菜单
效果平常我们在刷一些列表是会发现点击按钮会弹出类似菜单,小程序好像没看到有类型组件,所以打算自己实现。实现思路整个列表项要设置成相对布局position relative,popover菜单设置成绝对布局position absolute,正所谓子绝父相popover菜单的小三角是纯css画的,它是popover菜单的before伪类其实after也是一样的需要根据点击处的坐标来设置popover菜单的left,根据x坐标减去一部分的宽度style="left:{{x-(55*0.8)}}p
2021-07-02 15:41:25
2173
原创 记web端a标签下载或预览文件
思路下载的URL最好通过fetch转blob再转换成URL,这样URL用来下载和预览都没问题啦。下载的话只需要在a标签加个download属性即可。预览的话可以target="_blank"在新窗口打开。vue自定义v-down指令下载// 自定义v-down指令Vue.directive('down', { inserted: (el, binding) => { el.style.cssText = 'cursor: pointer;color:write;'
2021-06-07 08:54:15
833
原创 记微信小程序订阅消息使用及拒绝后引导启用
原文注意订阅消息必需由tap事件触发保持以上选择不在询问,这辈子都不会再弹窗了,需要openSetting去设置页打开。没勾选每次都会弹窗。用户引导很重要。代码// 判断是否授权微信订阅消息 auditSubscriptionsSetting() { let that = this const tmplId = '把这个换成你自己的模板ID就彳亍了' wx.getSetting({ withSubscriptions: true,
2021-05-18 18:01:28
2696
1
原创 牛客编程题(求和为S的连续正数序列)
思路连续正数序列什么意思?就是递增等差数列,像1,2,3,4,5,6,7,8,9这样的。输入sum查找的范围就在1~sum-1的正数序列里找,如输入9结果就在[1,2,3,4,5,6,7,8]。假如把sum值也放在查找范围会怎么样?如输入3,查找范围变成[1,2,3],1+2+3 = 6,2+3=5,那3=3就对了?错,至少包含两个数。结果是二维数组arr,那么每一组解法是一维数组_itemarr利用循环,将每一项进行求和得出值_sum,并将每一项放进解法数组_itema.
2021-04-22 17:31:57
116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人