自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 sourcetree启动不起来

sourcetree打开就闪退

2024-05-23 16:12:20 1150

原创 CI框架中数据库操作函数$this->db->where()多种用法总结

主要有$this->db->where()、$this->db->or_where()、$this->db->where_in()、$this->db->or_where_in()、$this->db->where_not_in()、$this->db->or_where_not_in()等函数的使用**1) this->db->where() **$this->db->where('MATCH (fiel

2022-04-06 10:48:28 753

原创 重启服务器

这里用的WinSCP控制器管理文档,直接干货走起>>>>>>1、打开控制台2、输入命名栏输入,点击执行命令如下:查找配置文件find / -name nginx杀死之前的进程ps -ef | grep nginxkill -QUIT 1200直接输入nginx目录 就可以启动nginx/usr/local/services/nginx/sbin/nginx...

2022-01-17 10:24:31 2915

原创 php 导入excel 日期格式值处理

excel表格导入处理这里就不展现,这里直接贴上日期值的处理$date = $data[7]);//时间if (is_numeric($date) { $t1 = intval(($date- 25569) * 3600 * 24); //转换成1970年以来的秒数 $main['open_time'] = gmdate('Y/m/d',$t1);}else{ $main['open_time'] = $date;}接下来就讲一下为什么要用is_numeric()这个函数去做判断1

2021-08-02 11:11:47 2811 1

原创 Ext、js中定位跳转scrollTo的兼容写法

