web前端
web前端的一些东西
人生一串儿
全栈开发工程师。可独立开发后台管理系统、pc、移动端商城、APP、熟练使用nodejs连接数据库开发接口;主要技术栈react,nodejs,angular,vue,nextjs;微信、支付宝小程序,taro;运维:了解linux。熟练使用nginx;
展开
-
前端从零到一开发自己组件库并发布到npm
好多前端小伙伴干了五六年,一直在做切图仔,一看项目没啥亮点。今天开始,我就分享下自己开发组件库的历程。原创 2024-01-24 10:15:00 · 1340 阅读 · 1 评论 -
第三方登录-pc支付宝扫码登录流程
最近有个奇葩的需求,用户要支持支付宝扫码登录。这个需求很少见,那就做一下,看起来有点难,其实很简单。原创 2023-12-21 16:14:36 · 872 阅读 · 2 评论 -
性能优化-超大图加载
网站首页的头部有时候要加载超大图,可能超过4M,如果网速不好用户会看到好长时间的白屏,体验非常不好。这种方式适合页面顶部有超大图的情况,如果页面内容区和下面图比较多可以使用图片懒加载。这里很清楚的看到大图在逐渐加载。先看完成后的效果:缩略图几乎。原创 2023-08-14 18:29:10 · 239 阅读 · 0 评论 -
性能优化-webpack配置gzip
性能优化-webpack配置gzip原创 2023-07-27 10:33:31 · 1187 阅读 · 0 评论 -
性能优化-nginx配置gzip
将如下代码配置到nginx即可,位置无要求。原创 2023-07-27 10:31:50 · 80 阅读 · 0 评论 -
react 从列表页到详情页返回后保持列表页的状态
react 从列表页到详情页返回后保持列表页的状态痛点解决方案:react-router-cache-route实现页面状态的缓存版本用法详细例子1.配置路由2.修改缓存页面的部分内容-didRecover痛点移动端开发时会遇到在列表页点击进入详情,返回后列表页刷新的情况,对用户体验很不友好。解决方案:react-router-cache-route实现页面状态的缓存版本 "react": "^17.0.2", "react-router-cache-route": "^1.11.原创 2021-07-03 15:45:42 · 3893 阅读 · 4 评论 -
angularjs修改在微信扫一扫或支付宝扫一扫后title的名字
最近有一个需求,将angularjs写的h5页面放在微信和支付宝中使用(用扫一扫或放在公众号,生活号中),因为angular是单页面应用,所以所有页面的title都一样。。。如下图所示,列表页和详情页在微信上的title都一样图1.列表页图2.详情页然后上网查了好多文章,试了试都没啥效果,要么就是灰常复杂,让人看得想睡觉。后来我就想何不用$rootSco原创 2017-07-13 10:58:26 · 519 阅读 · 1 评论 -
ionic回到页面顶部
在带有tab选项卡的列表页,点击不同的tab需要回到顶部,此时会发现用scrollTo(0,0)不起效果1.原因:dom元素中有fixed,absolute, 此时scroll失效,2.解决办法:html: 给ion-content 加上delegate-handle="toTop",属性名字随便起js:注入$ionicScrollDelegate,点击tab时加上$io原创 2017-08-17 15:54:30 · 1152 阅读 · 0 评论 -
input中maxlength失效问题
当type=number时,设置maxlength=11(校验手机号),不生效只要将type=tel就可以正常使用了。原创 2017-08-17 14:20:49 · 3401 阅读 · 0 评论