自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小王子

想你爱你疼你

原创 你想成为什么样的人,你就要以什么样的标准来要求自己

梦想还是要有的,没有梦想跟咸鱼有什么两样 慎重的考虑了,最后给自己一个阶段的小目标——“前端第一人” 主要职责: 1.准确理解产品需求、交互文档或原型, 进行 web 产品前端开发; 2.优化用户体验,修正项目中出现的问题; 3.与设计美工配合完成页面的静态化; 4.参与用户相关交互...

2018-09-03 13:42:31 3493 0

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

本文主要介绍select和option样式"太丑"的解决方案,本文主要是通过vue实现的DOM截点的操作,如非vue需用相关语法的方式获取对应的参数方法。 一、业务场景 1.1 顶栏或横向导航需要一个下拉框,虽然select样式可以改动,但是option是固定的宽度,导致se...

2020-05-28 11:35:36 25 0

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

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

2020-05-28 11:06:15 23 0

原创 GitHub拉项目错误代码code:128

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

2020-04-27 14:15:20 121 0

原创 HbuiderX 使用sqlite封装

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

2020-04-23 17:37:48 256 2

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

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

2020-04-21 16:03:30 99 0

原创 MUI设置H5桌面图标角标

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

2020-01-08 17:12:36 376 0

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

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

2019-11-28 10:09:11 195 0

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

本文主要通过原生的js封装附件上传upload.js。可成功内嵌钉钉,ios和安卓端可正常使用,支持单个、多个附件上传。 一、业务需求 封装原生JS附件上传,动态创建附件列表,可对附件列表进行删除和新增功能。 二、业务逻辑 2.1 app.js 全局封装ajax请求,附件上传将文件流传递给后端,...

2019-11-07 11:39:55 291 0

原创 Ajax请求只返回一次结果

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

2019-10-31 10:38:57 111 0

原创 ios fixed定位bug位置偏移

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

2019-10-30 16:18:53 208 0

原创 vue如何导入外部js文件

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

2019-10-25 15:39:36 325 0

原创 return 、break和continue的故事

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

2019-10-24 11:25:13 38 0

原创 JS生成订单号

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

2019-09-09 10:36:55 907 0

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

本文主要介绍用过nodejs实现实现微信小程序支付。支持post请求,安全性更高。 一、前期准备 1.开发前必读 2.申请微信支付-小程序支付 (流程略,若有需要可以留言,另立专题) 获取appid、appsecret、mchid、mchkey 3.支持https NodeJS免费开通https...

2019-09-04 16:33:34 1572 1

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

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

2019-08-29 11:22:06 554 0

原创 websqlWrapper 一个优秀的前端数据库

本文主要介绍前端实现自己的数据库存储,建议大小不超过10M。 一、介绍 1.WebsqlWrapper是一个简化websql操作的javascript库,在BSD协议下开源发布。 2.WebsqlWrapper名称的来历: websql 包装器。 3.此库的所有操作都是异步的,虽然websql提...

2019-08-28 14:20:20 294 0

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

