![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
南城夏季
一路浅行
展开
-
spring 环境配置
安装 5.7,如果安装一直报错,直接卸载后,安装新版的mysql 8。安装完整后,需要去window中的服务,查看mysql是否启动。,破解软件相对麻烦,建议用激活码(可能不稳定)。安装完以后记得配置环境变量,配置完以后输入。这个选项,如下,查看当前项目的。建议安装2020以上的版本。这两项下的东西是否有问题。安装完以后配置环境变量。原创 2024-03-22 00:00:27 · 366 阅读 · 0 评论 -
react hook使用UEditor引入秀米图文排版
里面坑比较多,细节也比较多以下使用的是react 18 + ice3.0,使用其他react脚手架的配置基本相同,例如umi4。原创 2024-02-21 15:19:22 · 1266 阅读 · 0 评论 -
前端设计模式
不变的部分:算法的使用方式不变,都是根据某个算法取得计算后的工资数额;我们可以把不变的部分和变化的部分拆分开来。变化的部分:算法的实现。原创 2023-12-28 09:59:48 · 625 阅读 · 0 评论 -
react ant tree节点没有children也会显示展开框 节点有children却不显示展开框
后端同步了其他系统的数据,而这份数据加了isLeaf,影响了树是否支持展开的判断。原创 2023-12-28 09:09:06 · 742 阅读 · 0 评论 -
前端js react vue怎么实现在线预览doc文档
目前在纯前端层面没有很好的方案,基本都需要服务端的介入。原创 2023-07-11 10:07:59 · 1987 阅读 · 0 评论 -
umi4使用状态管理dva
【代码】umi4使用状态管理dva。原创 2023-07-04 16:53:11 · 1783 阅读 · 0 评论 -
js 复制对象排序乱了
表格需要根据对象的key来渲染表头,在控制台查看到数组中的对象的属性排序是正确的,但是右键复制其中一个对象再打印出来,发现乱序了,使用Object.keys输出也是乱序的。原创 2023-07-04 11:37:54 · 338 阅读 · 0 评论 -
react ant table设置动态scroll,且某些列的长度固定
设置scroll x的值为列的个数*100。原创 2023-06-27 16:18:39 · 900 阅读 · 0 评论 -
react map绑定动态ref获取子组件的实例cuurent为空
父组件动态加载了多个子组件,想在父组件点击确定的时候同时获取全部子组件的值。原创 2023-06-12 16:08:44 · 598 阅读 · 0 评论 -
ant Modal 上的EditableProTable编辑数据后,再次打开弹窗数据依然还在
实际上关闭弹窗,子组件是一直没有销毁的,也就是EditableProTable 输入框 会一直保存其状态,当然也包括它的数据,所以为了完全销毁组件可以modal上加个属性,也可以给modal加个key,每次打开的时换一个不同的key。打开弹窗后,编辑表格中的数据,关闭弹窗,再打开弹窗发现输入框的数据还在。即使执行了以下的重置操作,数据也还在。原创 2023-05-26 17:21:43 · 603 阅读 · 0 评论 -
浏览器被iduba网站劫持了首页
浏览器被iduba网站劫持了首页,新打开标签也被劫持了,卸载驱动精灵,卸载驱动精灵,卸载驱动精灵。原创 2023-05-18 13:55:35 · 2193 阅读 · 0 评论 -
前端开发常用网站
1.2.1.2.原创 2023-05-11 09:33:36 · 78 阅读 · 0 评论 -
scale 缩放后还是满屏怎么解决(如何满屏缩放)
需要网站等比例进行缩放,且缩放后还是可以保持满屏,一开始使用了scale,但是无论怎么设置还是会留有空隙,所以觉得采用js来控制,直接获取所有节点,缩小他们的字体大小。原创 2023-04-04 16:37:49 · 369 阅读 · 0 评论 -
前端小技巧
自定义指令是用来操作DOM的,尽管vue推崇数据驱动视图的理念,但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和拓展,不仅可用于定义DOM操作,而且是可复用的。参数说明:dire指令名称el当前绑定的dom元素bindings指令解析后的结果,包括指令名称、参数、表达式等,bindings.value返回的是表达式vnode对应的虚拟dom//对象注册形式示例: Vue . directive('dire' , {原创 2023-03-14 16:55:50 · 2043 阅读 · 2 评论 -
js关闭其他标签页
场景: 你自己是a网站,你要新开一个tab页跳转到外部b网站,在b网站操作完成后,关闭b网站。原创 2023-03-14 15:58:10 · 600 阅读 · 0 评论 -
前端脚手架搭建
为了更好的理解项目的配置,以下对一个通用的package.json文件的配置项进行逐一解释引入 commander 依赖bin/cli.js// 打印命令行输入的值 console . log("project name is " + name) }) program . parse()然后执行npm link将应用lw-cli链接到全局:完成之后,在命令行中执行lw-cli这个时候就有了 lw-cli 命令使用的说明信息,在Commands下面出现了我们刚刚创建的create命令。原创 2023-03-10 13:36:43 · 1266 阅读 · 0 评论 -
npm link的作用与使用
库包在开发或迭代后,不适合发布到线上进行调试(过程繁琐且会导致版本号膨胀),这个时候就可以通过npm link将包放入到的下的文件夹中,这样就可以直接使用包名直接在本地调试了npm link`可以帮助我们模拟包安装后的状态,它会在系统中做一个快捷方式映射,让本地的包就好像 install 过一样,可以直接使用。同一目录下的使用生成的虚拟包名会根据module1的package.json进行指定。不同目录下使用:4、删除npm link的链接解除项目和模块的链接解除模块的全局链接原创 2023-03-02 11:19:51 · 782 阅读 · 1 评论 -
h5在小程序中调用微信扫码功能
目前扫码模块是用原生小程序写的页面,登录和之后跳转的页面都是通过webView嵌套在小程序里面的h5。原创 2023-02-28 14:53:55 · 1995 阅读 · 0 评论 -
vue echart i18n 国际化处理
项目:数据大屏,采用vue2+echart+i18n。原创 2023-02-28 10:51:48 · 1022 阅读 · 0 评论 -
react表单多个下拉调用接口,有些下拉没有渲染数据
在表单页面中点击新增按钮,触发弹窗,弹窗中是一个表单,有2个下拉,每个下拉的数据都需要通过接口获取,实际使用中发现有多个下拉已经调用了接口,但是数据并没有渲染上去。原创 2023-02-28 09:12:49 · 256 阅读 · 0 评论 -
前端埋点监听按钮点击事件(方案)
给不同的按钮添加不同的标识,在触发自定义指令的时候,挂载监听事件xxx.vue< spantriggerType : 'click' , currentUrl : $route . path , businessCode : 19 , actionType : '点击新增按钮' , } " > 新增 < / span >// 自定义埋点指令 Vue . directive('track' , {//钩子函数,只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置 /*原创 2023-02-27 16:26:27 · 1732 阅读 · 1 评论 -
跨窗口调试时,怎么在跳转时就打开控制台
比如我在a网站跳转b网站时想要调试b网站的代码,跳转的时候我们想查看跳转的参数以及其它的操作,但是我们是无法在b网页马上打开控制台的,这个时候就有个小技巧了,可以在b网站初始执行的时候加个。,来阻止b网站的运行。然后b网站定住,可以打开控制台了调试了。原创 2023-02-07 10:09:02 · 489 阅读 · 0 评论 -
js查找数组的重复项和对应的下标
处理逻辑,每一项都跟后面的每一项进行对比,所以是要遍历2次的。原创 2023-01-13 10:16:16 · 1373 阅读 · 0 评论 -
jenkins 发版一致
发版一直报错,但又不是代码的错,后面知道的是因为之前没有把package.lock.json文件传上去,导致线上拉的是最新的依赖,后面提交代码又传了package.lock.json,导致版本不一致,这个时候删除掉package.lock.json,重新发版就可以了。原创 2022-11-26 10:29:25 · 581 阅读 · 0 评论 -
前端项目发版后接口无法调用,本地能调用 Provisional headers are shown
从上图控制台报错可以看到是因为在https的域名下访问了http接口,直接被浏览器以安全原因拦截了,这种情况,直接把域名的https改成http或者把接口改成https的,保持一致就可以了。同一个接口在本地可以调用,发版后通过域名却不能访问了,接口已经放开了跨域了,因此可以排除跨域问题。原创 2022-11-26 10:11:18 · 661 阅读 · 0 评论 -
react ice 路由跳转后没有渲染页面
看了下在useEffect中返回了false,把return false去掉,换成了return {}页面a跳转到页面b的时候,页面b报错,并且没有渲染出来。原创 2022-11-18 15:33:09 · 486 阅读 · 0 评论 -
js在pc端调用摄像头拍照使用getUserMedia报错undefined
百度了才知道是本地起的服务不是https,获取不到摄像头权限。目前有个需求是要在微信浏览器中进行人脸,想到的一个方案是前端进行拍照然后传给后端调用第三方服务进行人脸校验。方法,想在pc端进行设置,发现pc端是没有这个方法的。然后点击重启按钮就可以了。原创 2022-11-09 17:30:40 · 827 阅读 · 0 评论 -
react redux
【代码】react redux。原创 2022-10-26 11:18:29 · 357 阅读 · 0 评论 -
react 验证码倒计时
【代码】react 验证码倒计时。原创 2022-10-25 16:44:16 · 973 阅读 · 1 评论 -
前端知识体系(7)-react篇
React是一个简单的javascript UI库,用于构建高效、快速的用户界面。它是一个轻量级库,因此很受欢迎。它遵循组件设计模式、声明式编程范式和函数式编程概念,以使前端应用程序更高效。它使用虚拟DOM来有效地操作DOM。它遵循从高阶组件到低阶组件的单向数据流。声明式编程是一种编程范式,它关注的是你要做什么,而不是如何做。它表达逻辑而不显式地定义步骤。这意味着我们需要根据逻辑的计算来声明要显示的组件。它没有描述控制流步骤。声明式编程的例子有HTML、SQL等HTML file// HTML。原创 2022-10-25 11:06:25 · 554 阅读 · 0 评论 -
手写简易vue响应式
【代码】手写简易vue响应式。原创 2022-10-21 16:44:39 · 249 阅读 · 0 评论 -
js代码简写
【代码】js代码简写。原创 2022-10-21 12:05:24 · 83 阅读 · 0 评论 -
react组件通信
父组件子组件原创 2022-07-12 10:22:32 · 410 阅读 · 0 评论 -
Each child in a list should have a unique “key“ prop. Check the render method of `Trigger`. It was p
完整报错如下:警告:列表中的每个子元素都应该有一个唯一的“key”道具。检查' Trigger '的渲染方法。它从notifeview中传递了一个子元素。Warning: Each child in a list should have a unique "key" prop.Check the render method of `Trigger`. It was passed a child from NoticeView.这里提示了在NoticeView组件中报错了,遍历列表时没有加key。原创 2022-05-13 08:45:51 · 5819 阅读 · 0 评论 -
react umi set值后没有更新
我们想要通过set修改值,然后拿到新值,没有生效const initTabs = [{ tab:'首页'}]const [tabList, setTabList] = useState(initTabs)useEffect(()=>{ setTabList([]) console.log(tabList)//还是initTabs的值并没有置空},[paths])有可能你会想到是不是加个settimeout,延迟去获取值?这样也没用的,initTabs s是引用类型,tabList维原创 2022-04-29 14:37:09 · 601 阅读 · 0 评论 -
umi react监听路由的变化
使用路由拦截的时候,当用户离开某个页面的时候需要给出提示,这时候就可以监听路由的变化来执行指定的操作。import { history } from 'umi'这段代码写在const的组件对象里面history.block((location, action) => { //每次路由变动都会走这里})...原创 2022-04-29 14:29:01 · 3809 阅读 · 0 评论 -
react Objects are not valid as a React child (found: object with keys {})问题
在使用React ant的protable组件时,在columns项中,有一项的valueEnum传递的是数组,但是组件支持的类型是对象。需要将数组改成对象就可以了原创 2022-04-29 14:25:50 · 1817 阅读 · 0 评论 -
react Objects are not valid as a React child (found: object with keys {})问题
在使用React ant的protable组件时,在columns项中,有一项的valueEnum传递的是数组,但是组件支持的类型是对象。需要将数组改成对象就可以了原创 2022-04-28 17:31:14 · 1179 阅读 · 0 评论 -
react中打印页面且不掉样式-react-to-print
该插件将会把页面的内容完整的打印出来,保证打印样式跟页面样式统一。1.安装插件npm install --save react-to-print2.引入插件import ReactToPrint from 'react-to-print';3.使用插件 //触发按钮const componentRef = useRef()<div> <ReactToPrint trigger={() => <a href="#">打印</a&g.原创 2022-04-26 14:12:13 · 2661 阅读 · 0 评论