3 吴维炜

尚未进行身份认证

我要认证

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

等级
TA的排名 1w+

前端小白篇之select和option样式修改

本文主要介绍select和option样式"太丑"的解决方案,本文主要是通过vue实现的DOM截点的操作,如非vue需用相关语法的方式获取对应的参数方法。一、业务场景1.1 顶栏或横向导航需要一个下拉框,虽然select样式可以改动,但是option是固定的宽度,导致select显示占位有违和。1.2 解决方案是通过ul-li的形式替换,可以自适应UI的设计二、案例展示三、相关代码<template> <div class="active-nav-wrapper"&gt.

2020-05-28 11:35:36

Vue2.0轮子工厂之PC端分页查询组件

本文主要介绍Vue2.0如何封装分页查询的组件一、业务场景1.1适用于Vue,PC端使用的小伙伴,养成封装的习惯,可以方便你我他。1.2案例展示图二、完整代码2.1组件页面在src\components目录下创建Pager.vue<template> <div class="pager-wrapper" ref="pager"> <div class="pager-box"> <span class="pager-prev.

2020-05-28 11:06:15

GitHub拉项目错误代码code:128

解决GitHub拉项目代码报错,错误代码code:128。解决方案是通过让git忽略ssl证书错误,而实现的。git config --global http.sslverify "false"

2020-04-27 14:15:20

HbuiderX 使用sqlite封装

本文主要介绍HbuiderX对sqlite封装和使用,以及如何查看sqlite创建表结构的数据。一、sqlite是什么SQLite 是一个软件库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是在世界上最广泛部署的 SQL 数据库引擎。SQLite 源代码不受版权限制。支持SQL语句。二、sqlite封装2.1 sqlit.js封装(functi...

2020-04-23 17:37:48

原生H5 IOS解决监听软键盘导致样式bug

本文主要介绍通过监听软键盘的弹起和收起,动态改变样式。一、问题描述当软键盘弹起时,IOS的fixed会变成absolute,导致样式布局出现异常。二、关键代码.html<header class="mui-bar mui-bar-nav" :style="isFocus" ></header>.jsif($.os.ios) { document.ad...

2020-04-21 16:03:30

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

查看更多

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