- 博客(16)
- 收藏
- 关注
RSS订阅原创 json-server : 无法加载文件 C:\Users\Lenovo\AppData\Roaming\npm\json-server.ps1， 因为在此系统上禁止运行脚本。
json-server.cmd --watch db.json这个命令可以启动。
2023-11-11 11:12:02
389
1
原创 内置json-server
package.json中的scripts， "serve": "json-server server/data.json --port 3004"是内置的json-server启动命令。
2023-11-10 16:02:40
58
1
原创 redux-toolkit的使用练习
创建不含异步的同步修改store模块counterStore.js，initialState中的是数据，reducers中的是方法，方法里传的state是initialState中的数据，action是方法外部传入的参数。这个是根文件index.js内的写法，引入store，按需引入react-redux中的provider，使用包裹的store中对dispatch的引用，可执行redux中的方法。
2023-11-10 15:36:46
44
1
原创 二次封装axios怎么封装
在这个示例中，我们使用 `axios.create` 方法创建了一个自定义的 `axios` 实例 `instance`。在创建实例时，我们可以通过 `baseURL` 设置默认的请求URL，`timeout` 设置默认的超时时间，`headers` 设置默认的请求头。根据实际需求，你可以对代码进行修改和扩展。要二次封装 `axios`，可以创建一个自定义的 `axios` 实例，并添加一些全局配置和拦截器。最后，我们将自定义的 `axios` 实例 `instance` 导出，以便在项目的其他地方使用。
2023-10-11 23:00:40
62
原创 如何实现垂直居中
使用 Flexbox 是一种简单且强大的方法来实现元素的垂直居中。`，并使用 `align-items: center;` 来将子元素垂直居中。请根据你的具体情况选择最适合的方法来实现垂直居中效果。将父容器设置为表格布局，并将子元素设置为表格单元格，使用 `vertical-align: middle;将子元素设置为绝对定位，并使用 `top` 和 `left` 设置位置，然后使用负外边距使其居中。使用 CSS Grid 布局可以通过设置网格的 `align-items` 属性将子元素垂直居中。
2023-10-11 22:56:30
51
原创 判断数组和对象
当检查一个数组时，`typeof`会返回`"object"`，所以不能直接使用`typeof`来判断是否是数组。1. 使用`Array.isArray()`：`Array.isArray()`是一个用于判断给定值是否为数组的方法。可以通过使用JavaScript中的`Array.isArray()`和`typeof`运算符来判断一个变量是数组还是对象。综合使用`Array.isArray()`和`typeof`，可以编写一个函数来判断一个变量是数组还是对象。
2023-10-11 22:51:07
35
原创 数组的去重
1. 使用Set：使用Set数据结构可以快速去除数组中的重复元素。Set只会保留唯一值，不会重复存储相同的元素。通过将数组转换为Set，然后再将Set转换回数组，就可以实现数组去重。3. 使用reduce：使用reduce函数可以将数组中的元素逐个迭代并累积到一个新数组中，同时通过判断是否已经存在该元素来实现去重。2. 使用filter：通过使用高阶函数filter来遍历数组并筛选出非重复元素，可以实现数组去重。以上是几种常见的数组去重方法，可以根据具体的需求选择合适的方法进行去重。
2023-10-11 22:45:36
30
原创 深拷贝的实现
使用一些第三方库，如lodash的`cloneDeep`方法、jQuery的`$.extend(true, {}, obj)`方法等，它们提供了可靠的深拷贝功能。- 这种方式可以实现简单的深拷贝，但会丢失一些特殊类型的属性，比如函数、正则表达式、undefined等。- 这些库对不同类型的数据进行了细致的处理，通常能够处理循环引用、特殊类型的属性等情况。第三方库的实现方式根据具体的库而有所不同，使用前需了解库的文档和使用方法。- 使用该值创建新的对象或数组，将递归复制的结果作为其属性的值。
2023-10-11 22:44:27
36
原创 微信小程序：自定义tabBar
在 wxml 文件中通过 wx:for 遍历 tabBar 的 list 选项，添加自定义属性 path 和 index ，绑定点击事件 switchTab。在 js 文件中处理跳转。单击切换的时候获得单击的那一项的路径和索引，通过 switchTab 实现切换。在项目根目录创建一个名为 custom-tab-bar 的文件夹，在内部添加自定义组件，名字叫index。在 wxss 文件中控制自定义 tabBar 的样式。该自定义组件完全接管 tabBar 的渲染。用自定义组件的方式编写即可，
2023-10-11 22:38:44
80
原创 key值的作用
主要作用是给元素提供一个唯一的标识，以便在组件或元素的列表发生变化时，Vue能够高效地识别出新增、修改和删除的元素，从而实现最小化的DOM操作和优化的渲染，提高渲染性能。有了key的存在，Vue可以准确判断出哪些元素需要被更新、哪些元素需要被新增或删除，从而避免不必要的DOM操作，提高渲染性能。需要注意的是，key的值应该是稳定且可预测的，通常使用每个元素在列表中的唯一标识符或索引。总结来说，key在Vue中的作用是提供一个唯一的标识，帮助Vue追踪和优化组件和元素列表的变化，提高渲染性能和复用性。
2023-10-11 22:32:40
215
原创 常用的vue指令
用于实现双向数据绑定，将表单元素的值与Vue实例的数据进行关联。: 用于监听事件，并执行相应的方法，可以缩写为'@': 用于绑定数据到元素的属性，可以缩写为':': 直接将数据渲染为文本内容，替代{{ }}: 根据条件判断是否渲染或移除元素。: 渲染包含HTML标签的数据。: 用于循环渲染列表数据。
2023-10-11 22:31:43
30
原创 如何进行移动端适配
例如，如果设计稿中某个元素的宽度为375px，那么在样式中应该设置其宽度为100%（相对于父元素），再设置padding、margin等。vw：视窗宽度的百分比（1vw 代表视窗的宽度为 1%） vh：视窗高度的百分比 vmin：当前 vw 和 vh 中较小的一个值 vmax：当前 vw 和 vh 中较大的一个值。由于不同设备像素比的存在，需要在head中设置viewport的参数，并使用JS动态改变html的字体大小，以达到适配不同设备的效果。这里的1/10是可以根据实际情况调整的，根据需求设置即可。
2023-10-11 22:30:15
243
原创 常见的性能问题
优化图像的大小和格式，使用适当的压缩和响应式图片等技术，可以减小图像文件的体积，提高页面加载速度。：通过压缩和合并CSS和JavaScript文件，可以减少文件的大小，加快下载时间。：频繁的 DOM 操作会引起页面的重绘和回流，消耗大量的计算资源。：对于长页面或包含大量资源的页面，可以使用懒加载（Lazy Loading）技术，仅在用户滚动到可见区域时加载资源，而不是一次性加载所有内容。：合理利用浏览器缓存机制，通过设置适当的缓存策略，将常用的静态资源缓存到用户的浏览器中，减少不必要的网络请求。
2023-10-11 22:29:11
38
毕业设计，基于vue的网上音乐设备销售平台
2023-10-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人