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