- 博客(30)
- 收藏
- 关注
原创 webapck
在开启监听模式时,默认情况下会监听配置的 Entry 文件和所有 Entry 递归依赖的文件,在这些文件中会有很多存在于 node_modules 下,因为如今的 Web 项目会依赖大量的第三方模块, 所以在大多数情况下我们都不可能去编辑 node_modules 下的文件,而是编辑自己建立的源码文件,而一个很大的优化点就是忽略 node_modules 下的文件,不监听它们。一套是将 React 的所有相关代码打包好的完整代码放到一个单独的文件中, 这些代码没有采用模块化,可以直接执行。
2023-03-15 08:45:54 286
原创 移动端的touch事件
每个触摸事件的event对象都提供了在鼠标事件中常见的属性bubbles、cancleable、view、clientX、clientY、screenX、screenY等。changeTouches:自上次触摸以来发生哪些改变的Touch对象的数组(即当前事件的手指动作的列表)。targetTouches:特定于事件目标的Touch对象的数组(即当前DOM元素上的手指动作的列表)。touches:当前跟踪的触摸操作的touch对象的数组(即当前屏幕上的所有手指动作的列表)。上述事件都会冒泡,也都可以取消。
2023-02-23 11:28:44 439
原创 uni-app
1搜索框固定不随着屏幕上移2 封装的展示消息提示的方法3uni-app图片请求会报您的连接不是私密连接的错误 4,吸顶效果,5uni-app-search搜索框使用6搜索框防抖7搜索关键字加特殊样式8搜索历史去重9点击商品详情页的轮播图,大图预览10为tabBar设置徽标11,小程序提供的chooseAddress()方法不显示张三地址页面12uni.showModal()13uni.openSetting()14展示倒计时的提示消息15文本溢出,超过会用三个点代替
2023-02-20 14:27:11 689
原创 小程序登录流程
4,如果该用户信息不存在,则服务器需要先将用户信息保存至数据库,然后再生成相应的Token返回给小程序端,表示用户已经成功登录。3,如果该用户信息存在,则服务器生成相应的Token返回给小程序端,表示用户已经成功登录。3,小程序端根据用户授权获取用户信息 ,将其保存在本地,然后调用 uni.login。1,用户点击登录按钮,,调用uni.getUserProfile方法,弹出授权窗口。2,小程序端在发送请求时,将Token带上,以作为服务器进行身份验证。1,小程序端将获取的用户信息发送给服务器。
2023-02-16 17:26:30 1154
原创 react-redux
在redux文件夹下创建action文件夹 ,reduect文件夹,constant(常量文件) ,store文件。在reducer文件夹下创建为count容器组件服务的reducer和为person容器组件服务的reducer。. 在action文件夹下创建为count容器组件服务的action和为person容器组件服务的action。在container文件夹下创建Person组件和Count组件。2 person组件的Action内容。1 count组件的Action内容。1 count的内容。
2023-01-15 21:23:58 92
原创 在React项目中使用react-virtualized来对长列表性能优化
场景:展示大型列表和表格数据(比如:城市列表、通讯录、微博等), 会导致页面卡顿、滚动不流畅等性能问题产生性能问题的原因 :大量DOM节点的重绘和重排其他原因:老旧设备其他问题 :移动设备耗电加快、影响移动设备电池寿命优化方案: 1.懶渲染(懒加载)2. 可视区域渲染。
2023-01-03 00:13:35 947
原创 在react内配置@符号
想要在react中使用@符号,我们需要分两步进行,第一步就是让VsCode识别@符号,第二步是让webpag识别让vscode识别,在你的项目根目录中创建一个jsconfig.json文件{注意:此时代码会报错,提示@符号无法识别,当然,这不是vscode本身报错,而是webpag无法识别,我们接下来就想办法让webpag识别2.让webpag识别 ,下载craco在项目根目录下创建一个craco.config.js文件在pakage.json中修改读取方式里面代码如下。
2022-12-30 20:46:19 1179
原创 react配置代理
开启代理服务器 单个(react脚手架配置代理)方式一:(用于配置一个代理服务器)在package.json文件中,添加代理服务器,必须重新启动react,配置文件才能生效。
2022-12-22 18:49:51 161
原创 axios二次封装
在任意组件, 调用封装的接口方法, 接口方法调用统一的axios函数告诉他请求的参数, 它去请求数据这种分层架构思想, 可以更好的统一管理项目中所有接口, 并也方便统一给axios方法添加拦截器和修改基地址我(任意组件) -> 秘书(接口函数) -> 车(axios) -> 数据(后台返回)
2022-11-16 12:03:42 659
原创 本地存储localStorage ,sessionStorage,cookie
localStorage,sessionStorage,Cookie,删除,添加,获取,Cookie封装,Cookie苹果系统删除
2022-11-10 11:46:34 265
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人