- 博客(12)
- 资源 (1)
- 收藏
- 关注
原创 vue+element-ui 简单表单、复杂表单的校验
公司最近开发的业务系统中,涉及到表单提交相关的内容,在表单提交之前,需要对表单中的内容是否填写进行校验,一些是简单表单校验、一些是复杂结构的表单校验,对于入前端坑不久的我,在此做下记录,以便理解的更深入一些。1)el-form 设置 :rules ,并且 el-form-item中的prop 中的名称 需rules 中设置的名称保持一致,不然不会生效。js代码比较逻辑比较简单,主要是定义了规则以及定义了form表单。”联系电话“、”表格数据“ 表单属于复杂表单校验。好了,到这里表单的校验都实现了。...
2022-08-08 15:51:00
1221
原创 el-tree 搜索匹配结果高亮、关键字高亮
最近项目中用到了el-tree组件,根据产品的需求,需要做el-tree的关键词过滤功能,并且需要命中的关键字高亮显示,在这里记录一下实现的过程。话不多说,先上效果图左侧是搜索命中结果高亮,右侧是命中的关键词高亮。...
2022-07-19 13:51:20
3655
3
原创 微信小程序开发--网络请求封装
背景在做微信小程序开发的时候难免会涉及到网络请求操作,小程序提供的原生网络请求的api如下所示:wx.request({ url: 'https://test.com/******', //仅为示例,并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success (res) { console.log(res.da
2021-11-01 12:31:04
3898
3
原创 微信小程序开发--日历/月视图
1、背景接着上一篇博客,小程序日历/日视图的实现,继续做日历月视图的实现,日历/日视图的实现见下方链接。https://mp.youkuaiyun.com/editor/html/116988764日历/月视图实现效果图如下所示:2、实现从上面的效果图中可以看到,实现分为两部分,上面一部分是自定义的 日历周视图组件,在上一篇文章 日历/日视图中有具体的实现,在此就不做进一步说明了。下面我们就主要看下 下半部分的实现。2.1 日历月视图实现1)在微信开发者工具中 app.json文件.
2021-05-19 11:43:39
2054
原创 微信小程序开发--日历/日视图
背景最近项目中需要使用到日历组件,并且需要在日视图上显示当天的日报数据,最终实现的效果图如下所示:看起来还是有些丑的,不过在此还是把实现的过程记录一下。1、需求拆分从上图来看,我们的界面主要分为三部分,日历周视图、时间侧边栏、右侧日程内容,下面就对这三部分内容分别进行实现。2、顶部日历周视图顶部日历周视图采用了自定义组件去实现,以便于后面需要用到它的地方可以进行复用。2.1 日历周试图的实现1)在微信开发者工具中创建一个工程,并且在工程中与 pages文件夹同级下
2021-05-18 15:45:09
3812
原创 微信小程序开发--获取用户手机号码
背景在平时使用第三方微信小程序时,经常会有需要获取微信手机号码的情况,如下图所示:那这种是怎样实现的呢?下面记录下获取微信手机号码的方法。备注:需要有一个微信小程序号,并且这个号是经过企业认证的。(获取手机号码的功能不对个人小程序号生效)那下面我们就一起开始,获取手机号码的编程之旅了。1、打开微信开发者工具新建工程在app.json文件中新增"pages/getphonenumber/getphonenumber", 如下图所示:2、准备密文解析工具类通...
2021-05-17 15:37:28
5262
18
原创 微信小程序开发-获取微信用户个人信息
微信小程序开发-获取微信公开用户信息背景前段时间公司要求做微信小程序的开发,将我们现有移动端的功能在小程序上实现,由于之前是做Android开发的,对小程序其实不咋了解,但领导要求只能硬着头皮上了。经过一段时间的摸索,能够做一些简单的功能,我们的小程序需要获取微信用户的基本信息以及电话号码,去做用户绑定,所以下面就把获取微信用户信息的过程在此记录一下,以便后面可以进行回顾。微信小程序官方开发文档:https://developers.weixin.qq.com/miniprogram/.
2021-05-13 14:20:35
7353
5
原创 Android Service 基础知识
1、什么是Service? Service 是一种可以在后台长时间执行操作而没有用户界面的应用程序组件。 注意:自定义的Service 需要在AndroidManifest.xml中申明,声明方式为:<service ****** /> 例如:2、启动Service的两种方式、生命周期、被启动又被绑定的服务生命周期通过startSe...
2018-11-28 18:27:54
269
原创 判断App打开的主页面是网页开发的还是原生应用开发
方法:打开手机设置界面->开发者选项->显示布局边界 打开,然后打开对应的APP查看其中的某些界面,能绘制出边框的是原生控件,不能绘制出边框的一般是H5页面。 如下图京东首页(原生控件开发): 如下图微信-城市服务(网页):
2017-03-24 16:29:04
622
原创 AndroidStudio中出现android no debuggable progress
AndroidStudio中调试程序时,发现无法指定app了,在AndroidStudio窗口的底部android选项卡顶部只出现了设备名,其右边的框框显示android no debuggable progress解决办法:AndroidStudio中 Tools->Android->Enable ADB Integration active(勾选)如下图:
2017-02-08 10:31:40
14180
2
原创 android 百度地图简单使用(android Studio )
最近由于项目需要定位以及地图功能,于是学习了百度地图的简单使用,下面总结下百度地图开发的几个步骤:1、申请百度账号 --链接地址:https://passport.baidu.com/v2/?login2、登录百度地图开发主页 androidhttp://developer.baidu.com/map/index.html 选择申请开发秘钥 申请秘钥步骤: 第一步:选择创建
2016-08-13 13:42:11
10207
上机练习系统
2014-05-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人