Ext框架下使用scrollTo的兼容写法var self = this,top = 300; if (!document.body.scrollTo) { Element.prototype.scrollTo = function (x, y) { this.scrollLeft = x; this.scrollTop = y; }; } self.grid.getView().el.dom.scrollTo(0,

2021-07-27 10:53:33 632

原创 满足当月条件的数据,遇到的坑。。。

自学PHP的第N天,边学习边实战,OMG,哈哈,不断的成长中。。。上个月接了一个需求,每个月的删除次数上限为5次,查了度娘,需求立马实现,但总感觉会有点隐形bug第一次代码: $deleted_data['deleted_time'] = date('Y-m-d H:i:s');//操作时间 查询语句:select count(*) as total_num from store_sale_deleted where date_format( "'.$deleted_data['delete

2021-04-05 10:38:18 73

原创 git上传本地项目到码云仓库

Git 全局设置:git config --global user.name “彭燕丽”git config --global user.email “创建码云的邮件地址”新建本地文件re_shop_git,当前我创建在E盘;直接右击文件re_shop_git,选择 Git Bash Here创建 git 仓库:git inittouch README.mdgit add README.mdgit commit -m “first commit”git remote add origi

2020-06-01 12:11:47 327

原创 父组件动态传值给子组件

普通的传值这里就不讲了场景需求:需要将动态获奖的名单给传到子组件里面显示适用所有参数值得传递父组件代码:<winner ref='winner'></winner>//传值this.$refs.winner.getList(ret) //method方法里面点击事件操作里面写入;具体看需求子组件代码:methods:{ getList(data...

2020-01-13 16:48:15 462

原创 本地项目上传到github代码管理库的流程

首先你要在github上申请一个账号网址:https://github.com/然后你要下载一个git工具网址:https://gitforwindows.org/进入官网直接下载就行,下载完成后进入github页面,点击新项目new repository,如下图所示:然后进入如下页面,主要填写红色圈起来的几个部分,如下图:最后点击Create repository,生成如下页面:...

2020-01-10 11:05:04 144

原创 vue excel 数据导入导出 总结

安装依赖:npm install -S file-savernpm install -D script-loadernpm install xlsxnpm i element-ui -S(这里导出的时候会用到)**场景一(导入excel)**直接上代码(excel一定不能是加密文件**,否则读取出来的是乱码**)<template> <div>...

2020-01-10 10:46:03 436

原创 Node.js安装及环境配置之Windows篇

一、安装环境1、本机系统:Windows 10 Pro(64位)2、Node.js:v6.9.2LTS(64位)二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务端的 JavaScrip...

2020-01-09 17:46:39 247

原创 node写接口新手入门

首先创建文件夹。cd 进入文件。npm init 进行初始化安装下面的包npm install body-parser express mysql cors -S这里下载mysql是操作mysql数据库的一个js插件,并不是数据库软件下面一步步进行操作文章最后也展示出来了页面最后效果。不想一步步跟着做的,可以直接看文章最后,当然还是希望大家跟着走一遍,可以加深印象。...

2020-01-09 17:35:41 1996 3

原创 canvas 3D球体年会抽奖,结果table表格导出excel表格

情景:年关来了,公司需要一个抽奖小游戏,参照了网站的一些代码,自己又做了一些优化,有些需要优化的请留言github代码地址:https://github.com/penpeng617/lottery运用技术:vue,axios,mock,element-ui功能实现:奖项选择、奖项数量设置、中奖结果查看、中奖信息excel表格导出到本地...

2020-01-08 16:03:56 2170

原创 解决页面设置键盘事件后,button点击过后,键盘事件会执行到button按钮上

遇到的问题场景:在组件里面 document.body.onkeydown 监听键盘事件,如果不点击button按钮可以正常处理逻辑,一旦点击过按钮后,document.body.onkeydown 就会自动执行button按钮的@click点击事件;解决方案:<button @click.stop.prevent='prizeChange(1)' onfocus="this.blu...

2020-01-06 15:30:21 503

原创 html标签里面加背景图或者icon字体,click点击事件失效

问题场景:span标签设置了绝对定位,span加了背景图,span注册了onclick事件,发现点击背景图没反应,红色的就可以click;span标签样式设置解决问题:给span标签加上z-index属性同样也适用于定位元素里面包含的标签点击无效的场景;z-index: 99...

2019-12-26 16:29:57 1178

原创 window系统下Node.js安装以及环境变量配置

一、Node.js安装1.首先在Node官网上下载对应的安装包,我这里下载的是64位window系统的安装文件node-v10.15.0-x64.msi2. 点击安装文件,开始node.js安装3. 点击下一步4. 勾选同意选项,并点击下一步5.选择node.js的安装目录,我这里选择安装在D盘6.接着一直点击下一步到以下界面7.点击安装8. 完成安装9.在cmd...

2019-12-25 16:03:38 339

原创 两个数组拼接

方法一:var a1 = ['aa',12,13];var a2 = [21,22,23];var newA = a1.concat(a2)方法二:var a1 = ['aa',12,13];var a2 = [21,22,23];var newA = a1.join()+','+a2.join();方法三: var a1 = ['aa',12,13];var a2 ...

2019-11-21 20:43:49 1134

转载 vue-cli脚手架中webpack配置基础文件详解

一、前言原文:https://segmentfault.com/a/1190000014804826vue-cli是构建vue单页应用的脚手架,输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用,它使得我们的代码模块化,引入一些插件帮我们完善功能可以将文件打包压缩,图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代码的理...

2019-11-15 22:32:46 305

原创 JS数组reduce()方法详解及高级技巧

reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是:通往成功的道路有很多,但是总有一条路是最捷径的,亦或许reduce()逼格更高…1、语法arr.reduce(callback,[initialValue])reduce 为数组中的每一个元素依次执行回调函数,不包括...

2019-11-08 23:13:50 815

原创 vue 数组遍历方法forEach和map的原理解析和实际应用

一、前言forEach和map是数组的两个方法,作用都是遍历数组。在vue项目的处理数据中经常会用到,这里介绍一下两者的区别和具体用法示例。二、代码相同点都是数组的方法都用来遍历数组两个函数都有4个参数:匿名函数中可传3个参数item(当前项), index(当前项的索引), arr(原数组),还有一个可选参数this匿名函数中的this默认是指向window的对空数组不会调用回...

2019-11-08 12:08:32 3607

原创 jq控制输入框只能输入中文

jq控制输入框只能输入中文 var textReg =/^[\u4e00-\u9fa5]+$/;//只能输入中文字符 if($("#redText").length>0){ var redText = document.querySelector('#redText'); var cpLock = fal...

2019-11-07 17:34:54 1090

原创 移动端css兼容问题归纳

h5页面有个很蛋疼的问题就是,当输入框在最底部,点击软键盘后输入框会被遮挡。可采用如下方式解决var oHeight = $(document).height(); //浏览器当前的高度 KaTeX parse error: Expected '}', got 'EOF' at end of input: …function(){ if((document).height() < oHe...

2019-11-07 17:34:33 814

原创 移动端mobiscroll时间控件的使用

移动端mobiscroll时间控件的使用http://blog.csdn.net/wangwenru6688/article/details/52222808 "text/html; charset=UTF-8"> "width=device-width, initial-scale=1, maximum-scale=1, user-scal...

2019-11-07 17:34:13 318

原创 获取定位信息

获取定位信息html代码<body><div id="container"></div></body>js代码<script charset="utf-8" src="http://map.qq.com/api/js?v=2&libraries=convertor"></script><script...

2019-11-07 17:31:42 1004

原创 生成网页二维码网址

生成网页二维码网址http://code.ciaoca.com/javascript/qrcode/

2019-11-07 17:30:59 175

原创 移动端监听手指滑动代码

移动端监听手指滑动代码问题描述1、用户手动滑动屏幕,根据滑动的方向,打开相应的功能(如:向上滑摇钱树经验明细,向下滑打开任务明细,向左滑打开聚宝盆物品查看等功能),滑动事件捕获问题。2、大家都知道,划动都有角度问题,如:向330度方向滑动手机,要计算出它的方向问题。3、HTML5提供的滑动事件,只能读取到起点和终点坐标,计算角度问题。4、手机屏幕坐标与标准坐标系转换问题。解决方案1、...

2019-11-07 17:30:33 701

原创 canvas进行图片压缩

canvas进行压缩最近公司的一个H5活动,搜狐新闻客户端开机图制作,需要用户上传一张图片之后,先显示出来再进行裁剪,然后上传base64字符串到服务器上。但是问题来了,用户一般上传的图片文件的大小都在3-5M左右,转成base64后提交给服务器的话实在是太大了,到时上传到服务器的时候服务器超时了(都是泪啊!),所以这里需要先压缩下图片。偶然间想起来可以用canvas进行图片压缩,因为这个H...

2019-11-07 17:30:17 198

原创 input 上传文件类型

input 上传文件类型html<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" /> Valid Accept Types:F...

2019-11-07 17:29:50 303

原创 jq实现图片上传到服务器

jq实现图片上传到服务器//监听图片上传$(document).on('change','#showIconImgDiv',function (e) { var targetElement = e.target, file = targetElement.files[0]; var fd = new FormData(); fd.append('fileToUpload',...

2019-11-07 17:29:33 927

原创 如何判断当前浏览器是不是微信浏览器

如何判断当前浏览器是不是微信浏览器主要代码块function isWeiXin(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){ return true; }else{ ret...

2019-11-07 17:29:03 536

原创 页面回到顶部的三种实现(锚标记,js)

页面回到顶部的三种实现(锚标记,js)一、使用锚标记返回页面顶部使用HTML锚标记最简单,就是看起来有点不好看,点击后会在地址栏显示这个锚标记,其它的倒没什么。页面顶部放置:<a name="top" id="top"></a> 放置位置在标签之后随便找个地方放都可以,只要靠近顶部即可。页面底部放置:<a href="#top" target="_se...

2019-11-04 17:36:32 362

原创 两个对象合并成一个对象(js、jq、es6)

两个对象合并成一个对象(js、jq、es6)ES6之前就循环遍历咯,ES6浅拷贝的话可以用**Object.assign();**当然你如果项目里有jquery/underscore/lodash甚至是angular一般都有类似的extend方法咯。像**jQuery,$.extend(obj1,obj2),**大概是这样。jquery有一个继承方法,可以直接用a = {'a': 1};...

2019-11-04 17:32:27 9605

原创 input框在IOS不能输入 的问题

input框在IOS不能输入 的问题/*-webkit-user-select: none;/禁掉用户可以选中页面中的内容,/把这行代码注视掉就可以了 至于这行代码作用是什么 解释如下或许你常常不希望用户在你的网站上选择文本,无论是否是出于版权的原因.通常大家会有js来实现,另一个方案就是,将-webkit-user-select 和-moz-user-select 的值设为none....

2019-11-04 17:20:55 1174 2

原创 css——颜色渐变兼容

css——颜色渐变兼容background: -webkit-linear-gradient(right,#9EC234 0%,#539748 100%); background: -moz-linear-gradient(right,#9EC234 0%,#539748 100%); background: -o-linear-gradient(right,#9EC234 0%,#5397...

2019-11-04 17:17:08 360

原创 腾讯视频嵌入网页的方法

腾讯视频嵌入网页的方法 腾讯视频嵌入网页代码首先,提供一个腾讯视频嵌入网页代码。我们只需替换这段代码的一部分就可以了。<p style="text-align: center"><iframe class="video_iframe" style="z-index:1;" src="http://v.qq.com/iframe/player.html?vid=t01662f...

2019-11-04 17:06:58 3619

原创 flex的兼容写法

flex的兼容写法/设置父元素为伸缩容器/.flex-parent { display: -webkit-box; /*老版本:iOS 6-, Safari 3.1-6*/ display: -webkit-flex; /*新版本:Chrome*/ display: flex; /*标准规范:Opera 12.1, Firefox 20+*/ /*设置 父元素内部的伸缩子元素项目...

2019-11-04 16:59:26 323

原创 cropper.js 实现HTML5 裁剪上传头像

cropper.js 实现HTML5 裁剪图片并上传(裁剪上传头像。)option相关参数说明:viewMode 显示模式Type: NumberDefault: 0Options:0: the crop box is just within the container 裁剪框只能在 1内移动1: the crop box should be within the canvas...

2019-11-04 16:54:08 612

原创 表单序列化

表单序列化param(),数组或对象序列化表示$.param(formData)2、serialize(),序列化表单(成功元素、必须有name属性)$(“form”).serialize()3、serializeArray(),序列化表单来创建对象数组,返回JSON对象$(“form”).serialize()...

2019-11-04 16:51:55 870

原创 JQ监听输入框实时输入的值的变化,主要针对移动端

JQ监听输入框实时输入的值的变化/**监听输入框实时输入的值的变化*/下面函数传入的值坐下说明obj是DOM元素,可以是id也可以是class,最好是id是一个唯一的DOM节点func是你在监听到键盘输入时所要处理的函数在移动端开发中所遇到的,PC端没有试过代码 function compositionChange(obj,func){ var quer...

2019-11-04 16:39:16 558

原创 vue运行时出现:Elements in iteration expect to have 'v-bind:key' directives.报错

使用V-FORvue运行时出现:Elements in iteration expect to have ‘v-bind:key’ directives.报错如果出现Elements in iteration expect to have ‘v-bind:key’ directives.报错解决(vsCode编辑器):文件–》首选项–》设置2.搜索vetur.validation.te...

2019-11-04 16:26:22 726

空空如也

空空如也

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

TA关注的人

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