自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 微信小程序问题总结

自己写微信小程序遇到的一些问题,记录一下,会持续更新的。2022.04.08hidden 对块状布局才生效。css 引用背景图片只能用网络图片或者base64,本地图片建议用image标签。wxml文件引入外部函数,需使用wxs,但是注意wxs里面不能使用ES6语法。2022.04.22事件传递的参数只能小写,就算你写的是大写也会被转成小写。eg:e.currentTarget.dataset.virtualuserid...

2022-05-09 15:57:12 196

原创 react使用总结

本篇文章主要是总结下我写react项目的一些感受,因为之前一直是用vue的,所以会和vue做下对比。函数组件,很方便,易上手,但是相对于class组件,useEffect的生命周期混在了一起,导致会在不需要的生命周期调用代码,我觉得这相对class组件是个退步。Hook的useState的使用,竟然是异步的,我写react的时候就踩了一个大坑,感觉这个相对于vue来说很不方便,虽然有解决办法,就是在赋值的时候里写成函数来获取最新的值,但是这样处理代码写起来不太好看。函数组件的事件传递也比较麻烦,比vu

2022-05-09 15:49:10 373

原创 react native使用总结

2022.04.22最近接触了一个react native移动端项目,总结下经验首先是react native安装开发环境,我是在windows平台上开发,环境安装贼麻烦,版本不对后面起服务报一堆问题,你还不知道是啥原因。建议新学的人严格按照官方文档来,一个字都不要看漏。搭建开发环境:https://www.react-native.cn/docs/environment-setup搭建开发环境注意点:Node 的版本应大于等于 14低于 0.67 版本的 React Native 需要 JD

2022-05-09 15:38:01 711

原创 前端性能优化

本篇文章主要是我自己对前端性能优化的一点总结。我认为前端性能优化主要分为四大部分:渲染优化,代码优化,资源优化,请求优化。其中渲染优化和代码优化主要取决于个人书写代码的习惯以及遵循前端代码规范,而资源优化和请求优化往往是工作当中比较常见的,优化起来效果比较明显。

2022-04-12 16:04:59 840

原创 百度地图处理地图缩放出现中心点偏移的bug

百度地图处理地图缩放出现中心点偏移的bug问题百度地图的未放在标准文档流中,地图缩放出现中心点偏移。出现原因百度地图加载的位置因为定位等原因,与整个html 页面产生了不同步滚动的问题。百度地图的缩放是基于body层的,如果body层有滚动条,并且不在最顶端,在当前位置插入了百度地图,也就是出现该问题时的状态,这个时候滚轮缩放就会产生偏移。解决方案主要是通过监听到缩放开始事件来获取缩放前的中心点经纬度,然后监听到缩放结束事件后,将地图重新位移到缩放之前的中心点处。vue代码如下:<t

2021-03-24 14:59:52 3788 3

原创 百度地图的异步加载

百度地图的异步加载异步加载目的解决方案完整代码异步加载目的因为百度地图组件是异步加载,如果在vue里的mounted生命周期里创建地图实例,会报错:BMap is not defined。所以需要解决这个问题,使用异步加载。解决方案以下解决方案全部以vue代码为例。首先在src/assets文件夹中创建一个map.js。map.js里的代码如下:export default { init: function () { console.log("初始化百度地图脚本.

2021-03-24 14:26:30 1244

原创 CSS 给图片加上不规则边框

CSS 给图片加上不规则边框要显示图片:要加上的边框:mask图片:最终效果:本文是通过CSS属性mask来实现的。具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt

2020-12-17 11:28:50 1901 1

原创 wx.request 高级封装

wx.request 高级封装实现思路并发处理Promise精简返回值登录&sessionId代码链接参考资料研究公司已封装好的request代码mp-req (GitHub: https://github.com/wxlite-plus/mp-req)日志2019.12.172019.12.18感谢以下是我到网上查找的一些文章,对本人有较大启发,在此十分感谢!责任声明实现思路并发处理...

2019-12-18 16:49:38 541

原创 vue 页面切换根据需求是否保持缓存问题

Vue项目:遇到需求:在开发列表页和详情页的时候,遇到一个问题,当用户点击列表页跳转详情页,然后再返回列表页时,列表页会重新刷新,滚动条会到最上面,这样用户体验很差。而我想要的效果时当用户再次返回列表页时,内容应该是用户之前离开时候的内容,这样用户体验会好一点。图一 分类页图二 列表页图三 详情页首先我先想到的是vue的keep-alive进行组件的缓存App....

2019-08-25 17:08:11 2279

原创 WebStorm和草料插件遇到一起的BUG

bug:用webstrom 新建的html,用谷歌浏览器检查的时候莫名的多了一个 源代码里没有的div,代码如下:谷歌浏览器网页显示如下:解决方法: 是因为谷歌浏览器安装了草料插件(如下),这个插件是会append这段代码的。 只要关掉这个插件就可以解决这个bug。...

2018-12-07 19:40:32 172

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除