- 博客(159)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 vue项目两种路由模式原理和应用
通过动态锚点技术重写url，如“http://127.0.0.1/#/XXX”，改变#后面的路径，实现切换url（路由）的目的。通过onhashchange监听url变化，来实现对页面的dom的隐藏和显示，看起来像整体页面在切换。（引用：https://developer.mozilla.org/zh-CN/docs/Web/API/History/pushState）路由，让页面url改变，但整个html页面不重新加载，单页面应用，局部刷新页面。
2024-12-19 22:00:00
432
原创 vue 返回上一页的方式
返回浏览器的上一页，有的浏览器对于hash的变更，不认为是两个页面，所以在hash模式下，不会跳转上一页。原页表单中内容会保留。原页表单中内容会丢失。
2024-12-05 22:15:00
404
原创 vue3的ref和reactive的区别
常用： .value 和 unref()，Vue 提供的方法unref() ，如果参数是 ref ，则返回 value 属性的值，否则返回参数本身。reactive，可以直接访问和修改；适用于复杂的数据类型，如嵌套对象和数组，只能声明引用数据类型。1.请求参数对象，可以使用reactive，赋值时也是一个个属性赋值，不会失去响应式。解决：一个个属性赋值，而不是整个替换；使用Object.assgin。可以声明基本类型，也可以声明引用类型。使用toRefs();2.其他需要整体赋值的，使用ref，
2024-12-03 22:30:00
427
1
原创 js 简单模拟JSON.stringify 功能
具体，参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify。作用：序列化成 一个 JSON 字符串的值。
2024-10-29 22:00:00
275
原创 js 将一维数组转换成树形结构的方法
方式3：将上面两种方式结合起来，使用map做映射，同时使用递归（先筛选出根节点，再递归查找子节点）方式1：使用map 结构，for循环查找，一维数组的数据结构，如下。
2024-10-24 21:00:00
462
原创 JS解析URL 参数
参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/fromEntries。URLSearchParams 接口 参考https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams。Object.fromEntries() 静态方法将键值对列表转换为一个对象。可以使用Object.fromEntries()
2024-10-22 21:30:00
382
原创 js 实现斐波那契数列
斐波那契数列：所谓斐波那契数列指的是数列：1，1，2，3，5，8，13，21，……即数列满足递推公式，F(0)=0，F(1)=1。第一种，递归函数，直观，但性能差，多次重复计算。第二种，迭代方式，避免了重复计算，比较高效。
2024-10-15 22:00:00
343
原创 js继承方式
四、寄生组合继承，面两种组合，不会调用两次构造函数（推荐）三、组合继承，前面两种组合，但是会调用两次构造函数。二、构造函数继承，不能继承原型链上的方法。一、原型链继承，会共用父类的属性。五、ES6 class语法、
2024-10-12 21:00:00
284
原创 js跳出循环方法
forEach 接受一个 回调函数(callback) 作为必要的参数；而 回调函数 又会接受以下三个参数：currentValue 当前被操作的值；index 当前被操作的值的索引，可选；array forEach() 方法正在操作的数组，可选 forEach 接受一个 thisArg 作为可选参数 thisArg 可是做回调函数中的 this；return 只会起到中止callback 的作用，结束当前迭代，不能跳出循环。continue，结束当前迭代。
2024-08-24 20:00:00
465
原创 vue3遇到问题集合
注意：需要将接收的props作用在setup的顶层，不能放到setup生命周期里面（defineProps 第1点）attrs：值为对象，包含组件外部传递过来，但没有在props配置中声明的属性。1.props：值为对象，包含：组件外部传递过来。切组件内部声明接收了的属性。emit：分发自定义事件的函数，相当于this.$emit。2.context ：上下文对象。：收到的插槽内容，相当于。
2024-08-15 21:00:00
832
原创 vue 中使用 lodash Debounce防抖不生效
注：debounce返回的是一个函数，debounce后面增加()或直接在点击事件中调用是。需求：搜索按钮增加防抖功能。
2024-08-13 22:00:00
652
原创 checkbox 复选框 冒泡事件
解决办法：给checkbox绑定一个catchtap，指向空事件，阻止事件冒泡，如：catchtap=“checkEvent”，checkEvent定义一个空事件。3 @click.native ：绑定原生的点击事件 ，（vue的组件中使用原生的点击事件，需要加.native ）1 @click.stop ：阻止事件冒泡，点击该元素时，仅执行本身绑定事件，不会执行该元素的父元素的绑定事件。5 @click.capture ：事件捕获 使事件触发从包含这个元素的顶层开始往下触发。
2024-06-22 21:00:00
645
原创 ECharts Y轴倒置，X轴顶部，图表反向
yAxis: { inverse:true} //让Y轴坐标为反向坐标。xAxis:{position: ‘top’} //让x轴在顶部。
2024-06-21 21:30:00
1208
原创 ElementUI el-select 改变高度
给el-select加一个自定义类，这样不会影响其他的el-select，或是scoped，但是需要加/deep/修改 ElementUI el-select 高度，同时需要修改内部样式，否则下拉箭头会发生偏移。
2024-06-19 22:00:00
1474
原创 echarts自定义legend方法
思路：在配置legend里面设置一个selected，名字和series里面的name对应，通过true和false控制显示或不显示。配置本身的legend设置不显示。通过自己写的checkbox，可自定义样式，来控制legend。
2024-06-19 16:35:16
740
转载 判断页面是在手机端还是在PC端
不同之处是它将 user agent 字符串解析为一个对象，该对象的mobile属性，返回一个布尔值，表示用户是否使用移动设备。上面示例中，window.matchMedia()的参数是一个 CSS 查询语句，表示只对屏幕宽度不超过 700 像素的设备生效。它返回一个字符串，表示用户的操作系统。上面示例中，any-pointer:coarse表示所有指针里面，只要有一个指针是不精确的，就符合查询条件。这种方法的优点是简单方便，缺点是不可靠，因为用户可以修改这个字符串，让手机浏览器伪装成桌面浏览器。
2024-04-24 17:35:54
1698
原创 overflow-y没有超出高度，依然显示出滚动条
即使内容不超过高度，也会出现右边的滚动条(max-height与height出现的滚动条长短不一样，渲染数据有时多有时少，使用max-height)。
2024-03-26 21:00:00
1030
原创 小程序样式问题
button按钮去掉边框，border:none;或border:0; 仍有一条细线边框解决：使用 button::after{ border: none; }或是.[className]::after{ border: none; }vantweapp使用外部样式类custom-class等，推荐使用!important，保证样式优先级，具体视情况而定。待续
2024-02-26 11:38:57
182
原创 定时器setTimeout校准（JS闭包）
在js中所有函数都可以访问上一层作用域，父函数中定义子函数，子函数可以访问父函数中的值，子函数相当于一个闭包函数。父函数调用子函数进行计数，counter不会被重置，且不能被外部所改变，只有重新调用父函数，才会重置。每次执行定时器后，都获取系统时间进行修正，对后面运行时间有一个补偿。
2024-01-03 21:45:00
558
原创 flex布局换行后出现间隙问题
align-content是Flex布局中用于控制多行子项在交叉轴上的对齐方式的属性。它仅在有多行子项时才会生效，如果子项只有一行，则align-content属性不会产生任何效果。align-self 是Flex布局中用于单个子项控制其在交叉轴上的对齐方式的属性。通过为单个子项设置 align-self 属性，可以覆盖容器的 align-items 属性，从而针对该子项进行个别的对齐方式设置。问题：换行后，行间出现空白间隔，如果没有设置父容器的高度，不会出现这个问题，父容器高度会随子项增多，而变大。
2023-12-21 10:26:17
2670
原创 echart饼图高亮颜色设置，数据为0时候，labelLine不显示
label不显示可以在series.data外面设置。label不显示也可以在data里面单独设置某项。
2023-12-06 21:30:00
1327
原创 elementui 修改 el_table 表格颜色，表格下方多了一条线问题
如果使用了scoped，需要加上stylus /deep/ (其他的css语言有不一样的写法)其他背景色，表格边框颜色修改。
2023-10-23 21:00:00
1361
1
原创 计数器（JS闭包）
在js中所有函数都可以访问上一层作用域，父函数中定义子函数，子函数可以访问父函数中的值，子函数相当于一个闭包函数。父函数调用子函数进行计数，n不会被重置，且不能被外部所改变，只有重新调用父函数，才会重置。调用父函数时，返回的是一个函数，相当于要执行createCounter()() 才会有输出值；实现一个计数器，counter 函数最初返回 n，每次调用它时会返回前一个值加 1 的值；闭包满足n的变量，调用过程中不会在外部被改变，也不会被重置。输出[-2,-1,0,1]
2023-10-10 20:00:00
621
selectDemo.zip
2021-05-27
18.Vue技术栈开发实战-Tree组件实现文件目录-基础实现(41分33秒).txt
2020-09-25
第3讲 函数1.doc
2020-01-10
3.2 Python常见数据结构详解.docx
2020-01-10
多种类型大公司招聘试题集合
2018-03-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人