本文主要通过JS判断当前App是否连网 $.plusReady(function(){ document.addEventListener("netchange", function(){ if(!app.isNetConnection()){ // 网络异常处理...

2019-08-28 11:00:13 252 0

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

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

2019-08-28 10:48:13 781 1

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

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

2019-08-28 10:15:37 260 0

原创 js计算附件的大小

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

2019-08-28 10:06:48 69 0

原创 Vue2.0 按需引入echarts

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

2019-08-23 11:41:30 357 0

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

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

2019-08-22 15:39:51 2122 4

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

本文主要介绍gulp解决前端缓存的问题。使用的gulp插件有gulp-rev和gulp-rev-collector。 一、安装依赖 npm install --save gulp-rev npm install --save gulp-rev-collector 二、配置gulpfile.js...

2019-08-20 11:07:40 102 0

原创 h5 隐藏滚动条

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

2019-08-13 14:14:44 1424 0

原创 echarts 解析

本文主要介绍echart的使用。 一、标题组件 tittle title:{ show: true, //是否显示标题组件 text: '主标题', link: 'https://www.vitian.vip', // 超文本链接 targ...

2019-08-12 18:02:33 151 0

原创 Vue2.0 fastclick的使用

本文主要介绍Vue2.0 fastclick的使用,解决300ms延迟。 一、安装依赖fastclick npm install fastclick 二、全局引入 在main.js中 import fastClick from 'fastclick' fastClick.a...

2019-08-12 15:31:58 913 0

原创 Vue2.0 echarts的使用

本文主要介绍echarts在Vue中如何使用。 一、安装依赖echarts npm install echarts -S 二、图表创建 2.1在main.js中,引入(全局) // 引入echarts import echarts from 'echarts' Vue.pr...

2019-08-12 14:08:55 319 0

原创 CSS书写规范

本文主要介绍CSS书写规范,CSS书写顺序、CSS属性、CSS命名规则等。 一、CSS书写顺序 1.1位置属性(定位层级布局、显隐性) position, top, right, z-index, display, float等。 1.2大小(宽高、内外间距) width,height,padd...

2019-08-09 15:36:42 89 0

原创 对iphoneX及以上适配

本文主要介绍对iphoneX及以上适配。提供css和js的适配方式。 一、设置网页在可视窗口的布局方式 <meta name="viewport" content="width=device-width, viewport-fit=cover">...

2019-07-25 16:16:36 161 0

原创 nodejs同时支持http和https请求

本文主要介绍如何让nodejs做服务器的时候同时支持http和https的接口请求。 一、申请https域名 免费申请https>>阿里云https如何免费申请 下载ssl证书>>ssl证书配置 二、配置http和https 打开根目录./bin>>www v...

2019-07-19 13:34:09 942 0

原创 Vue2.0之EventBus父子组件通信(传参)

本文主要介绍Vue2.0之EventBus父子组件通信(传参),有别于之前的父子组件的传参都有着异曲同工之妙。 一、初始化 首先你需要做的是创建事件总线并将其导出,以便其它模块可以使用或者监听它。 新创建一个 .js 文件,比如 eventBus.js 。文件目录建议放在根目录>>s...

2019-07-17 16:34:03 176 0

原创 String转JSON和JSON转String

本文主要介绍JSON.stringify()和JSON.parse()阻止vue数据同步 let hasCheckIdList = JSON.stringify(this.hasCheckIdList); this.checkIdList = JSON.parse(hasCheckI...

2019-07-17 16:00:46 110 0

原创 PM2指令

本文主要介绍PM2指令 $ pm2 start app.js # 启动app.js应用程序 $ pm2 start app.js -i 4 # cluster mode 模式启动4个app.js的应用实例 $ pm2 start app.js --nam...

2019-07-17 15:48:27 78 0

原创 微信小程序POST请求

本文主要介绍微信小程序POST请求 由于微信小程序post的传参需要转为JSON.stringify(json);封装json2Form()直接转化 function json2Form(json) { var str = []; for (var p in json) { st...

2019-07-17 15:30:45 266 0

原创 nodejs服务器开通跨域请求

本文主要介绍一下nodejs服务器开通跨域请求,支出所有跨域 一、支持所有跨域 项目根目录app.js // 允许跨域请求 app.use(function(req, res, next) { res.setHeader('Access-Control-Allow-Origin&#...

2019-07-17 14:20:45 90 0

原创 nodejs开通https的接口访问

nodejs+express+mysql线上部署以后,nodejs开通https的接口访问,适用小程序开发接口 一、申请域名先申请ssl证书支持https 免费申请https>>>阿里云https如何免费申请 二、下载ssl证书 下载ssl证书中的【其他】类型,放到nodejs...

2019-07-17 14:07:47 626 0

原创 微信web开发——微信登录

本文主要介绍前端微信登录获取用户信息的业务逻辑 一、业务实现 1.1判断当前用户是否登录 如果有,证明当前用户已登录,返回主页面 1.2判断当前是否有code 1.2.1如果有,调用调用后端接口,返回用户基本信息,同1.1 1.2.2如果无,调用微信api获取code,获取到code在调用用后端...

2019-07-17 13:51:24 100 0

原创 VUE强制刷新vue.$set

在开发的过程中,有时候用到this.$set(“item”,“isCheck”,!item.isCheck);不生效, 这时候简单+粗暴,在执行代码后加一句: this.$forceUpdate(); over搞定

2019-07-05 11:22:30 797 0

原创 axios请求application/x-www-form-urlencoded键值对参数问题

本文主要介绍axios请求类型application/x-www-form-urlencoded,后端获取不到键值对参数问题 解决方案一: var qs = require('qs'); this.axios.post("orgUserLogin", q...

2019-05-22 17:59:18 1158 0

提示
确定要删除当前文章?
取消 删除