随笔分类 - 技术点
摘要:1.写在全局样式,可以修改局部组件引入的组件库的样式。因为局部组件修改不了样式
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要:很多考去重 简单方法解决掉它? const unique = arr=>[...new Set(arr)] unique([1,3,5,2,1,2,5]) const unique=arr=>Array.from(new Set(arr)) unique([1,1,2,4,5,2]) //[1, 2
阅读全文
摘要:遍历如何使用方法?针对于对象属性 数组元素 1.遍历对象的属性 var obj={ name:'ccfont', age:23, hobby:'体育健康' } for(var key in obj){ console.log(key) } // name age hobby 2.遍历数组元素 var
阅读全文
摘要:1.当数组数据元素里有空字符串和null以及未定义该如何对数据进行判断去除掉数据?因为这些都是一些空值 1.filter方法过滤元素 空值来空滤 集合数组 arr.concat() 集合对象属性 obj.assgin()
阅读全文
摘要:一、需要自适应表格,就用到了表格flex布局很容易 <!-- * @Author: Qingshan_Chen * @Date: 2022-04-09 23:03:53 * @Description: 项目描述 * @LastEditors: Qingshan_Chen * @LastEditTim
阅读全文
摘要:一、当异常出错程序时,应该用什么修补当前场景 //错误处理:即使程序发生错误,也不保证不异常终端的机制 try{ 可能发生错误的代码 // throw new Error(); }catch(err){ 只有发生错误时才执行的代码 }finally{ 无论是否出错,肯定都要执行的代码 } //使用要
阅读全文
摘要:一、当需要做分页功能时使用原理,如何去做实现 1.定义数据 //定义数据 data:{ typesList:[], type:'全部', list:[], page:1, //加载更多,需要做节流,节流标识(是否有更多数据、是否加载中、是否滚动到底部) hasMore:true, loading:t
阅读全文
摘要:1.transition用法动画效果调试 transition:color .25s linear; /*调试时候直接在浏览器点击linear 去调试动画效果 */ /* 动画效果是在点击移动选中时出现的样式 */ transition :all .25s ...; 直接在浏览器去调试几个按钮就可以
阅读全文
摘要:1.dom盒子添加阴影效果,具备好看的样式点 <style> .layout-dropdown-box{ display:block; width:120px; padding:8px 12px; background-color:#fff; // 加阴影 box-shadow: 0 0 12px
阅读全文
摘要:1.用户菜单列表数据是有后端传递过来的数组菜单列表数据 里面有路由地址,权限地址,以及id 前端根据路由地址来匹配是否有该组件来决定渲染组件页面 前端根据路由用户菜单权限来决定是否有判断菜单列表数据来进行判断有用户权限处理技术点 route有render属性,就是控制访问组件使用的权限技术点 路由也
阅读全文
摘要:1.index项目通用样式使用 // 要有通用样式 -- 系统字体 /* 全局页面通用配置 start */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-f
阅读全文
摘要:1.useEffect是项目(组件)初始化时候,来获取数据 -- 函数组件是没有生命周期的 //继续使用钩子函数来处理 -- 副作用钩子函数 ==>在做事情的时候,会有什么样的副作用 比如更新数据 const [a,setA]=([]) 2.如果在这里面调用了setA(数据)方法api,就直接给a给
阅读全文
摘要:1.logo是先在iconfont下载png格式图片然后上传到网址 https://www.aconvert.com/cn/icon/ 选择64x64的图片下载本地就可以使用缓存icon 2.二维码:草料网免费制作
阅读全文