自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(50)
  • 收藏
  • 关注

原创 MacOS 文件句柄数不够 Error: EMFILE: too many open files

启动项目发现报错:Error: EMFILE: too many open files;经排查是因为单个微应用项目较大,发布过程中已经超过了mac默认的文件监听上限对文件系统进行大量并发调用,操作系统的文件描述符数量会被瞬间用光,抛出EMFILE,too many open files。其中 maxfiles 2048 65535 上限值改大点。

2024-04-18 09:06:15 1410

原创 去除浏览器scroll的终级利器→三行代码

// 隐藏浏览器默认滚轮控件::-webkit-scrollbar { display: none;}

2019-12-05 10:52:37 155

原创 微信小程序observers官方代码片无效

observers官方代码片无效这个从基础库2.6.1开始支持哈,代码片段默认基础库那里有误,选择2.6.1以上就可以了https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/observer.html在此纪录一下...

2019-11-21 17:05:09 1498

原创 Vue中swiper的指向性跳转~轮播图与标题的互动

vue中swiper的使用在vue中加载swiper模块//下载swiper:npm install swiper --save-devhtml中的布局<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"&gt...

2019-04-25 16:29:37 2967

原创 异步请求vue-resource与axios用法的详细比较

安装//vue-resourcenpm install vue-resource --savecnpm install vue-resource --save(淘宝镜像安装)//axiosnpm install axios --savecnpm install axios --save(淘宝镜像安装)全局配置vue-resource** 配置了全局默认设置后,在全局和组...

2019-01-21 17:16:37 418

原创 连接mysql: 新的MySQL驱动模板和mysql-connector-java-8-0-12

