- 博客(34)
- 收藏
- 关注
RSS订阅
原创 “小小小头像”小程序，微信头像框生成工具
因为迎近国庆，腾讯新闻出了款微信用户头像框在线生成的h5网页，当天朋友圈被这条消息刷屏了然后我晚上就花2个多小时时间开发了一款微信小程序“小小小头像”，这款小程序可以获取用户头像选择自己喜欢的头像框进行绘制。也可以选择本地上传自己想要的图片。重点是这款小程序是纯前端开发的（我这里没有用到云开发），毕竟2个小时时间，只是做着玩一下，万一火了呢，现在我把项目开源，码云地...
2019-09-30 09:28:25
19469
7
原创 我的一年零六个月程序生涯：开挂人生
配张图压压气势（马云在左，化腾在右，全场镇猿符）小鸿是看了“纯洁的微笑”公众号文章"我的十年程序生涯：建模启航"有感而发才写的这篇文章，如果有关注他的公众号想必应该了解。在小鸿开始讲“我的一年零六个月程序生涯：开挂人生”之前，还要从一年零六个月之前的生活至初三毕业开始讲起，等等？？为什么扯那么远？初三？小鸿毕业都啥年代了？小鸿是00年的，（收（he）起（bu...
2019-07-29 21:01:58
2861
15
原创 首次实战Vue高仿移动端QQ音乐项目解析
博主是第一次写博客，欢迎前来指正！项目预览地址：http://dv20912014.iok.la （这里重点强调一下，项目是使用花生壳内网穿透映射出去的，为什么要这样做下面我会做详细的解释，由于用的是花生壳，首次加载需要20秒时间，请不要再微信上打开“微信有限制”，最好把地址复制到浏览器打开）码云源码地址：https://gitee.com/citn/template-developer....
2019-01-31 20:41:57
7920
12
原创 【修复日常bug】（uniapp）微信小程序自定义组件无法触发（不执行）v-model双向绑定监听事件
问题概述数组数据改变后，页面上视图也重新渲染了，但是视图内的自定义组件绑定的v-model事件并没有执行；问题原因(举个例子)在经过一番排查后，发现外层有v-if事件调用了handler函数进行判断导致的<!-- 循环数组 --><view v-for="(item,index) of list" :key="index"> <!-- v-if调用了函数 --> <view v-if="handler(item)">
2021-08-16 11:00:27
3348
原创 【修复日常bug】node接入微信小程序登录解密报错：SyntaxError: Unexpected token in JSON at position 0
问题概述前端传code、encryptedData、iv参数到后端获取微信小程序用户信息，大概率在请求3次node控制台会复现一次报错信息：SyntaxError: Unexpected token in JSON at position 0node解密函数如下经过排查解密代码无任何问题，报错是偶现性的。问题原因在获取用户信息时，需要先调用wx.login拿到code，再调用wx.getUserProfile获取密文（encryptedData、iv），如果先执行wx.ge.
2021-06-22 19:25:39
1421
原创 JavaScript时间转换年月日时分秒（YYYY-MM-DD h:m:s）自定义调整时间格式
功能概述JavsScript时间转换年月日时分秒（YYYY-MM-DD h:m:s）自定义调整时间格式// 转换年月日时分秒 function formatFullTime(timestamp,format='YYYY-MM-DD h:m:s'){ var date = new Date(timestamp); var Y = date.getFullYear(); var M = (date.getMonth()+1 < 10 ? '
2021-05-25 11:04:35
680
1
原创 【修复日常bug】element-plus el-select组件上拉加载更多 分页加载 可适用vue3.0（提供组件代码）
目录技术栈版本问题概述directive2.0和3.0的生命周期对比上拉加载实现代码（附完整组件代码）最终实现效果gif技术栈版本vue版本：3.0.7element-plus：1.0.2问题概述项目用到element-plus框架的el-select组件，由于数据量过大需要做分页加载，发现vue无法触发directives里面的bind方法，经过排查是由于vue3.0做了改版，跟2.0生命周期不一样。directive2.0和3.0的生命...
2021-05-10 19:21:20
2789
5
原创 【修复日常bug】element-plus框架table组件toggleRowSelection方法设置无效
版本vue版本：3.0.7element-plus：1.0.2问题概述element-plus框架的el-tables组件toggleRowSelection函数设置选中值无效；//设置无效this.$refs.multipleTable.toggleRowSelection(this.popup_config.table.list[b],true);解决思路初次用setTimeout测试2000毫秒延迟生效了，断定是el-table未渲染完成导致；故：加上$..
2021-04-22 15:42:19
3490
原创 【修复日常bug】scroll-view组件scroll-top属性无效
问题概述这种情况我目前在uniapp开发的app或h5遇到，修改scroll-top值页面无法滚动，无法达到我们预期想要的效果。uni-app官方文档解释当属性值相同时，组件内部单向流数据特性有关，导致不会触发再次watch监听解决思路我们要滚动到顶部，而且每次点击都要触发回到顶部，可以写一个0.01的误差值第一次滚动：0第二次滚动：0.01第三次滚动：0....一直往返循环实现代码HTML<scroll-view :scroll...
2020-09-16 14:48:39
1136
原创 【修复日常bug】Error: ENOENT: no such file or directory, stat ‘\gitbook-plugin-fontsettings\fontsettings
项目前几天还是正常运行的， 后来执行gitbook build或gitbook serve出现报错；错误如下：关闭火绒软件（或者电脑管家、360等安全软件）就正常了，不需要重启开发者工具；
2020-09-15 20:41:26
1696
2
原创 【修复日常bug】关于移动端安卓系统中app的【input标签】或【textarea标签】偶现不弹起输入框
所使用的技术框架uni-app框架。问题描述在安卓系统中，input或者textarea输入框偶现不弹起（输入法弹起，输入框无法自动上推）。问题原因这就是兼容性的一个问题，因为在苹果系统是不会出现此问题，在仔细对比两端的差别得出了结论，那就是失去焦点的问题导致；ios系统：输入框失去焦点，光标马上消失。android系统：输入框失去焦点，光标闪烁一次到两次后消失。输入法收起，输入框失去焦点需要闪烁几下，才会执行blur方法。在输入框还没有失去焦点的情况下再次...
2020-07-29 18:45:51
1393
1
原创 【修复日常bug】执行git push出现“Everything up-to-date”
在Gitee上git clone一个项目，在git push的时候提示"Everything up-to-date"，查询网上资料网友们的说法是： 没有git add . 没有git commit -m "提交信息" 如果上面两个步骤都成功执行，还出现这个错误是因为创建的目录下是空的，目录下必须有文件才能git push上传成功...
2020-07-29 15:50:05
409
原创 【修复日常bug】uni-app框架的switch组件的checked属性值动态绑定不生效
如上图所示，switch的开关是使用checked属性绑定的，并无双向绑定，下面来看代码。<view class="value"> <switch :checked="goodsItem.integralSelf" @change="integralSelfHandle" /></view>checked首次初始化默认值后，再去改变goodsItem.integralSelf变量值页面并无效果，变量值改变了，我猜测内部可能没有对checke...
2020-07-27 15:18:15
4689
11
原创 【修复日常bug】京东富文本详情图变形的多种处理方式（解决商品详情图片宽高不适应问题）
我前面写过一篇解析京东富文本详情的文章：https://blog.csdn.net/qq_35610214/article/details/102468150上面这篇文章是处理小程序无法显示京东商品详情的问题，处理方式有很多弊端，是把富文本详情图https地址正则解析下来后重新拼接image标签渲染新数据；上面方法目前不赞同使用，因为我有更好的解决方法；问题概述问题一：京东商品详情图片在移动端显示过大，显示不全，无法自适应（京东样式写死宽高导致）问题二：京东商品详情图片比.
2020-07-21 10:48:06
2223
原创 【修复日常bug】移动端vant框架van-password-input组件在pc端无法点击
摘要vant本身是个移动端框架，没有做pc端兼容处理，在pc端使用（van-password-input）密码输入框组件，会导致无法点击的情况发生，如果按f12，开启手机端调试模式是正常的，因为浏览器本身有模拟手机端的调试，我遇到的情况就是，原先项目使用了vant框架做h5页面，然后需要在pc端运行，修改了pc端显示的h5尺寸宽度为414px，效果也就是一个小手机的样式显示在页面并居中。遇到问题那么问题来了，如果在pc端不开启f12手机模拟调试，导致van-password-input组件.
2020-05-14 11:18:38
4497
2
原创 mongodb必用常用命令（增删改）
进入数据库./mongo查询所有数据库show dbs或者show databases查询数据库中的数据表show collections或者show tables创建数据库/切换数据库use hongblog查询数据库名称db.getName()查询当前数据库状态db.stats()查询当前db版本db.version()查询当前db链接的机器地...
2020-04-30 09:08:55
186
原创 【修复日常bug】腾讯云 sendMsg: addMsg failed![-17]
调用腾讯云im做的通讯系统，发消息的时候偶现走错误回调并打印错误信息是sendMsg: addMsg failed![-17]，当这条消息发送失败后，重新进入聊天页，发现上一条发送错误的消息竟然正常发送出去了。经过检查消息也没有重复发送。这个消息是在消息发送成功后的回调， 消息是发送成功了的，错误回调里可以忽视，不需要处理。具体为什么走错误回调并不是很清楚，我们只需要在错误回调忽略Err...
2019-12-19 15:16:18
400
原创 【修复日常bug】解决微信小程序video组件initial-time属性不生效
我们来看微信小程序video标签的initial-time属性的描述：指定视频初始播放位置，我这边是要做一个类似淘宝的商品详情播放视频的功能，我来举个例子：我在商品详情页面播放视频进度到12秒，然后点击视频跳转到全屏播放，全屏我是单独做一个视频播放页处理的，所以我需要把视频播放进度传进视频播放页继续播放，这个视频播放页的视频一直播放到29秒，我退出视频播放页，需要把当前的29秒传回...
2019-11-22 10:22:38
5428
1
原创 【修复日常bug】解决node操作mongodb的save方法进入错误回调
我们操作save方法进入了错误回调。有可能的原因是我们在定义mongodb数据库的时候，写了_id，这个是我们生成表数据随机生成的_id，去掉即可然后重新运行node，一切访问正常，不会进入save的错误回调了。...
2019-11-03 16:43:07
661
原创 【微信小程序】无法解析京东商城商品详情富文本数据
小程序的rich-text富文本标签不支持link标签，这就导致我们从京东商城拿到的商品详情富文本无法解析。rich-text组件用法小程序商城对接京东商城商品，拿到的京东商品详情的富文本数据格式如下：我们可以看到，拿到的商品详情并不是我们所想的img标签 而是通过link标签再次去请求css样式，可以看出上面有多个div，这也就是说明了图片是通过div当成背景图渲染...
2019-10-09 20:14:09
3084
1
原创 【修复日常bug】微信小程序cover-image不显示图片
我们先来看看cover-image标签的用法，微信官方api解释：属性：src说明：图标路径，支持临时路径、网络地址（1.6.0起支持）、云文件ID（2.2.3起支持）。暂不支持base64格式。那么我们分析以下原因：cover-image或者外层嵌套的cover-view是否设置了渐变背景色（暂不支持渐变色，渐变色改为普通背景色即可显示） 使用了base64格式以上两点...
2019-08-10 09:30:06
4159
原创 如何写出高质量的代码！
由于昨天被老大叫去开了会议，会议内容关于我们日常写的代码质量、效率问题，会议后小鸿总结了以下几点，希望对你们有用！所谓高质量的代码，在前端标准的思想指导下，在实现结构（HTML）、样式（CSS）和行为（JS）分离的基础上，还要做到三点：精简、重用、有序。 高质量的HTML HTML除了用div或span标签进行布局，所有标签都是有语义的，用语义化标签进行布局，搜索引...
2019-07-30 03:18:08
737
原创 程序员的生活原来是这么的扎心！
每天坐在电脑旁忙着项目的功能开发，bug修复，东沟通西沟通，围绕的都是一行行代码。甚至在上下班路上都还在想着逻辑该怎么样，方法该怎么去写，要调用哪个方法。或者到了测试环节，测试那边有问题，我这里开发的没问题呀，可能是缓存问题，清一下缓存就好了......就像什么节假日呀，什么周末大小周、双休呀，跟程序员关系不大，因为程序员80%都在加班，剩下的两个10%分别可能是是陪女友和陪基友打游戏。...
2019-07-30 02:49:41
2887
4
原创 前端和后端的区别？
有的人认为，前端很好学，后端不好学。也有的人认为，前端不好学，后端好学，归根到底还得看个人兴趣。前端和后端做简单的叙述后端：入门难，深入更难，枯燥乏味，没有太大成就感，看一堆业务逻辑代码。前端：入门简单，先易后难，能看到自己做出来的展示界面，有成就感。前端和后端两者工作的内容和负责的东西是完全的不同01展示的方式不同前端指的是用户...
2019-07-30 02:36:16
124287
17
原创 我辞职了，理由竟然是………
我：老板，我要离职。。。老板：你为什么要离职？我：我..说到离职，对于程序员来讲会有很多种情况，我们来分析下几种情况薪资待遇在我们工作一段时间后，可能会对目前的薪资待遇不满意，这个时候可以跟老板申请加薪，程序员和老板谈薪资时，大多数程序员是几句话就单刀直入的，对薪资不满意，要求加薪，如果老板同意了，那就说明公司这个时候还是需要你的。这种离职原因还是目前最常见的。...
2019-07-30 02:33:05
3921
6
原创 什么是前端？前端入门需要学习哪些技术？学习前端需要具备什么样的学习条件？
据小鸿了解到，多数小白刚开始接触编程的时候并不知道自己真正想学什么，也不知道自己究竟适合学习什么样的技术，有部分同学就会盲目的寻找资料去学，不要着急，小鸿这里带大家了解什么是前端。前端入门需要学习哪些技术。学习前端需要具备什么样的学习条件。什么是前端？前端-顾名思义：就是端茶倒水的工作，端着茶杯，在公司门前端茶倒水，称之为前端。（这里是小鸿开个玩笑让大家放松下心情...
2019-07-29 20:59:37
7203
3
原创 【修复日常bug】解决微信小程序cover-view使用position:fixed；不显示的问题
我们看微信官方api说明tip: 基础库 1.9.90 起最外层cover-view支持position: fixed然后我们开发的过程中发现使用了position:fixed无效，首先应该检查一下基础库是否是1.9.90或以上，开发者工具详情按钮可以查看基础库版本号：如果基础库版本号是1.9.90或以上我们就可以排除这个原因，还有一个原因就是我们cover-...
2019-07-27 12:02:36
5295
原创 【修复日常bug】微信小程序 揭秘wx.switchTab跳转方式会附带参数的问题
微信小程序开发中，有一个跳转方式 ：wx.switchTab，可把我坑惨了，一个bug改通宵，我们来揭秘一下wx.switchTab跳转方式会附带参数的问题！我们先来说明一下wx.switchTab跳转方式的作用，根据官方的解释是这样的url 说明路径后不能带参数，即使带了参数传过去也是拿不到值的，可是我为什么说通过wx.switchTab方式跳转能拿到参数呢，这里说的拿到参数并...
2019-07-20 19:57:04
14587
2
原创 【修复日常bug】解决微信小程序跳转页面全部点击事件失效！
有这么一种情况，就是从app.js跳转到的页面，20次总会有1次是会出现所有点击事件失效的问题，页面可以上下滑动，轮播图可以左右滑动，只有所有的事件失效，也排查过是否是组件的问题，页面代码已经删掉只留下一个点击按钮也是会偶现无法点击，所以这里可以排除是页面组件的问题。这里是官方bug 造成页面偶现无法触发所有点击事件解决办法：给reLaunch和redirectTo加上定时...
2019-07-10 16:14:06
4425
1
原创 【修复日常bug】处理vue打包导致vendor.js文件过大
我看网上的教程写的都不是很清楚，所以这里写详细一些。通常我们在npm run build打包项目部署到服务器上运行，会看到Network调试下有个vendor.js文件加载耗时很慢，这就导致了整个网站首次加载非常缓慢：如果项目导入的第三方库过多（第三方库占用实际内存空间太大），打包以后的项目大小+第三方库都会合成vendor.js文件中，这也就是导致vendor.js加载缓...
2019-06-25 20:00:42
5630
1
原创 【修复日常bug】微信小程序canvas画商品海报出现个别用户无法生成的情况
微信小程序，在使用canvas画海报的时候，会导致个别用户无法生成的情况，你们可以尝试把绘画某些块的代码注释掉再进行扫码调试，我前几天就遇到个别客户无法生成商品海报的情况，刚开始是以为上一个同事留的坑，当我重构画海报的页面代码以后，还是出现这种问题。我在这里提醒开发者们，如果出现设备兼容性问题，请各位开发者不要使用真机调试，因为真机调试可以解决90%以上设备兼容性的问题，可以用扫码预览打开调试...
2019-05-30 00:04:06
1830
原创 【修复日常bug】完美解决wepy分包出现脚本错误或者未正确调用 Page()
刚接触wepy框架第四天 由于小程序主包过大 无法上传代码以及预览 wepy打包以后的代码会提示如下错误，页面能正常加载访问 js无法加载由于wepy框架出来的时间也不长 坑还是蛮多的分包的js都会有这种代码 exports.default = undefined 所以会报出现脚本错误或者未正确调用 Page() 其实可以手动修改打包以后的代码 也能解决...
2019-02-19 11:31:19
2403
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人