- 博客(37)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 医院预约挂号系统微信小程序项目分享
不知不觉已经毕业一年多了，分享一个大学毕业设计完成的作品，这个是一个医院预约挂号的小程序系统，这个项目比较简易理解，很适合做计算机期末作业或者毕业设计。医院预约挂号系统微信小程序项目主要的功能模块分析如下：对该系统进行分析与设计，有以下几个主要的功能模块：（1）添加科室：通过后台管理系统新增对应的科室，可以对科室数据进行增删改查。（2）添加医生：在后台管理系统录入医生相关信息，绑定...
2020-03-03 23:23:24
22308
19
原创 微信小程序二手闲置商城校园跳蚤物品交换 免费信息发布系统功能源码（微信小程序和php后台管理）
毕业设计做了一个微信小程序用于二手闲置商城与校园跳蚤物品交换，花费了一个多月进行构思设计和开发，可做为毕业设计或者计算机期末作业。微信小程序二手闲置商城校园跳蚤物品交换平台主要的功能模块分析如下：对该系统进行分析与设计，有以下几个主要的功能模块：（1）发布信息：用户可以发布出售信息，填写联系方式以及出售物类详细信息，点击发布后将会把信息上传至后台。（2）生成图片：用户可以点击生成图...
2020-02-21 20:10:09
7393
11
原创 vue配置请求代理的时候需要避免命名前部分字母相同
1、proxy设置代理，其地址匹配是根据正则匹配，可以看到文中开始设置了如下三个代理,且顺序如下："/api" "/apipc" "/huangyi"2、对应请求的三个接口如下："/api/musichall/fcgi-bin/fcg_yqqhomepagerecommend.fcg" "/apipc/cgi-bin/musicu.fcg" "/huangyi/music/api/getDiscList"发现三个接口中都包含"/api"，所以访问时正则匹配都会转到第一个的"/api"代理
2020-12-31 11:22:08
669
原创 vue单页面切换动画效果
<transition name="slide-fade"> <router-view/></transition><style scoped>.slide-fade{ position: absolute;left:0;right: 0;}.slide-fade-enter-active { transition: all .5s ease;}.slide-fade-leave-active { transition.
2020-12-31 11:21:22
456
原创 H5当弹出弹窗遮罩时如何阻止滚动穿透(使用css方式)
最终解决方案：使用当弹窗出现的时候将页面body的position设置为fixed并记录此刻滚动的位置,弹窗消失去除position属性遮罩层显示onInviteFriendClick() {this.viewState.shareCover.visible =true;//遮罩出现不可以滚动letscrollTop = document.body.scrollTop || document.documentElement.scrollTop;do...
2020-12-31 11:18:58
1139
原创 h5页面弹出弹窗时，js防止页面滚动穿透到底层页面
//弹窗弹出时调用openMaskFun(){letscrollTop=document.body.scrollTop||document.documentElement.scrollTop;document.body.style.cssText+='position:fixed;width:100%;top:-'+scrollTop+'px;';},//弹窗关闭时调用closeMaskFun(){letbody=document.bod...
2020-12-31 11:16:43
617
原创 css3设置图片自适应缩放
object-fit:cover;<div class="theImg"> <img src="../assets/img/img1.jpg"></div><style>.theImg{ width: 200px; height: 200px;}.theImg>img{ width: 100%; height: 100%; object-fit:cover;}</style...
2020-12-31 11:14:10
586
1
原创 vue瀑布流组件vue-waterfall-easy的使用
1、安装vue-waterfall-easy组件npm install vue-waterfall-easy --save-dev2、在所需要使用的页面中引入该组件并编写相关业务逻辑代码<template> <div> <vue-waterfall-easyv-show="!noData&&loadingShow"ref="waterfall"@scrollReachBottom="getData":imgsArr="img...
2020-12-31 11:10:26
855
原创 vue跑马灯组件vue-marquee的使用
1、安装vue-marqueenpm install vue-marquee2、在所需要的页面中引入组件importvueMarqueefrom'vue-marquee';components:{vueMarquee},3、在页面中使用vue-marquee组件<vue-marquee:duration="600":interval="2000"><divv-for="(item,index)in10":key="in...
2020-12-31 11:02:16
2685
原创 js实现一个数组划分为二维数组内多个小数组
//一个数组划分为二维数组内多个小数组/*arr：原数组num:需要获取成几个小数组*/formatArr(arr,num){//最后返回的结果为一个二维数组varnewArr=newArray(Math.ceil(arr.length/2));for(leti=0;i<newArr.length;i++){newArr[i]=[];...
2020-12-31 10:57:20
251
原创 js获取路径参数
//获取路径参数getUrlParam(name){varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)");varr=window.location.search.substr(1).match(reg);if(r!=null)returnunescape(r[2]);returnnull;},...
2020-12-31 10:56:38
803
原创 js获取cookie里面的某个值（userid,token）
/***获取cookie里面的userid,token*@paramname获取的key*/getCookie(name){letstrCookie=document.cookie;letarrCookie=strCookie.split(';');for(leti=0;i<arrCookie.length;i++){letarr=...
2020-12-31 10:55:13
1777
原创 小程序获取元素样式（宽高间距）
//获取宽度，设置高度等于宽度 var query = wx.createSelectorQuery().in(this); var that = this; query.select('.chooseImgItem').boundingClientRect(function (rect) { console.log(rect); that.setData({ 'objHeight': rect.width + 'px' })..
2020-10-08 20:30:22
372
原创 小程序父组件调用子组件的方法
<news-list id="list"></news-list>this.selectComponent("#list").getList();
2020-10-08 20:28:47
215
原创 css设置图片根据最大边自适应
<div class="img_box"> <img src="1.jpg" alt="" class="img_newItem"></div>父级设置宽高和flex布局，子级图片设置最大宽高（max-width\max-height）为100%，宽高(width\height)为auto；.img_box{ width:100%; height:100%; display: flex; justify-content.
2020-10-08 20:26:41
931
原创 vue配置请求代理的时候需要避免命名前部分字母相同
1、proxy设置代理，其地址匹配是根据正则匹配，可以看到文中开始设置了如下三个代理,且顺序如下："/api" "/apipc" "/huangyi"2、对应请求的三个接口如下："/api/musichall/fcgi-bin/fcg_yqqhomepagerecommend.fcg" "/apipc/cgi-bin/musicu.fcg" "/huangyi/music/api/getDiscList"发现三个接口中都包含"/api"，所以访问时正则匹配都会转到第一个的"/api.
2020-10-08 20:25:25
579
原创 vue单页面切换动画效果
<transition name="slide-fade"> <router-view/></transition><style scoped>.slide-fade{ position: absolute;left:0;right: 0;}.slide-fade-enter-active { transition: all .5s ease;}.slide-fade-leave-active { tran...
2020-10-08 20:24:23
370
原创 【毕业设计】【期末作业】新闻发布系统（php+mysql）
分享一个新闻发布系统网站，后台主要是采用php的thinkphp框架制做的，数据库采用mysql进行处理这个系统主要分为用户模块和后台管理模块，具体功能有用户模块：注册，登陆，查看个人信息，修改个人信息，站内搜索，新闻浏览等功能 后台管理员模块：会员管理，新闻公告，分类管理，新闻管理，评论管理，留言管理等。这个项目可以在电脑本地正常运行，可以做为毕业设计或者计算机作业相关页...
2020-02-13 17:56:45
6059
17
原创 移动设备中click事件会存在300ms的延迟
移动设备中click事件会存在300ms的延迟我们需要引入fastclick这个第三方插件如果是在vue开发中:1、我们需要用npm进行安装即可 npm install fastclick --save2、在main.js中需要将fastClick绑定到我们的body之上 fastClick.attach(document.body)import Vue f...
2020-02-09 21:49:38
114
原创 前端函数获取或删除url get参数
获取url参数functiongetUrlParam(name){varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)");//构造一个含有目标参数的正则表达式对象varr=window.location.search.substr(1).match(reg);//匹配目标参数...
2020-02-09 21:44:58
476
原创 vue -webkit-box-orient vertical webpack打包后被过滤掉了 线上没有这行代码
问题：vue -webkit-box-orient vertical webpack打包后被过滤掉了 线上没有这行代码解决：（1）方法一：加上绿色注释，跳过webpack的css打包.word-overflow-3{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; /*! autoprefix...
2020-02-09 13:03:21
265
原创 css怎么设置文本超出显示省略号
1、单行文本超出.divObj{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}2、多行文本超出.divObj{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-c...
2020-02-09 13:03:07
87
原创 jq图片上传 获取base64位
$("#uploadBtn").click(function(){ $("#uploadFile").click();})//上传图片$("#uploadFile").change(function(){ var file=this.files[0]; var reader=new FileReader(); reader.readAsDataURL(file...
2020-02-08 11:18:12
726
原创 url自动转化为二维码图片
http://bshare.optimix.asia/barCode?site=weixin&url=https://www.baidu.comurl参数就是你扫码要跳转的链接地址[毕业设计][期末作业]二手闲置小程序 免费信息发布系统功能源码（小程序+php后台管理）...
2020-02-08 11:15:59
412
1
原创 Electron如何修改图标
问题：在electron的icon更换过程，是发生在最后的打包阶段，而不是开发过程中的。也就是说，大多数情况下，这个图标是打包的时候决定的。解决： 1、把要修改的图标放入工程里面，图标必须是ico格式 2、执行打包命令还不懂怎么打包的可以参考点击打开链接在打包的基础上加上--icon=图标路径，回车就可以可以了[毕业设计][期末作业]二手闲置小程...
2020-02-08 11:07:19
5981
1
原创 electron 设置窗口默认最大化、全屏
一、默认最大化win = new BrowserWindow({show: false}) win.maximize() win.show()二、默认全屏win = new BrowserWindow({fullscreen: true})[毕业设计][期末作业]二手闲置小程序 免费信息发布系统功能源码（小程序+php后台管理）...
2020-02-08 11:05:04
14728
原创 js中进行浮点型运算 加减乘除
js中浮点型是如何运算的呢？例如：var a=0.69;我想得到6.9 直接这样写 var c=a*10;alert(c); 得到结果是：6.8999999999999995到网上一搜，有网友说这是一个JS浮点数运算Bug,找了解决方法：方法一：有js自定义函数<script> //加法函数，用来得到精确的加法结果//说明：javascript的加法...
2020-02-08 11:01:49
931
3
原创 vux Tab组件当tabitem动态加载时怎么控制底部bar不动态居中
问题：vux Tab组件当tabitem动态加载时底部bar不动态居中解决：只要用v-if去判断是否有值就可以了，因为v-if只有在当请求到内容的时候才会去渲染<tab :line-width=2 active-color='#fc378c' custom-bar-width="20px" v-if="list2"> <tab-item class="vu...
2020-02-08 11:00:13
392
1
原创 苹果手机vue网页弹窗中input失去焦点的时候造成页面上移
问题：苹果手机vue网页弹窗中input失去焦点的时候造成页面上移解决：<input type="text" class="userNameInput" v-model="username" placeholder="请输入账号或手机号" @blur="coverScroll"><input type="password" class="passInput" v-m...
2020-02-08 10:55:00
615
原创 ios APP通过testFlight测试
步骤：1、将xcode的app提交到app store2、在App Store Connect用户里面向对应的测试员发送邀请
2020-02-08 10:37:51
343
原创 小程序使用switchtab 怎么使页面重新刷新
我们小程序页面tab页面在加载过一次之后使用switchTab再次进来不会再次重新加载。之前没有重新加载 ：wx.switchTab({ url : '../index/index',});所以我们应该在switchTab成功跳转后调用success，在回调中做处理，此时可以拿到跳转后页面的page对象，从而调用页面onLoad方法重载页面；微信后期应该会加相应的参数来决定是...
2020-02-07 23:38:11
2974
原创 js如何获取url上指定的参数
getQueryString:function(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); var context = ""; if (r !...
2020-02-07 23:28:12
87
原创 vue网页调用百度api进行定位
注意：直接引入script的话，可能会报错：Bmap is not defined解决方案：第一步：新建一个map.jsexport function MP(ak) { return new Promise(function (resolve, reject) { window.onload = function () { res...
2020-02-07 23:26:55
420
原创 vue移动端页面在ios浏览器上滑动页面会缩放抖动
问题描述：vue项目在ios浏览器上滑动页面会缩放抖动解决：给html,body添加样式html,body{ width: 100%; height: 100%; position: fixed;top:0;left:0;}
2020-02-07 23:23:31
763
原创 vue移动端页面弹出遮罩层时禁止页面滚动
bodyScroll(event) { event.preventDefault() }, /**禁止页面滑动*/ noSliding() { document.body.style.overflow = 'hidden'; document.addEventListener('touchmove...
2020-02-07 23:21:37
711
原创 小程序如何获取元素样式（宽高间距）
//获取宽度，设置高度等于宽度var query = wx.createSelectorQuery().in(this);var that = this;query.select('.chooseImgItem').boundingClientRect(function (rect) {console.log(rect);that.setData({'objHeigh...
2020-02-07 23:17:58
456
css移动端1像素问题.zip
2020-02-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人