- 博客(31)
- 收藏
- 关注
RSS订阅原创 css主流布局
CSS 布局是前端开发的核心，经历了从早期浮动、定位到现代 Flexbox 和 Grid 的演变。下面将系统地介绍当前主流和必须掌握的 CSS 布局方案。布局演进简图。
2025-11-22 17:09:21
958
1
原创 检查一个值 val 是否是特定类型的对象
然而，对于对象和数组等引用类型，这个函数提供了一种更可靠的类型检查方法。：这个函数可以用于各种类型检查场景，特别是在处理不确定类型的数据时。），虽然这个函数在格式上保持一致，但实际上这些值并不是对象，因此它们的内部。属性，并将其格式化为一个字符串，以便与期望的类型进行比较。操作符相比，这种方法更可靠，因为它不受原型链修改的影响。可以是任何类型的值，这是一种安全的做法，因为它不假设。值不正确而导致的问题（尽管在这个特定的使用场景中，的行为，但这是一种常见的最佳实践）。参数应该是一个字符串，即类型的名称。
2025-03-11 15:27:02
391
原创 nvm 下载教程
如果有C:\Users\用户名\AppData\Roaming\npm，则将其修改为D:\software\nvm\node_global(刚刚新建node_global文件夹的位置)，如果没有就自己新建D:\software\nvm\node_global，总之保证有以下图片中内容。【用户变量】中的path变量，%NVM_HOME% 和 %NVM_SYMLINK% 理论上是nvm安装成功后自动生成的。⑥. nvm use 版本号(如18.18.0) 使用某个版本，版本号前边有*，代表着当前使用的版本。
2025-03-09 17:52:32
3275
1
原创 vue3项目创建流程-pc端
核心逻辑：根据滚动距离判断当前show类名是否显示，大于78显示，小于78，不显示。这里自动导入需要深入到elementPlus的组件中，按照官方的配置文档来。按需定制主题配置 （需要安装 unplugin-element-plus）基于vite的项目默认不支持css预处理器，需要开发者单独安装。配置别名路径可以在写代码时联想提示路径。③. 定制elementPlus主题。自动导入定制化样式文件进行样式覆盖。3.3.2 准备定制化的样式文件。③. 封装请求函数并测试。scss变量自动导入。
2025-01-25 18:19:10
518
原创 webpack配置
开发模式：仅能编译 JS 中的ES Module语法生产模式：能编译 JS 中的ES Module语法，还能压缩 JS 代码开发模式顾名思义就是我们开发代码时使用的模式。编译代码，使浏览器能识别运行开发时我们有样式资源、字体图标、图片资源、html 资源等，webpack 默认都不能处理这些资源，所以我们要加载配置来编译这些资源2. 代码质量检查，树立代码规范提前检查代码的一些隐患，让代码运行时能更加健壮。提前检查代码规范和格式，统一团队编码风格，让代码更优雅美观。
2025-01-24 22:02:28
663
原创 React基本使用：
③. components/Hello/index.js 和 components/Hello/index.modules.css。①. index.js 相当于main.js 全局入口文件。.js或者.jsx结尾可忽略不写。1. 创建react脚手架。2. 脚手架主要目录。
2025-01-23 21:44:34
297
原创 微信小程序新奇用法 vue3,uniapp
"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages"style":{"navigationBarTitleText":"首页",},------vue模板<template></view>//获取屏幕边界到安全区域距离</script>
2025-01-18 22:38:59
196
原创 uniapp常用组件，api等
搜索栏https://uniapp.dcloud.net.cn/component/uniui/uni-search-bar.html。官方文档：https://www.npmjs.com/package/@escook/request-miniprogram。uni.switchTab:跳转到tabBar页面，并关闭其他所有非tabBar页面。uni.navigateTo:保留当前页面，跳转到应用内的某个页面，使用。在项目根目录中，创建分包的根目录，命名为。API功能较为简单，
2025-01-17 22:45:52
541
原创 安装antdesign和vue，swiper冲突了
这个选项会强制 npm 忽略所有冲突并继续安装。虽然这可能会解决安装问题，但可能会导致运行时错误，因为依赖版本不兼容。在尝试上述解决方案之前，请确保备份你的项目，以防万一出现不可预见的问题。希望这些建议能帮助你解决依赖冲突问题！这个选项会让 npm 忽略 peer 依赖的版本冲突。你可以尝试运行以下命令来安装。文件，然后重新运行安装命令，有时也能解决一些奇怪的依赖问题。如果有，更新到最新版本可能解决依赖冲突。，但是你的项目中已经安装了。这个错误信息表明你在安装。
2025-01-17 11:57:20
323
原创 store 状态管理vuex,pinia
直接基于store进行解构赋值，响应式数据（state和getter）会丢失响应式特性，使用storeToRefs辅助保持响应式。// 2. 执行方法得到store store里有数据和方法。// 使用它storeToRefs包裹之后解构保持响应式。// 修改数据的方法 （action）1- store中定义action。// 数据 （state）// 1. 导入use方法。store中定义action。// 调用异步action。2- 组件使用store。// 数据（state）// 异步action。
2025-01-16 22:02:29
1015
原创 数据请求：axios使用,@escook/request-miniprogram，uni-request项目配置
官方文档：https://www.npmjs.com/package/@escook/request-miniprogram。因此，建议在uni-app项目中使用。由于平台的限制，小程序项目中。1.下载axios。的官方文档进行安装、配置、使用。第三方包发起网络数据请求。API功能较为简单，
2025-01-16 21:22:12
442
原创 js去重常用
在上述代码中，我们使用JSON.stringify()将对象转换为JSON字符串，再使用JSON.parse()将JSON字符串转换回对象，从而实现了对象的深拷贝。需要注意的是，这种方法无法拷贝函数和特殊对象（如正则表达式）。深拷贝是指创建一个新对象，新对象的所有属性都是原对象属性的副本，而不是引用。浅拷贝是指创建一个新对象，新对象的一些属性是原对象的引用。Set 对象是 ES6 中新定义的数据结构，类似于数组，它允许你存储任何类型的唯一值，不管是原始值还是对象引用。2.利用剩余参数去重。
2025-01-15 22:17:24
376
原创 uniapp微信小程序常见问题:
1. uniapp项目在h5运行没有问题，但在小程序报https://api-hmugo-web.itheima.net 不在以下 request 合法域名列表中，请参考文档：https://developers.weixin.qq.com/minip。在调接口的时候中出现以上报错，接口没有问题的情况下，是因为小程序自动校验了合法域名。
2025-01-15 15:10:42
332
原创 码云管理平台配置公钥
作用:使用SSH公钥可以让你在你的电脑和码云通讯的时候使用安全连接（git的remote要使用SSH地址）5、执行指令：git remote add origin https......git。7、执行上面代码后可以看到本地代码库中多了README.md文件。初始化成功后你会发现项目里多了一个隐藏的文件夹.git。3、执行指令 git commit -m "提交文件"2 SSH （不需要密码，但是需要创建公钥）（如果没有执行第三步，则不会有这个文件夹）；2、执行指令git add . (点)
2025-01-14 23:34:26
595
原创 ES6数组方法
并返回该元素下标。如果没有找到符合条件的元素下标，则返回。如果没有找到符合条件的元素，则返回。队列方法 shift() 和 unshift()排序方法 reverse()和sort()findIndex():方法用于查找数组中。find（）：方法用于查找数组中。push()和pop()
2025-01-12 22:50:26
303
原创 pinia登录存储，数据持久化
存储到pinia的数据刷新数据丢失，这时可以引入pinia-plugin-persistedstate插件。1.下载:npmipinia-plugin-persistedstate。3.在defineStore中添加{persist:true,}
2025-01-10 15:44:47
519
原创 vue新奇用法
2. vue3父子传参在组组件的props一个常量，取其中的值用props.title。常规做法用v-if判断，今天学到直接在模板里用。中的useIntersectionObserver方法。1. 数组渲染模板，判断数组是否存在。3. 自定义指令以图片懒加载为例。判断数组是否存在，存在渲染模板。
2025-01-09 15:39:31
341
原创 vue3项目中下载vconsole不显示问题
下载：npm install vconsole。问题：项目初始化没有走main.js。.html文件中引入。
2025-01-02 18:21:08
261
原创 在非路由组件引入echarts ，报TypeError: Cannot read properties of undefined (reading ‘init‘)
最后尝试直接在main.js注册全局的echart，echart图显示了。查看div宽高都有，加上了nextTick也不管用。2024最后一天了，问题解决了安心跨年去了哈哈。2025岁起新篇，愿君安好。
2024-12-31 15:58:43
172
原创 图片懒加载：遇见 Failed to resolve directive: lazy
的V3版本或者迁移到Composition API并手动实现懒加载功能。如果你使用的是Vue 3.x，请注意Vue 3不再支持。版本问题，重新下载低版本即可。
2024-12-27 18:07:03
343
原创 下载element-ui组件时发现配置了不可用的镜像
：nrm 是一个用于管理 npm 源的命令行工具，在使用 nrm 命令前，首先要对其进行安装，通过以下命令进行全局安装即可。
2024-12-27 11:09:43
478
原创 vue3-----
答：Vue3中的Suspense是Vue3中新增的一个组件，它的作用是实现延迟加载和错误处理。答：Vue3 Composition API是Vue3中的一个新特性，它的作用是将组件中的逻辑分解成可复用的可组合函数。答：Vue3中的指令包括v-if、v-for、v-bind、v-on、v-html、v-model、v-show、v-slot、v-text等。答：在组件中使用 <slot> 元素来定义插槽，在父组件中使用 <template v-slot:slot-name> 来填充插槽。
2024-12-23 21:57:47
914
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人