- 博客(16)
- 收藏
- 关注
RSS订阅原创 axios的封装(api封装)
目录路径：src/utils/service.js，封装axios的请求拦截器和全局的配置。如：users.js 存放登录注册相关的请求。如：home.js存放首页的所有请求。
2024-07-25 21:45:00
126
原创 组合式函数(自定义hooks)
在 Vue 应用的概念中，“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数[也可以叫做自定义hooks(钩子)]。当构建前端应用时，我们常常需要复用公共任务的逻辑。例如为了在不同地方格式化时间，我们可能会抽取一个可复用的日期格式化函数。这个函数封装了无状态的逻辑（跟组件的相关特性没有关系），它在接收一些输入后立刻返回所期望的输出。相比之下，有状态逻辑（跟组件的特性有关）负责管理会随时间而变化的状态。无状态逻辑：用的普通函数。跟组件没有关系。
2024-07-22 21:42:02
666
原创 uniapp多端开发
uniapp：vue语法，跨端开发（H5,小程序,原生app)，支持打包app(原生API)，如果你熟悉Vue.js，则推荐 uni-app。
2024-07-21 22:15:00
651
原创 taro多端开发
react语法，跨端开发，支持打包app(reactNative)，如果你熟悉React，不懂Vue.js，推荐Taro。如：小程序中的 wx.request()，在taro中是 Taro.request().then().catch()1、若要支持 React Native 端，必须采用 Flex 布局，并且样式选择器仅支持类选择器，思想：对齐短板；1、在 App 类中的 render() 函数没有实际作用，不写逻辑，不会起作用；src/app.config.js 里的 == 小程序app.json。
2024-07-18 22:00:00
1512
原创 mock数据和数据交互
mock server工具，通俗来说，就是模拟服务端接口数据，一般用在前后端分离后，前端人员可以不依赖后端的API开发，而在本地搭建一个JSON服务，自己产生测试数据。即：今天要讲的json-server就是个存储json数据的server json-server 支持CORS和JSONP跨域请求。在所有属性中进行查询。在项目根目录下创建db.json，并写上合法的json数据。json-server：是用来模拟后端的接口的。(3)、GET 请求指定字段值的数据。(2)、GET 请求指定ID的数据。
2024-07-16 22:00:00
279
原创 React路由配置
2.修改调用方式 Suspense 懒加载加载进来的，所以渲染页面的时候可能会有延迟，但使用了Suspense之后，可优化交互。提示等待信息（有可能加载速度很快看不见等待提示）在上一步的路由配置文件中使用 React.Lazy()函数，并把组件用<React.Suspense>包裹。Hook====useRoutes 让我们可以完成类似于vue一样的配置式路由。但是如果一个个都这样写太麻烦了 我们可以封装一下。1. 修改引用方式 lazy()按需引用。
2024-07-15 22:15:00
183
原创 react-router-dom6
优化路由嵌套，添加 outlet 标签（路由出口，路由组件的显示。link 标签跳转的path 将支持 . 和 .. 这种语法（类比于 terminal 中的 cd .. 返回上级菜单 ）参数会在url后面拼接传递 localhost:xxxx/phone/我是参数 并且刷新不丢失。1.新建views文件夹 容纳路由页面 新建router文件夹容纳路由配置。相对路径识别（子路由不需要补全父路由的path，react会自动补全）修改接收的路由参数---在有的项目里面 点击随便看看类似的功能。
2024-07-13 21:47:20
342
原创 小程序云开发
手动插入太麻烦，我们可以选择导出文件（可以导出excel以及json格式），根据导出的文件格式，添加数据。需要注意的是，需要开通数据库权限，设置用户可以读写，否则无法修改、增加和删除数据。在小程序的app.js中 onLaunch 生命周期的钩子函数中初始化云开发环境。查看导出json 按照这个格式 新增新的数据 注意去除_id属性，否则导入失败。批量写好后点击导入选择编辑好的 json文件即可批量导入。注意：需要去除导出文件中的 _id 字段，否则插入不成功。建议使用promise。
2024-07-10 22:25:04
228
原创 小程序云开发
小程序云开发：是微信团队联合腾讯云推出的专业的小程序开发服务。开发者可以使用云开发快速开发小程序、小游戏、公众号网页等，并且能够使用微信开放能力。开发者无需搭建服务器，可免鉴权直接使用平台提供的 API 进行业务开发。也就是说，不需要后端人员，直接通过云开发来创建小程序中的接口。(官方文档微信开放文档。
2024-07-09 21:31:37
142
原创 路由相关知识
控制组件的跳转，对是否能够进入某个路径对应组件做限制。根据业务逻辑来判定是否可以进入某个组件。什么时候使用路由守卫：当进入某个路径，会有限制时。就需要使用路由守卫。当进入路径时，需要完成通用的业务，也可以使用路由守卫，特别是全局路由守卫。
2024-07-07 21:15:00
345
原创 webpack5.×
webpack是个工具，协助开发者做项目管理、打包、模块管理、加载资源，并转换到对应环境，webpack是一种静态编译工具(预编译)，它能把各种资源，例如JS（含JSX）、样式（含less/sass）、图片等都作为模块来使用和处理官网中文国内历史webpack1 支持CMD和AMD（第三方的模块化），同时拥有丰富的plugin和loader，webpack逐渐得到广泛应用。
2024-06-29 21:15:00
952
原创 插件的使用
3.普通卫星地图：BMAP_SATELLITE_MAP。注意: 一定要在组件挂载完成后 再创建地图实例。注意: 一定要在组件挂载完成后 再执行初始化。1.标准地图：BMAP_NORMAL_MAP。2.地球模式：BMAP_EARTH_MAP。使用通用在线编辑器tinymce。用于excel文件处理。
2024-06-27 20:52:14
721
原创 webSocket
socket：插座；套接字 网络上的两个程序通过一个双向（全双工）的通信连接实现数据的交换，这个连接的一端称为一个socket。就像用座机打电话，给两个座机都插上电话线，就可以打电话，即语音信息的交流。属性描述readyState只读属性 readyState 表示连接状态，可以是以下值：0 - 表示连接尚未建立。1 - 表示连接已建立，可以进行通信。2 - 表示连接正在进行关闭。3 - 表示连接已经关闭或者连接不能打开。
2024-06-26 21:11:25
730
原创 git的基本操作
Commit：提交。把所有打过标记的（即用add进行添加的文件），一次性进行提交（此时才有版本号）。但是，有些文件不需要放入版本库（如：.git,node_modules），如何解决，使用 .gitignore文件。相当于打了标记（实际上是存储在了暂存区stage里），告诉git，下次提交时把该文件进行提交。在使用git的时候，项目目录下的.gitignore文件的作用是告诉git哪些文件不需要添加到版本管理中。那么：版本管理工具管的是开发目录下的（只有开发目录下的代码才是程序员写的），而不是发布目录下。
2024-06-25 21:28:51
247
原创 git使用分支
干活都在dev分⽀上，也就是说，dev分⽀是不稳定的，到某个时候，⽐如 1.0版本发布时，再把dev分⽀合并到master上，在master分⽀发布1.0版本；对紧急修复（Hotfix）的情况，可以从主干复制出测试分支，在测试分支上进行紧急修改，并在测试后发布，发布后同样将代码合并会主干，做标记。如果切换到master分支，那么，修改时不能看到的，因为，修改时在dev分支上进行的。在发布日，从主干复制一个测试分支，需要在本发布日发布的各开发分支向此测试分支合并。测试分支合并入主干后，测试分支可以定期删除。
2024-06-24 21:27:49
533
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人