![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
SunGodD00
活着只为改变世界
有任何方面的问题都可以私我。
大家互相学习,讨论心得,互相帮助.
可以关注我的公众号呀:HZ工作室前端开发
展开
-
认识和使用vue中更全面的侦听器watch
vue中什么是侦听器呢?开发中我们在data返回的对象中定义了数据,这个数据可以通过插值语法等方式绑定到templat中。 当数据变化的时候,template里绑定的数据会自动进行更新来显示最新的数据。但是这种变化是在template中自动侦听data的值来进行变换的 在某些情况下,我们希望在代码逻辑中监听某个数据的变化,这个时候就需要用到侦听器watch了官方定义:Vue 通过watch选项提供了一个更通用的方法,来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时,这个方式...转载 2021-10-28 16:29:51 · 994 阅读 · 2 评论 -
vue使用高德地图第一次进去点标记有数据,第二次进去就没有了
在工作中网页使用到了高德地图的点标记组件需求:在地图上显示从后端返回经纬度坐标的点。技术选型: 前端移动端网页使用vue3.x+ 高德地图问题:在首次进入地图页面的时候会出现对应的点标记,但是第二次进去的时候或者后面进去的时候不出现这个点标记。解决办法: 我发现了一个可能存在的问题就是会不会当我返回到其他页面的时候这个地图其实没有销毁,需要销毁掉然后才能重新建标记点?对于这个问题进行尝试就是在页面的beforeRouteLeave的时候去卸载掉高德地图,然后再重新进入。最后发现就是这..原创 2021-09-27 11:27:20 · 2088 阅读 · 4 评论 -
毕设之美食分享类型小程序系统
之前做过一些小的项目,比如这个毕设项目,就是根据下厨房的原型进行设计和开发,应用于软件工程等专业需要开发程序的大学生的毕业设计项目。使用到的技术栈有:后台vue加elementUi开发,后端使用的是java的springboot项目以及用户端的小程序展示。项目截图:基本的功能包括: 1:首页的美食展示 2:菜系分类 3:菜单上传 4:收藏评论 5:登录功能 6:用...原创 2021-09-13 20:36:37 · 751 阅读 · 4 评论 -
微信jssdk踩坑秘籍
在开发网页的时候有时候需要用到微信的一些方法和接口来实现业务功能,比如分享接口,图像接口,音频接口,只能接口,设备信息,地理位置,界面操作,微信扫一扫等众多微信集成好的功能,使用的时候也非常的简单,文档也说的非常的详细了引入JS文件 通过config接口注入权限验证配置 通过ready接口处理成功验证 通过error接口处理失败验证 需要注意:所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的we...原创 2021-09-08 09:53:26 · 492 阅读 · 0 评论 -
vue动态keep-alive无法触发activated钩子函数问题
vue动态keep-alive缓存用户页面是根据进入的时候把需要缓存的页面的name先放到vuex中的state,然后再离开页面路由离开的时候去清楚这个vuex的state页面的name进行清除操作,下次再进去需要缓存的话就重新把页面name放到vuex中即可实现动态缓存页面。坑1: 需要先把需要的缓存页面name设置到vuex的state中,否贼会进入这个页面的时候不会触发actived方法,导致界面出现错误(页面上的所有方法和值都有错误,值无法更新问题)坑2: 最好每个页面的name都写上,否贼原创 2021-09-06 19:50:30 · 3606 阅读 · 0 评论 -
企业微信微应用关闭网页返回
企业微信微应用关闭网页返回百度了一些相关问题中发现好像无法关闭网页,因为现代浏览器的安全约束里,页面不能关闭自己了,只能由它的 opener 关闭传统的JS关闭当前窗口window.opener=null;window.open('',self);window.close();vue关闭当前窗口window.opener = null;window.open("about:blank", "_top").close()尝试过这两个方法最后的结论是都不能实现。后原创 2021-08-13 17:50:47 · 3571 阅读 · 0 评论 -
数据可视化学习
这个内容是根据b站学习视频的结果,附上b站视频地址:https://www.bilibili.com/video/BV1bh41197p8?from=search&seid=18392029397118470336这里用到的技术栈是 vue + echarts + koa2 保持不断学习的劲头,顺便分享一波个人公众号,关注关注我呗,分享一些前端的资源和心得,希望可以结交更多同道中人不断学习,不断进步,最后就是谢谢大家啦。项目成果:总结:为什么最近要学习可视化方面的知识呢?其.原创 2021-05-13 16:40:21 · 151 阅读 · 0 评论 -
免费分享某课Javascript 设计模式系统讲解
终于,有一门为前端准备的设计模式课程了!就JS设计模式课程而言,这几乎是全网独一无二的系统视频课适合人群:工作1-3年的前端工程师,或者基础较好的应届毕业生这门课程是需要一些前端的基础的,但是如果基础比较好的应届毕业生也是可以适应这门课的,希望这门课可以帮到更多的同行,或者在这行爬摸滚打几年的遇到瓶颈的前端开发工程师章节比较多,时长是11小时38分钟。最后,希望可以认识多点同行,共同在代码界或者前端界分一口羹(有点大话了),但是共同进步确实是我的心愿,也希望大家一起向前进步。在编程行...原创 2021-03-03 17:57:47 · 158 阅读 · 2 评论 -
前端&JS&小程序过滤emoji表情
checkIsChEnNum(str) { //emjoy,通过校验 // var pattern = /^[A-Za-z0-9\u4e00-\u9fa5\^%&',;=?$x22!@#*()_+=[{}/.><~……‖-]+$/gi; var pattern = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#.原创 2020-07-27 13:41:32 · 1604 阅读 · 1 评论 -
微信小程序地址加载选择(省市区,选择省之后在查询市再根据市查询区)
因为小程序的三级地址是直接把省市区都显示出来了,选中的值也是对应的城市名称,这完全不符合现在业务的需要,现在业务是需要先选择了省然后根据选中的省的ID再去查询市查到市了然后再去查区,没有的就不显示,然后没有的值设置为0,有值的设置对应的即可,根据这一需求,我决定使用有赞小程序UI进行修改来符合自己的业务开发。先把例子摆出来,不然没图没真相,我也挺讨厌没图的~实现的思路是:1:查看了组件的文档,发现这里对应的滑动省市区的时候是会触发一个事件的,然后再触发事件中可以发现有一个值是对应..原创 2020-06-12 07:31:25 · 2460 阅读 · 0 评论 -
JS实现两个数组的不同项的合并
方法首先把两个数组相加,然后通过过滤方法判断是否有相同的两个项filter是过滤的函数,其中v是每一项,i是下标,arr是两个数的和getArrDifference(arr1, arr2) {return arr1.concat(arr2).filter(function(v, i, arr) {return arr.indexOf(v) === arr.lastIndexOf(v);});},上面是打印的第一个数组是传入的两个数组 arr1和arr2,后面那个数..原创 2020-05-20 11:41:32 · 1987 阅读 · 0 评论 -
微信小程序实现展示图片(图片推广小程序可以使用)
实现效果图:首先就是这个封面是一些图片展示界面,后台返回的都是图片。然后根据返回数据数组的下标进行分类,第一排只显示数组为1,4,7一次类推,第二列是2,5,8的index,第三列是3,6,9等等,根据下标进行分类然后排版。没一列都网上堆叠即可。上代码:wxml<view class='top' style="opacity:{{maskshow?'0.8':'none'}...原创 2019-04-11 10:38:11 · 8699 阅读 · 2 评论 -
轻量应用服务器爬坑日记
我买的是阿里云的轻量应用服务器,(服务器列表)(主界面)(选择镜像)我觉得还是系统镜像的CentOs好,别选择这些应用镜像,因为他强制绑定一个后台地址,后面用于Https很难受。选择好系统镜像CentOs之后就重新启动,然后这里一般没什么事情做了。下载一个远程连接服务器工具,SSH(putty也可以,反正有很多类似的工具)就好了,然后远程操作你的服务器。...原创 2018-11-16 10:17:33 · 3912 阅读 · 1 评论