新的MySQL驱动8-0-12之前链接本地数据库用了一个5.X版本的:如图我的数据库版本 如图:在这里插入图片描述run之后;一直报了一个链接不了数据库的错误,一番操作之后启用了8.X的版本;运行之后如图 :运行成功mysql-connector-java.8.0.12本版下载[https://pan.baidu.com/s/16ZkrIpEIrALBNfokx2BXsw:h...

2019-01-15 14:22:41 4092

原创 微信小程序下拉刷新

微信小程序下拉刷新设置json配置** 这个配置可以设置在app.json里面 或者 单页面 json 里面 , 意思就是开始下拉刷新 **&amp;quot;enablePullDownRefresh&amp;quot;: trueonPullDownRefresh事件监听下拉动作处理函数如下/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () ...

2019-01-09 18:19:46 172

原创 微信小程序真机showToast不显示

showToast闪烁做了一套公司的小程序,真机测试的时候发现一个问题 showToast闪烁一下 就消失了。然后我首先想到的是 是不是hide了。然后去复检代码,结果如下:** 从头开始捋一下执行的顺序就不难理解了,代码顺序 wx.showLoading() =&gt;wx.hideLoading() =&gt; wx.showToast() , 最后的运行顺序为wx.showLoad...

2019-01-07 11:07:46 3155 1

原创 微信小程序项目request请求优化

这是微信小程序官网API列表里面 wx.request(OBJECT)官方示例wx.request({ url: 'xxxx.php', data: { x: '' , y: '' }, method:&quot;POST&quot;, header: { 'content-type': 'application/json' }, success: ...

2018-12-24 16:17:40 1151

原创 小程序页面跳转传值和取值

跳转传值先看数据传递 *&lt;radio class='clickeds' value="{{item}}***{{index}}***{{hotList[index].id}}" checked="{{item.checked}}"/&gt;radioChange: function (e) { console.log('radio发生change事件,携带value值...

2018-12-21 15:57:44 413

原创 angular中用js语言的问题

今天分享一下最近遇到的一个问题用 angular 前端框架为应用登录新增图形验证码认证,由于没有现成的插件,于是便使用canvas+js操作,也是可以正常使用,但是在编译阶段却有个报错:ERROR in src/app/login/login.component.ts(84,19): error TS2339:Property 'getContext' does not exist on t...

2018-12-17 19:56:42 298

原创 小程序切换主题配色

相信大家一定会遇到小程序的主题配色问题,今天分享的内容主要就是如何根据自己的配置切换主题配色配图1、确定好需要修改的部分,配置主题 // 可以配置在app.js里面 也可以配置在外层框架 在这里我是配置在app.js然后全局储存了 globalData: { userInfo: null, // 主题配色配置 theme:{ //顶部配色 ...

2018-12-17 19:50:58 2990

原创 vxe-table编辑、实时保存、打印、导出csv、导出xlsx

提示:附官方文档记录: 官网文档链接: https://vxetable.cn/v3/#/table/start/installvxe-table多功能表格插件使用记录前言一、vxe-table安装二、使用步骤1.编辑2.实时保存3.数据联动计算4.导出csv文件5.导出xlsx文件总结前言提示:项目中实际使用:vxe-table多功能表格 编辑、实时保存、自定义打印、导出csv、导出xlsx提示:以下是本篇文章正文内容,下面案例可供参考一、vxe-table安装首先确定vue版本 .

2022-05-27 10:53:09 8898 1

原创 mpvue之移动端适配解决方案postcss-px-to-viewport

文档postcss-px-to-viewport文档安装npm install postcss-px-to-viewport --save-dev引入module.exports = { plugins: { autoprefixer: {}, 'postcss-px-to-viewport': { viewportWidth: 750, // 视窗的宽度,对应的是我们设计稿的宽度,一般是750 viewportHeight: 1334, //

2020-08-26 16:54:11 461

原创 mpvue中使用rpx

mpvue中使用rpx引用px2rpx-loader// utils.js 34行 px2rpxLoadervar path = require('path')var fs = require('fs')var config = require('../config')var ExtractTextPlugin = require('extract-text-webpack-plugin')var mpvueInfo = require('../node_modules/mpvue/pa

2020-08-26 16:44:24 504

原创 正则表达式验证不能输入汉字 element form

这个比较简单,不啰嗦直接上代码~**/[\u4E00-\u9FA5]/g**<el-form-item label="element表单" prop="form" :rules="[ { required: true, message: '不能为空'}, { validator: checkData, trigger: 'b...

2020-02-17 15:11:39 5463

原创 vue路由传参的三种基本方式

vue路由传参的三种基本方式方案一:点击父组件的li元素跳转到子组件中,并携带参数,便于子组件获取数据。<li v-for="article in articles" @click="getDescribe(article.id)">getDescribe(id) {// 直接调用$router.push 实现携带参数的跳转 this.$router.push(...

2019-10-28 10:27:02 206

原创 Object.assign方法

Object.assign方法注:如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性。注意是对象Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象。Object.assign(targetObj1, sourceObj1, so...

2019-10-28 09:50:49 193

原创 Vue中下拉加载的原理

不管是Vue还是H5 下拉的加载的原理就是监听页面滚动触底** Vue中监听触底的逻辑 **methods:{ created() { let _this = this; //变量scrollTop是滚动条滚动时,距离顶部的距离 var scrollTop = document.documentE...

2019-04-25 16:35:41 2141

原创 小程序内预览word文件

小程序内预览word文件** 目前的话,我只找到了关于预览和临时文件和保存图片的思路,但是之后在找如何将word文件保存到手机本地用别的软件能打开的方式,但是由于小程序开放的问题,也是一直没得到解决。如果有大牛有思路的话,可以给小弟留言探讨一下。 **** 那就先说说微信预览文件的思路 **// 根据小程序官方API提供wx.downloadFile({ // e.target.d...

2019-03-11 10:25:04 12360 2

原创 vue使用axios

安装依赖包npm i axios -S// 或者用淘宝的镜像cnpm i axios -S配置// main.jsimport axios from 'axios'import VueAxios from 'vue-axios'//设置全局配置 头部 域let axiosInstance = axios.create({ baseURL: 'xxx.com', t...

2019-01-23 13:36:22 211

原创 vue监听路由参数变化更新页面

1、watch监听watch: { $route( to , from ){ console.log( to , from ) console.log(to.query.id) // to , from 分别表示从哪跳转到哪,都是一个对象 // to.path ( 表示的是要跳转到的路由的地址 eg: /home ); // to.quer...

2019-01-22 16:12:27 2948

原创 vue中使用echart图表

1、安装echarts依赖//方法一npm install echarts -S//方法二 或者使用淘宝镜像安装npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -S2、创建图表全局引入// 引入echarts main.jsimport echarts ...

2019-01-22 16:02:07 798

原创 小程序自定义组件showToast

1、创建组件** wxml wxss js json **在js中 *// Component/showToast/showToast.jsconst app = getApp();const { requestData } = require('../../utils/util');Component({ //外部数据 从父组件传值 /** * 组件的属性列...

2019-01-18 11:18:39 1449

原创 微信小程序-图片等比例显示不变形

我的个人博客:https://okven.github.io/mode 属性使用mode属性 属性值设置为widthFix :宽度不变,高度自动变化,保持原图宽高比不变。&lt;image class='manImg' mode='widthFix' style="width:100%;" src='{{item.starItem.imageUrl}}' /&gt;bindLoad...

2019-01-10 15:20:44 6568

转载 微信小程序之页面声明周期

微信小程序的页面声明周期onLoad: 页面加载 一个页面只会调用一次。 接收页面参数 可以获取wx.navigateTo和wx.redirectTo及&lt;navigator/&gt;中的 query。onShow: 页面显示 每次打开页面都会调用一次。onReady: 页面初次渲染完成 一个页面只会调用一次,代表页面已经准备妥当,可以和视图层...

2019-01-03 16:22:45 415

原创 微信小程序之属性值为Boolean的绑定问题

微信小程序的属性为Boolean类型的时候遇到的一些问题之前看好多人发的博客 感觉还是抄袭的居多 示例如下// 好多博客都是这么写的&amp;lt;form class='form' bindsubmit=&quot;formSubmit&quot; report-submit = 'true'&amp;gt;// 查看编译之后的结构发现 这么写编译之后report-submit = 'true' → repo...

2019-01-03 16:00:36 6751 1

原创 小程序onLaunch 与 onload 的异步问题解决方案

微信小程序app.js 中 onLaunch 与 index.js 中 onload 的异步执行问题 , 在同时触发的情况下 如何等待返回值而响应index中 onload的内容比如说 获取用户的openid或者凭证 在没返回需要的数据之前 index.js 的 onload会执行 从而导致后续的代码没有openid的支持 *ES6中提供了一个promise方案是一个不错的解决方案...

2018-12-29 10:55:14 8456 3

原创 ES6块级作用域的优点

我们都知道在ES6中新增加了一个块级作用域,块级作用域相对于ES5的全局与局部作用局的优势在哪?-----------------------先看es5的全局 和 局部 作用域的弊端。一、内层变量可能会覆盖外层变量。 代码验证一下:var tmp = new Date();function f() { console.log(tmp); if (false) { var...

2018-12-24 16:33:57 327

原创 JavaScript操作符优雅运用

三目运算符 if (hasMoney) { console.log('今天吃肉'); } else { console.log('今天吃素'); } hasMoney ? console.log('今天吃肉') : console.log('今天吃素'); let weekendPlan = hasMoney ? '今...

2018-12-24 16:22:28 108

原创 分享两个地图框架

leaflethttps://leafletjs.com/trufhttp://turfjs.org/

2018-12-21 15:43:25 1258

原创 angular中使用a标签的锚点

在ng中,a标签中的href属性会自动的使用路由机制,最后的结果会被当成跳转的路由地址,具体的原因有待进一步考证,反正最后的结果就是上面的写法不生效。普通页面中的写法&lt;a href="#test"&gt;走你&lt;/a&gt;&lt;div id="test"&gt;被定位区域&lt;/div&gt;angular中锚点写法&lt;a router="./&q

2018-12-21 15:38:51 2550 1

原创 iphone时间格式的支持

今天带给大家的是 html中 safari的 new Date的时间格式支持问题当前苹果的手机端对 时间格式支持不包括 “yyyy-mm-dd" , 他所支持的是“yyyy/mm/dd”。当然小伙伴可以用 repalce()方法进行 “-” "/"的替换处理。然后在这里还有一个坑等着你,那就是repalce()的方法只会替换第一个“-”。针对这一类问题,处理方法是正则表达式,因为repa...

2018-12-21 15:38:14 693

原创 IsValid函数基本用法

功能检查对象变量是否已经实例化,即实例变量的值是否是个有效的对象。语法IsValid(objectname)参数objectname:要检查的对象名。返回值Boolean。如果指定对象已经创建了对此案实例,那么IsValid()函数返回True,否则返回FALSE。如果参数obejctname的值为NULL,IsValid()函数返回NULL。示例if (!isValid(...

2018-12-21 15:37:27 34145

原创 inputFile上传图片并显示

input 上传图片 并将上传的图片加载显示闲话不多说 直接撸代码HTML部分&lt;img id="gzzImg" src="images/common/add.png" /&gt;&lt;input id="gzzIpt" class="fileIpt" type="file" onchange="loadImg()"/&gt;js部分

2018-12-21 15:36:46 1525

原创 mailto的用法及attach附件测试结果。

mailto是一个发送电子邮件非常方便的方法,功能上面也是能满足正常的使用。格式一、 Mailto后为收件人地址二、cc后为抄送地址三、bcc后为密件抄送地址四、subject后为邮件的主题五、body后为邮件的内容如果Mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的每一个都以“&amp;”开头。使用1)基本的 mailto单击这里给我发电子邮件 当浏...

2018-12-21 15:35:16 8563 2

原创 小程序下方滑出弹窗css解决方案

用css解决小程序点击按钮下方滑出弹窗用@keyframes完成动画效果.up{ animation: up .7s;}.down{ animation: down 1s;}@keyframes up{ 0% { transform: translateY(550rpx); } 100% { transform: translateY(0); }}@keyfr...

2018-12-21 15:27:31 2658

原创 VUE组件开发-props验证

为什么要有props验证在Vue中父组件向子组件中传送数据是通过props实现的,想象一下当有一个人要使用foo-component组件的时候,他可能对于其要接受的参数有什么要求并不是很清楚,因此传入的参数可能会在开发子组件的人的意料之外,程序就会发生错误,就像我们在函数调用之前先检查一下函数一样,props也可以进行一个预先检查。&lt;!DOCTYPE html&gt;&lt;ht...

2018-12-19 11:29:14 339

原创 gulp自动化构建工具

首先,肯定是需要下载安装node.js的。安装完成之后我们可以在操作命令行来查看版本号。node -vnmp -v然后我们可以创建项目 , 在这儿要提到一点 gulp安装 一个是全局的一个是依赖项目的。 对应的命令行是npm gulp -g依赖项目的需要先进入到项目路径 然后npm gulp --save-devnpm init //我们对项目信息进行填充 包括项目名称...

2018-12-18 16:10:35 185

原创 移动端input获取焦点弹出输入板从而影响position定位的问题

移动端里面常常会遇到 需要填值得输入框 这个输入框获取焦点之后,从而弹出输入板打字输入。 这时候弹出的输入板会影响到页面的底部布局 (底部用position定位)。我亲测了一个小简便方法来消除这种影响。$('.login-cont-ipt').bind('focus',function(){ $('.login-footer').css('position','static'); ...

2018-12-18 16:10:02 528

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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