SunGodD00-CSDN博客

原创小程序开发过程遇坑之用户输入框input输入但是没有触发

之前做的一个项目中存在一个问题就是当用户在输入框中进行输入触发不到的问题下面以证件号码为例（使用的组件是vant的输入框）<van-field value="{{ form.certificateNo }}" bind:input="changeCertificateNo" label="证件号码" placeholder="请输入证件号码" input-align="right" required />这样写正常的用户在用输入法进行输入的时候是没有问题的，但是当以为没什么问题.

2021-03-01 16:30:39 1580

转载认识和使用vue中更全面的侦听器watch

vue中什么是侦听器呢？开发中我们在data返回的对象中定义了数据，这个数据可以通过插值语法等方式绑定到templat中。当数据变化的时候，template里绑定的数据会自动进行更新来显示最新的数据。但是这种变化是在template中自动侦听data的值来进行变换的在某些情况下，我们希望在代码逻辑中监听某个数据的变化，这个时候就需要用到侦听器watch了官方定义：Vue 通过watch选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式...

2021-10-28 16:29:51 987 2

原创 vue使用高德地图第一次进去点标记有数据，第二次进去就没有了

在工作中网页使用到了高德地图的点标记组件需求：在地图上显示从后端返回经纬度坐标的点。技术选型：前端移动端网页使用vue3.x+ 高德地图问题：在首次进入地图页面的时候会出现对应的点标记，但是第二次进去的时候或者后面进去的时候不出现这个点标记。解决办法：我发现了一个可能存在的问题就是会不会当我返回到其他页面的时候这个地图其实没有销毁，需要销毁掉然后才能重新建标记点？对于这个问题进行尝试就是在页面的beforeRouteLeave的时候去卸载掉高德地图，然后再重新进入。最后发现就是这..

2021-09-27 11:27:20 1973 4

原创毕设之美食分享类型小程序系统

之前做过一些小的项目，比如这个毕设项目，就是根据下厨房的原型进行设计和开发，应用于软件工程等专业需要开发程序的大学生的毕业设计项目。使用到的技术栈有：后台vue加elementUi开发，后端使用的是java的springboot项目以及用户端的小程序展示。项目截图：基本的功能包括： 1：首页的美食展示 2：菜系分类 3：菜单上传 4：收藏评论 5：登录功能 6：用...

2021-09-13 20:36:37 726 4

原创微信jssdk踩坑秘籍

在开发网页的时候有时候需要用到微信的一些方法和接口来实现业务功能，比如分享接口，图像接口，音频接口，只能接口，设备信息，地理位置，界面操作，微信扫一扫等众多微信集成好的功能，使用的时候也非常的简单，文档也说的非常的详细了引入JS文件通过config接口注入权限验证配置通过ready接口处理成功验证通过error接口处理失败验证需要注意：所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的we...

2021-09-08 09:53:26 427

原创 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 3510

原创企业微信微应用关闭网页返回

企业微信微应用关闭网页返回百度了一些相关问题中发现好像无法关闭网页，因为现代浏览器的安全约束里，页面不能关闭自己了，只能由它的 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 3274

原创数据可视化学习

这个内容是根据b站学习视频的结果，附上b站视频地址：https://www.bilibili.com/video/BV1bh41197p8?from=search&seid=18392029397118470336这里用到的技术栈是 vue + echarts + koa2 保持不断学习的劲头，顺便分享一波个人公众号,关注关注我呗，分享一些前端的资源和心得，希望可以结交更多同道中人不断学习，不断进步，最后就是谢谢大家啦。项目成果：总结：为什么最近要学习可视化方面的知识呢？其.

2021-05-13 16:40:21 146

原创分享vuex源码解析视频---了解真相，才能获得真正的自由。

【免费】分享vuex源码解析视频，需要的添加作者哦。你知道为什么每个组件都可以通过this.$store访问到vuex对象嘛？你知道vuex的创建过程和步骤嘛？这中间做了那些操作你懂吗？来找我拿视频一探究竟把。这个vuex真相，你不能错过哦。（免费获取）顺带记得关注公众号一波会分享可能你需要的资源...

2021-04-14 14:39:36 166

原创 Vue-你不知道的Bus中央数据总线学习

