![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小技巧
莫尔道嘎老范
分享一些学习技术的经验以及做项目遇到的问题和解决,同时锻炼一下自己表达能力。文字叙述可能不是很精确,有疑问可以提出来大家一起进步!
展开
-
浏览器调用本地exe
本地新建 .reg 文件添加注册表信息。各参数说明,路径需要多加一个\转义。双击运行reg文件添加注册表信息。修改路径和自定义协议名称。原创 2023-09-21 11:42:47 · 844 阅读 · 0 评论 -
某端口被占用后的查看并kill该端口
解决端口占用问题原创 2022-12-07 14:16:12 · 684 阅读 · 0 评论 -
‘vite‘ does not provide an export named ‘defineConfig‘ win7使用vite
win7使用vite原创 2022-08-22 16:39:24 · 1250 阅读 · 0 评论 -
axios配置多个请求地址(打包后可通过配置文件修改)
开发过程中可能会遇到后端接口分布在多个地址下的情况,这样调用不同接口时,就需要切换不同的请求地址;我是这样处理的核心代码:// 2.请求拦截器service.interceptors.request.use( (config) => { console.log('config', config); //发请求前做的一些处理,数据转化,配置请求头,设置token,设置loading等,根据需求去添加 config.data = JSON.原创 2022-01-19 13:22:11 · 3014 阅读 · 3 评论 -
前端预览PPT方法
使用iframe标签实现: <iframe src={`https://view.officeapps.live.com/op/view.aspx? src=http%3a%2f%2fvideo.ch9.ms%2fbuild%2f2011%2fslides%2fTOOL-532T_Sutter.pptx`}> </iframe> 将src=后面的内容改为对应的ppt路径即可-------来自微软提供...原创 2021-03-24 21:45:49 · 1143 阅读 · 3 评论 -
实现行内文字滚动,法一:css3动画,法二:js操作dom
需求:因一行内的文字太多,需要滚动以展示所有的文字;法一利用css3中的动画进行展示;定义动画:.animate { color: #000; white-space: nowrap; animation: 10s wordsLoop linear infinite normal; }@keyframes wordsLoop { 0% { transform: translateX(20%);原创 2021-01-04 17:41:42 · 494 阅读 · 0 评论 -
实现数据滚动,(一次单行/一次多行(页),利用antd的Carousel走马灯组件
需求1:每页展示三条数据,每次滚动三条数据,也就是:滚动一页;实现:list为传来的数据源,通过map方法生成dom结构; let list = rightList.list; const listItem = list?.map((item: any, index: any) => { return ( <div className={styles.listItem}> <div className={styles.index}原创 2021-01-04 15:14:28 · 2854 阅读 · 0 评论 -
react根据表单上方值对下方表单项进行动态校验
需求:新增活动时,根据活动类型不同,决定图片和视频是否必填;类型1和3,图片必填,视频非必填类型2,视频必填,图片不必填使用的是antd解决方案:在本页面中定义一个数据为空数组(因为新增活动的数据是从数据中拿到的,也是数组)state={ Castype: [], }以下都在render(){}大括号内;活动选项:const options = [ { value: '1', label: '国家党建实事',原创 2020-11-30 17:17:47 · 683 阅读 · 0 评论 -
react中避免重复渲染使用shouldComponentUpdate
shouldComponentUpdate钩子函数组件更新机制:父组件更新会引起子组件也被更新问题:子组件没有任何变化时也会重新渲染如果避免不必要的重新渲染?解决方式:使用钩子函数 shouldComponentUpdate(nextProps, nextState)在这个函数中,nextProps和nextState是最新的状态以及属性作用:这个函数有返回值,如果返回true,代表需要重新渲染,如果返回false,代表不需要重新渲染触发时机:更新阶段的钩子函数,组件重新渲染前执行(s原创 2020-11-12 12:36:22 · 392 阅读 · 0 评论 -
JS判断基本数据类型和复杂数据类型的方法,以及某些类型转换
判断数据类型的方式:1: intanceof用法: object instanceof constructorinstanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链object:某个实例对象constructor:某个构造函数作用:检测object 是否为constructort的实例例如: arr intanceof Array2: typeoftypeof 操作符返回一个字符串,表示未经计算的操作数的类型原创 2020-10-31 14:42:16 · 1025 阅读 · 0 评论 -
将扁平数据进行嵌套处理
项目中常常遇到需要嵌套结构的数据,比如,父分类下有若干子分类,上级权限包含若干二级权限,三级权限等等,此时可以使用v-for循环输出,但是对数据就要求是嵌套结构;在后台直接存储时,使用扁平结构比较方便,如果直接拿来在模板中使用的话,需要一层层循环遍历数据,此时会消耗大部分浏览器性能,导致其他业务逻辑无法执行;时间复杂度On^n1(几层嵌套n1就是几)若是后台有好一点,可能在发数据之前先处理一下,若是没有处理就需要我们前端进行处理了:处理方式:递归处理 //id是唯一标识, pid为是父级id,p原创 2020-10-26 13:08:20 · 420 阅读 · 0 评论 -
搜索功能实现搜索关键字高亮显示
1使用插槽,使用v-html进行渲染//v-html指令用于将HTML片段填充到标签中,<div slot="title" v-html="highlightText(text)"></div>text为从搜索关键字得出的搜索建议数组中遍历出来的字符串2 使用正则替换,将搜索关键字替换为由标签+样式包裹的字符串使用字面量的方式创建正则表达式无法使用变量,所以要使用构造函数创建 // 处理高亮 highlightText(text) { const原创 2020-10-24 00:04:05 · 1643 阅读 · 0 评论 -
如何快速找到页面中哪个元素产生的滚动?
将以下代码粘贴到浏览器console中按回车,然后产生滚动即可function findScroller(element) { element.onscroll = function() { console.log(element)} Array.from(element.children).forEach(findScroller);}findScroller(document.body);...原创 2020-10-21 20:16:58 · 791 阅读 · 0 评论 -
vue页面排错思路及步骤
先检查页面显示时依赖的数据示例cateList,此时检查数据cateList(使用 vue 调试工具查看当前组件的数据)如果该数据cateList不存在或者值为空,首先说明数据本身存在问题,先去排查数据在哪一步出现了问题找到给cateList赋值的地方,如果是赋值语句并没有执行,可能的原因是当前获取数据的自定义函数没有得到正确的调用接口调用出问题,此时检查发送请求的 url 地址、请求的方法、请求的参数是否符合接口文档的约定,如果符合文档约定,此时找后台沟通来确定问题所在接口也是正常,那么问题.原创 2020-10-06 21:45:06 · 524 阅读 · 0 评论 -
防抖和节流
防抖:当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时用户在输入框中输入信息将要进行搜索时,可以通过用户输入的内容来对用户进行智能推荐,此时需要客户端根据用户输入的信息来向服务器发送请求得到数据;一般我们通过键盘弹起事件来判断用户是否进行了输入,然后获取输入框内容,那么问题来了,用户使用键盘进行输入,是不是每按下一个键,就会发送一次请求呢?是这样的,只要用户进行键盘输入就会触发键盘弹起事件,从而发送请求,这样就导致了发原创 2020-09-10 11:08:07 · 101 阅读 · 0 评论 -
制作出0.5px的线
方法一:利用css3中的缩放: <style> * { margin: 0; padding: 0; } .box { width: 800px; height: 200px; margin: 100px auto; /* background-color: red; */ te原创 2020-09-03 16:48:43 · 151 阅读 · 0 评论