3 吴维炜

尚未进行身份认证

前端攻城狮&&软件开发工程师

等级
TA的排名 1w+

MUI设置H5桌面图标角标

本文主要介绍mui实现h5+App实现手机桌面图标角标,兼容IOS,目前安卓主要支持小米手机,其他安卓手机的兼容性不佳。plus.runtime.setBadgeNumber(0); //设置角标...

2020-01-08 17:12:36

Vue2.0 通过监听路由变化给父级路由菜单添加active样式

本文主要介绍Vue通过watch监听路由变化,设置active高亮。1.设置父子路由在router文件下的index.js 关键代码routes: [ { path: '/', component: resolve => (require(["@/pages/Index"], resolve)), children: [ ...

2019-11-28 10:09:11

H5移动端原生JS封装附件上传服务器

本文主要通过原生的js封装附件上传upload.js。可成功内嵌钉钉,ios和安卓端可正常使用,支持单个、多个附件上传。一、业务需求封装原生JS附件上传,动态创建附件列表,可对附件列表进行删除和新增功能。二、业务逻辑2.1 app.js 全局封装ajax请求,附件上传将文件流传递给后端,便于接收。注:如果传递base64位字符串,字节长度解析可能导致服务器的端口过载或者文件太大抛异...

2019-11-07 09:19:57

Ajax请求只返回一次结果

本文主要介绍Ajax在for循环中,请求只返回一次结果的问题解决。一、async决定了同步与异步请求1.1 Ajax默认是异步请求,会继续执行Ajax后面的脚本,直到服务器端返回数据后,触发Ajax里的success方法,这时候执行的是多个线程,其根源是async属性默认是 true。1.2 async 设置为 false,则所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器...

2019-10-31 10:24:20

ios fixed定位bug位置偏移

本文主要介绍移动端input获取焦点时,IOS固定定位fixed失效,位置偏移。一、场景描述移动端ios下,input获取焦点时,固定定位的fixed会转化为absoult属性,滚动条滚动超过可视区域,导致位置偏移。二、解决方案2.1将fixed的定位与滚动区域分离成2个部分2.2滚动区域做absoult布局三、CSS代码.nav-wrapper{ // 顶部fixed布局...

2019-10-30 16:11:18

vue如何导入外部js文件

本文主要介绍js文件引入外部js文件的方法,适用于vue,提供ES5和ES6的写法。解决了在vue下公共app.js引入钉钉封装dd对象不生效。一、ES5var JSElement=document.createElement("script");JSElement.setAttribute("type","text/javascript");JSElement.setAttribu...

2019-10-25 15:35:46

return 、break和continue的故事

本文主要介绍return 、break和continue的区分一、我是谁,我能做什么1.1return大家好,我是return!我并不是专门用于跳出循环的,我的功能是结束一个方法。 一旦在循环体内执行到我,我将会结束该方法,循环自然也随之结束。与continue和break两位兄弟不同的是,我是直接结束整个方法,不管这个我处于多少层循环之内。1.2continue大家好,我是cont...

2019-10-24 11:17:05

JS生成订单号

本文主要两种js实现订单号的生成。一、时间戳+6位随机数的订单号function orderCode() { var orderCode=''; for (var i = 0; i < 6; i++) //6位随机数,用以加在时间戳后面。 { orderCode += Math.floor(Math.random() * 10); } orderCode ...

2019-09-09 10:33:02

NodeJS服务端实现微信小程序支付

本文主要介绍用过nodejs实现实现微信小程序支付。支持post请求,安全性更高。一、前期准备1.开发前必读2.申请微信支付-小程序支付(流程略,若有需要可以留言,另立专题)获取appid、appsecret、mchid、mchkey3.支持httpsNodeJS免费开通https接口访问二、nodejs开发阶段1.在根目录下的routes下新建utils.js和wxapi....

2019-09-04 15:52:22

Vue2.0 style样式scoped使用less时样式穿透覆盖

本文主要介绍Vue2.0 style样式scoped使用less时样式穿透覆盖。主要实现的方法是/deep/和>>>一、使用/depp/<style scoped lang="less"> .class{ /deep/.upwarp-nodata, /deep/.upwarp-tip { .px2rem(font-size, 12...

2019-08-29 11:22:06

websqlWrapper 一个优秀的前端数据库

本文主要介绍前端实现自己的数据库存储,建议大小不超过10M。一、介绍1.WebsqlWrapper是一个简化websql操作的javascript库,在BSD协议下开源发布。2.WebsqlWrapper名称的来历: websql 包装器。3.此库的所有操作都是异步的,虽然websql提供同步操作接口,但为了UI考虑,本库暂时只提供异步操作。4.git库地址附有demo本文出处-感...

2019-08-28 14:20:20

Hbuider H5+App 判断当前是否连网

本文主要通过JS判断当前App是否连网$.plusReady(function(){ document.addEventListener("netchange", function(){ if(!app.isNetConnection()){ // 网络异常处理,比如取消上拉动作等 $.toast(" 请检查网络连接 "); } }, false);});isNe...

2019-08-28 11:00:13

Hbuider H5+App获取手机状态栏高度

本文主要介绍获取手机状态栏高度的方式。 /** * 获得状态栏高度 */ getStatusBarHeight:function(){ var immersed = 0; var ms=(/Html5Plus\/.+\s\(.*(Immersed\/(\d+\.?\d*).*)\)/gi).exec(navigator.userAgent); if(ms&&am...

2019-08-28 10:48:13

Hbuider H5+App封装本地数据存储

本文主要介绍H5+App封装本地数据的存储、获取、删除。一、本地数据存储或修改 /** * 修改或添加键值(key-value)对数据到本地数据存储中 * @param {Object} key 键 * @param {Object} value 值 */ setItem : function (key,value){ plus.storage.setItem(ke...

2019-08-28 10:15:37

js计算附件的大小

本文只要介绍JS计算附件大小,默认保留2小数。/** * 计算附件大小 * */getFileSize:function(limit){ // 传参limit为初始值 var size = ""; if( limit < 0.1 * 1024 ){ //如果小于0.1KB转化成B size = limit.toFixed(2) + "B"; ...

2019-08-28 10:06:48

Vue2.0 按需引入echarts

本文主要介绍Vue项目按需引入echarts图标工具,包含了echarts基础模块、折线图、柱状图、饼图、提示框、title框、图例等。一、安装echarts包npm install echarts -S二、按需引入在根目录下main.js引入// 引入 ECharts 主模块let echarts = require('echarts/lib/echarts');// 引入折...

2019-08-23 11:41:30

HBuilder实现App icon右上角数字小红点BadgeNumber

本文主要介绍BadgeNumber的通过Hbuider的实现、取消及业务逻辑。可以内嵌H5作为App打包哦。一、实现BadgeNumber// 设置数字function setBadge() { plus.runtime.setBadgeNumber(8);}注:该方法需在plusready后执行二、取消BadgeNumber// 清除数字function clearB...

2019-08-22 15:39:51

gulp解决前端缓存gulp-rev-collector

本文主要介绍gulp解决前端缓存的问题。使用的gulp插件有gulp-rev和gulp-rev-collector。一、安装依赖npm install --save gulp-revnpm install --save gulp-rev-collector二、配置gulpfile.js2.1引入依赖 var rev = require('gulp-rev'), revColle...

2019-08-20 11:07:40

h5 隐藏滚动条

本文只要介绍通过css,实现H5隐藏滚动条。在父类.class名下,也可以放在body,全局隐藏滚动条。.class{ &::-webkit-scrollbar{ background-color:transparent; }}...

2019-08-13 14:14:44

echarts 解析

本文主要介绍echart的使用。一、标题组件 tittletitle:{ show: true, //是否显示标题组件 text: '主标题', link: 'https://www.vitian.vip', // 超文本链接 target: 'blank', // 'self' 当前页打开 'blank' 新窗口打开 textStyle:{ //内容样式 c...

2019-08-12 18:02:33

查看更多

勋章 我的勋章
  • 领英
    领英
    绑定领英第三方账户获取
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。