最近两天在面试中被提及到vue组件通信的几种方式，这些都是巴拉巴拉的一堆网上可以百度到的通信方式，比如父子组件间的props和$emit，以及$refs，$children,$parent, 依赖注入,vuex，以及bus事件总线机制，因为提到了这个bus，所以面试官就问你知道bus的实现原理吗？在我之前的想法中我认为就是通信方式除了vuex需要去掌握一下原理外，其他的都是知道怎么用就好了，但是当面试官突然这么一问之后，我也突然一蒙蔽了，毕竟自己确实不知道。基于上述原因，我现在慢慢的觉得程序的...

2021-04-13 10:14:20 506

原创免费分享某课Javascript 设计模式系统讲解

终于，有一门为前端准备的设计模式课程了！就JS设计模式课程而言，这几乎是全网独一无二的系统视频课适合人群：工作1-3年的前端工程师，或者基础较好的应届毕业生这门课程是需要一些前端的基础的，但是如果基础比较好的应届毕业生也是可以适应这门课的，希望这门课可以帮到更多的同行，或者在这行爬摸滚打几年的遇到瓶颈的前端开发工程师章节比较多，时长是11小时38分钟。最后，希望可以认识多点同行，共同在代码界或者前端界分一口羹（有点大话了），但是共同进步确实是我的心愿，也希望大家一起向前进步。在编程行...

2021-03-03 17:57:47 148 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 1528 1

原创注意小程序中有些选择器是没办法识别的，会导致模拟器没问题在真机看不到效果，

Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.最近在尝试小程序自定义弹出Loading，根据网上找的一些资料然后进行修改，然后在模拟器上表现完美，但是在真机调试的时候却发现有问题，当时想不太可能阿，怎么会有这个情况，然后再模拟器看到了上面的这行警告，原因是因为有些选择器小程序是无法进行识别，比如标签名，ID选择器

2020-06-16 11:15:29 649

原创微信小程序地址加载选择(省市区，选择省之后在查询市再根据市查询区)

因为小程序的三级地址是直接把省市区都显示出来了，选中的值也是对应的城市名称，这完全不符合现在业务的需要，现在业务是需要先选择了省然后根据选中的省的ID再去查询市查到市了然后再去查区，没有的就不显示，然后没有的值设置为0，有值的设置对应的即可，根据这一需求，我决定使用有赞小程序UI进行修改来符合自己的业务开发。先把例子摆出来，不然没图没真相，我也挺讨厌没图的~实现的思路是：1：查看了组件的文档，发现这里对应的滑动省市区的时候是会触发一个事件的，然后再触发事件中可以发现有一个值是对应..

2020-06-12 07:31:25 2387

原创小程序分包加载的使用

首先来看看官方对这个分包加载的解释：小程序的官网也是说的很明白了1：其实分包的最主要的功能就是解决了首页加载的问题，可以按需加载需要的包内容，减少首次加载速度，小程序进入的时候首次加载只加载主包里面的内容，而分包是不会进行下载的，所以下载小程序包的时候就少了分包的大小，下载时间也少一点。2:：如果用户进入了某个分包的页面，再下载这个对应分包，下载完毕后，显示分包的页面。采用分包加载，对开发者而言，能使小程序有更大的代码体积，承载更多的功能与服务；而对用户而言，可以更快地打开小程序，同时在

2020-06-01 10:03:08 732

原创实现点击选择按钮时候选中对应选中的行，当点击某一行单元格时候就清除其他选中行然后选中对应点击的那一行

实现点击选择按钮时候选中多行，当点击某一行单元格时候就清除其他选中行<el-table :data="data" showOverflowTooltip ref="multipleTable" @selection-change="handleSelectionChange" @row-click="rowClick" border style="width: 100%">:data="data" ：绑定到后台数据中取得的值。ref="multipleTabl...

2020-05-20 11:47:21 2919

原创 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 1975

原创微信小程序实现展示图片（图片推广小程序可以使用）

实现效果图：首先就是这个封面是一些图片展示界面，后台返回的都是图片。然后根据返回数据数组的下标进行分类，第一排只显示数组为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 8585 2

原创轻量应用服务器爬坑日记

我买的是阿里云的轻量应用服务器，（服务器列表）（主界面）（选择镜像）我觉得还是系统镜像的CentOs好，别选择这些应用镜像，因为他强制绑定一个后台地址，后面用于Https很难受。选择好系统镜像CentOs之后就重新启动，然后这里一般没什么事情做了。下载一个远程连接服务器工具，SSH（putty也可以，反正有很多类似的工具）就好了，然后远程操作你的服务器。...

2018-11-16 10:17:33 3899 1

