- 博客(18)
- 资源 (2)
- 收藏
- 关注
原创 VUE3.0+TypeScript项目初始化搭建
项目搭建:Vscode前端开发工具node.js本地开发环境(node.js安装会带对应的npm版本,node.js安装在官网下载一个版本安装即可)安装vue-cli3(需要安装3.x以上版本)npm install -g @vue/cli(命令为安装当前最新版本,如需安装指定版本为npm install -g @vue/cli@版本号)vue -V(查看版本号,安装成功命令才有效)安装成功之后就可以创建项目了(创建项目切换cmd最好,git Bach会出现选择键盘失效情况)vue
2022-05-16 17:36:18
959
原创 什么是TypeScript?为什么要用它来代替JavaScript?
TypeScript是 JavaScript 的超集,主要提供可选的静态类型、类和接口。一大好处是使 IDE("GUI/编辑器") 能够提供更丰富的环境,以便在您输入代码时发现常见错误。
2022-05-11 18:06:45
1281
原创 下载事件,vue下载文件
下载的内容的类型可能很多,各种文件(例如:.txt,.jpg,.png,.docx,.xlsl)一、如果已知是.docx,.xlsl这个格式可以下载最简单的就是a标签(限制太麻烦)//如果是Excel,word,zip这种格式的文件a标签可以直接下载,或者href为相对地址时<a download="filename" href="文件地址">点击下载</a>//如果是jpg,png,txt这种的格式就变成了打开<a download="filename"
2021-09-13 17:02:43
783
原创 ECharts按照固定的颜色循环饼图,ECharts替换颜色
ECharts画饼图颜色是默认随机的,也可以指定颜色,先看一下替换指定颜色的三种方法一、option下 color: ['#ff6666', '#ff3399', '#FFFF00', '#FF8C00','#ff99cc']option = { title: { text: '某站点用户访问来源', subtext: '纯属虚构', left: 'center' }, color: ['#ff6666', '#f..
2021-06-18 16:43:22
3587
原创 Vue视图不更新问题,响应式对象
由于Vue的更新机制,Vue.js 不能检测到对象属性的增、删。因为 Vue.js 在初始化实例时将属性转为 getter/setter,所以属性必须在 data 对象上才能让 Vue.js 转换它,才能让它是响应的。出现状况:当你更新对象的值时,对应的值更新了,但是在页面视图层上并没有更新,但当你再更新data里面的某个值时,视图上才随之更新。//部分代码//在data里面声明一个对象isOpen: {}//初始化后以id为键,状态为值形成对象,isOpen的值为{ 30:..
2021-05-06 17:29:53
248
原创 element表格内容过多,鼠标悬浮显示全部内容(show-overflow-tooltip),内容过长显示悬浮抖动
在表格要展示的列过多时,有些表格内容过多就会用到这个属性,表格的内容按表头宽度超过省略,鼠标悬浮显示全部内容,如果内容过多超屏幕会一直抖动用法很简单,加一行show-overflow-tooltip就可以了 <el-table-column show-overflow-tooltip prop="description" align="center" label="企业介绍" .
2021-03-29 11:23:50
14945
6
原创 移动端,H5苹果手机input输入框触发不灵敏
问题描述:vue混合app开发中点击input输入框时,无法弹出输入框,有时需要多次点击才能弹出弹框,触发不灵敏(复现问题以iPhone手机为主,其中iPhone6,7最为明显)。问题查寻:一开始以为是输入框输入框的样式和输入框周围的样式影响,后面发现无关。之后怀疑是没有触发focus事件,又想到全局有引入fastclick,查了一下得知是fastclick底层问题解决步骤:将原本的fastclick依赖用fastclick-hvue(类似的npm还有fastclick-p..
2021-03-01 16:03:46
1561
原创 邀请有礼(小程序和web端)
一、小程序端小程序端邀请一般分为小程序右上角转发邀请和小程序码邀请1.小程序右上角邀请invite.wxml<button class="invite-btn canDisabledButton" open-type="share">立即邀请微信好友</button>invite.js /** * 用户点击右上角分享 */ onShareAppMessage: function () { return { ti.
2020-10-21 10:58:46
2915
1
原创 微信消息一次性订阅
微信消息一次性订阅通过微信的服务号想微信下发通知,这个很多地方都有用到,例如:订单支付成功,退款,确认收货,交易提醒等场景都有使用。微信订阅消息比微信公众号通知这种要更方便,用户不用去关注公众号就能收到通知。这个的前身应该是模板订阅(模板订阅可以实现永久性订阅,就是可以随时给用户发送消息,现已被微信废除),而一次性订阅一次订阅只能发一次,每次订阅最多只能有3个模板,也就是最多一共发3条,每个模板各一条。消息订阅中有政府,医疗,教育少数有长期订阅,不过只有少数开放出模板,也不能自己申请(我用的
2020-09-30 17:11:25
1942
原创 小程序异步request请求的封装
var app = getApp();var Promise=require('es6-promise.js')Promise.prototype.finally = function (callback) { var Promise = this.constructor; return this.then( function (value) { Promise.resolve(callback()).then( function () { .
2020-09-01 14:43:22
284
原创 前端字典表根据id匹配对应名字
一、前端可以很多字段后台传过来的为字典id,前端需要展示id对应名称1.全部转换格式,适合全局使用//调取接口获得数据 dataList: function() { resume.dataList().then(res => {//下面为主要方法 var dict={} var trade = {} Object.keys(res.data).map(key => { dict[key]= res.data
2020-07-27 15:38:05
4328
原创 小程序踩坑之路(总结不易,可能很多坑忘记或没有遇到)
一、安卓和ios时间兼容问题一般后台所用的时间格式为(2020-01-01),但ios只支持2020/01/01 这种日期格式,因此需要将格式统一转换为(2020/01/01)const format = ordTime.replace(/-/g, '/')二、安卓和ios中padding和margin在小程序中,页面最下面的一个元素如果想距离底部一定距离要用margin-bot...
2020-05-06 10:08:55
816
原创 小程序三级联动结合vant weap(有赞)的picker选择器和popup弹出层
小程序三级联动结合vant weap(有赞)的picker选择器和popup弹出层首先看数据结构做的是地址联动和工种联动,数据结构基本相同只贴一种地址联动的代码就好,用的比较多 addressList: function() {//这个就是接口拿到地址数据 resume.addressList().then(res => { this....
2020-04-21 15:23:57
4677
2
原创 小程序web-view打开PDF格式文件的安卓苹果兼容性问题
小程序中打开pdf格式原本可以使用web-view(承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用)<web-view src="{{link}}"></web-view>src里放链接就能够正常实现但是src里面放pdf的链接涉及到了兼容性问题(苹果手机可以正常打开pdf格式文件,安卓打开为空白)所以如果src里面放pdf格式就会...
2020-01-10 09:38:19
3607
原创 小程序富文本页面、H5的用法
一.使用wxParse插件解析html1.下载wxParse包github地址: https://github.com/icindy/wxParse/tree/master/wxParse2.下载后放到自己的小程序项目中3.app.wxss中全局引入这个wxss/**app.wxss**/@import "/wxParse/wxParse.wxss";4...
2019-12-11 14:46:20
962
原创 省市区三级联动,踩过的坑
一. 后台系统三级联动事件就是调取省市区三级json //获取省市区信息 getAreaList = () => { const { dispatch } = this.props; dispatch({ type: 'XXXXXX',//接口地址 callback: res =>...
2019-12-09 16:56:42
1133
原创 小程序订单倒计时
小程序订单倒计时有订单详情的到计时和订单列表的倒计时单个倒计时采用了setInterval()定时器:主要思路就拿到一个订单支付时间,加上一个到计时的时间,然后减去本地获取到的时间(时间都采用时间戳算) computedLastPayTime() { let self = this; self.setData({ interval:setInterval(fun...
2019-12-06 15:09:24
474
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人