原创 VUE实现移动端的购物车

主要就是实现了购物车功能，计算勾选的总价，全选或者需要勾选的功能然后去结算的时候就是跳转到结算界面，别的页面和这个主题不相符（就是简单的跳转，把勾选的商品数据带到第二个页面），当没选择商品时去结算就会弹出提醒；这里的数据都是模拟数据，里面的功能是能实现的。后期把真实数据按照模拟数据格式给出就可以实现了。开始：界面布局<template> <div> ...

2018-09-14 23:25:14 5113 1

原创 Vue在使用原生Html的复选框点击改变事件用V-model绑定的值问题

如题：有些项目中会用到复选框但是可能样式问题或者其他问题不得不自己写一个为了完成任务的复选框，我是因为在Vux框架中无法找到类似的复选框按钮，或者相似的但是在布局方面有点不好设计，不好显示，以至于自己模仿写一个实现功能的复选框我的任务是写一个购物车的功能我是需要点击每一项的复选框然后把对应的该行的内容存在一个数组中，在数组中能够拿到对应的值用于删除或者计算价格等操作。其实只是拿原生组件...

2018-09-09 00:49:02 3469 1

原创 Vue自制数字编辑器

如题：为什么不适用Vux自带的组件呢？下图就是VUX的自带组件了，其实是可以用的，只是我在使用的过程中布局上出现了一点问题。就是这个控件样式是设置好了的，在实际开发过程中由于移动端界面都很小了，再加上Vux的样式设置了Padding属性，使得界面方面非常的难控制，（下面有个图可以看），就决定自己写一个类似的功能。开始： :value是绑定的数据，这里是循环数组然后把number...

2018-09-07 23:57:19 951

原创微信小程序模板化---js文件抽离

模块化可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块只有通过module.exports或者exports才能对外暴露接口。需要注意的是：exports是module.exports的一个引用，因此在模块里边随意更改exports的指向会造成未知的错误。所以更推荐开发者采用module.exports来暴露模块接口，除非你已经清晰知道这两者的关...

2018-09-04 23:45:54 1962 2

原创微信小程序加载图片出现渲染层网络层错误

加载图片的时候报了一个这个错误，但其实也没发现任何的错误，图片也正常显示出来了。最后百度了一波是说：出现这种情况的原因在于，页面显示加载的时候image里面的值是空的，从后台拿值是需要一定的额时间的，在这个时间内image的src是空的，所以报错。解决方法也很简单加一个wx:if="{{arr.length>0}}"这样写发现错误了修改：这样就可以解决问题了...

2018-09-04 23:42:48 9868 4

原创 at android.database.sqlite.SQLiteOpenHelper.getDatabaseLocked(SQLiteOpenHelper.java:224)

android报 at android.database.sqlite.SQLiteOpenHelper.getDatabaseLocked(SQLiteOpenHelper.java:224) at android.database.sqlite.SQLiteOpenHelper.getReadableDataBase(SQLiteOpenHelper.java:224) 错主要是contex...

2018-07-06 10:30:04 661

原创关于安卓的ListView 复杂展示

MainActivity.javapackage com.example.addresslist_501cgj;import java.util.List;import android.app.Activity;import android.content.Context;import android.content.Intent;import android.os.Bundle;...

2018-05-16 09:55:49 437

原创 JSP页面动态获取系统时间

//从服务器上获取初始时间 var currentDate = new Date(); function run() { currentDate.setSeconds(currentDate.getSeconds()+1); document.getElementById("dt").innerHTML = currentDate.toLocaleString(); } window.se

2018-01-19 14:46:47 1921 2

原创 JSP中request.getParameterValues（）方法的使用和获取

选择表单的单选框中所选的项目爱好:体育美术音乐旅游String a[]=request.getParameterValues("affect");.if(a!=null){ for(int i=0;i { out.print(" "+a[i]+" "); }}%>

2017-12-24 00:18:46 9765

原创 JAVA文本框根据输入内容自动模糊查询（动态）

JAVA文本框根据输入内容自动模糊查询数据库（增删动态查询）

2017-09-23 07:29:03 12868 1

原创 JAVA Swing 折叠菜单

首先再构造函数里添加一些控件代码//Left面板折叠式菜单设置,三面板网格式布局 pNorth=new JPanel(); pNorth.setLayout(new GridLayout(8,1)); pSouth=new JPanel(); subMenuContainer=new JPanel(); su...

2017-09-18 18:59:09 3997 14