自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Echarts 水波图实现

Echarts 水波图实现

2023-03-08 18:00:56 3454

原创 moment()获取当前时间的前几个小时、前几天、前几个月、前几年

moment()获取当前时间的前几个小时、前几天、前几个月、前几年

2022-12-30 15:49:33 5837

原创 数组排序,实现中间数字最大,向两边越来越小的排序

例如有一个数组Arr = [1,2,3,4...100],实现一个中间数字最大,向两边的数字越来越小的排序。

2022-11-03 22:19:18 858

原创 react项目使用less不生效解决方法

检查config文件夹中的webpack.config.js文件配置,添加less相关配置...

2022-04-24 16:27:25 4467

原创 react + antd upload上传图片 校验图片大小、格式、尺寸

在react+antd的项目中,需要校验图片的尺寸大小,记录一下~~话不多说,上代码antd组件的调用<Upload action='接收url' listType="picture-card" data={this.handleUpload} file={file} onPreview={this.handlePreview} beforeUpload={this.beforeUpload} onChange={this.onC

2021-06-29 20:44:23 3969

原创 Excel表格数据生成sql插入语句

将Excel表格中的数据生成对应的insert语句excel表格有A、B、C、D四列数据,希望导入到数据库info表中,对应的字段分别是id,name,sex,ageexcel表格中增加一列,利用excel的公式自动生成sql语句,方法如下:1、在E1中输入公式:=CONCATENATE(“insert into info (name,sex,age) values (’”,B1,"’,’",C1,"’,’",D1,"’)")输完公式之后点回车键 (注意:对应列是大写字母,标点符号要看清),如下

2021-03-03 18:02:13 3978 3

原创 sql语句去重distinct、统计(count、sum)

1、查询数组并去重用distinct()函数select distinct(字段名) from 表名2、count(*) 和 sum()(1)、count(*) 函数是用于统计数据的条数 select count(*) as count from A where id>0(2)、sum() 统计某个字段的值之和(计算字段为num的数值之和) select sum(num) as num from A...

2020-12-24 11:46:44 8746

原创 mysql 从简单的单词开始 -- 基础语句(增、删、改、查)

mysql语句相关函数和学习语法查询数据并且去重 用distinct函数select distinct(字段名) from 表名

2020-12-04 18:26:47 430

原创 koa api学习笔记 (一) 基于Node.js平台开发框架

koakoa主要是基于Node.js的平台开发的下一代web框架,由Express幕后的原班人马打造,用于编写服务端应用程序。附上官方文档地址:https://koa.bootcss.com/#1.安装支持koa以来node v7.6.0或ES2015及更高版本和async方法node安装方法:$ nvm install 7$ npm i koa$ node my-koa-app.js2.应用程序及特点:koa体积小;没有捆绑中间件,应用程序包含一组中间件函数的对象;..

2020-09-24 20:13:30 456

原创 记录js数据处理方法

使用forEach和replace()var nums = ['[1]','[256]','[3]'];nums.forEach((item,index) =>{ nums[index]=nums[index].replace('[','').replace(']','')})console.log(nums); // ["1", "256", "3"] 2.使用for循环和eval()const nums = ['[1]','[256]','[3]'];for(let..

2020-08-13 19:16:05 308

原创 UTC时间转换成北京时间YY-DD-MM HH:MM:SS格式

在项目中使用的时间组件获取到的时间格式是这样的:2020-08-06T08:44:40.500Z但是后台需要的是YY-MM-DD hh:mm:ss格式的数据,接下来我用moment做个简单的转换const time = '2020-08-06T08:44:40.500Z';const stringTime = moment(time).format('YY-MM-DD hh:mm:ss');console.log(stringTime); // 2020-08-06 44:40:00转

2020-08-12 19:25:50 1229

原创 对修饰器的实验支持功能在将来的版本中可能更改。在 “tsconfig“ 或 “jsconfig“ 中设置 “experimentalDecorators“ 选项以删除此警告。

vs code提示的警告: 对修饰器的实验支持功能在将来的版本中可能更改。在 "tsconfig" 或 "jsconfig" 中设置 "experimentalDecorators" 选项以删除此警告。解决方法:找了很多方法,发现这个方法是最简单的==》Windows =>打开vs code上的 文件--首选项--设置界面,然后搜索experimentalDecorators,将这个选项勾上就行。如下图所示:...

2020-08-10 10:36:59 2543 1

原创 window.location 与 location的部分方法

在项目中需要获取到ifarm下的地址,用到top.location.href ,把类似的方法总结一下做个笔记:top.location.href获取最外层的地址,也可以跳转或打开指定页; window.location.href 和 location.href 是当前页面跳转 parent.location.href 获取上一层页面跳转 window.open()在网站上打开另外的一个网站的网页 window.location()只能在一个网站中打开当前网站的网页...

2020-07-27 21:03:32 195

原创 react+antd 给switch设置初始值变量

在react项目中表单内的switch功能,设置初始值为变量,所以需要在Form.Item 标签上添加一个valuepropname={初始值}错误示范:<Form.Item label="开关"> <Switch defaultChecked={data.type} checkedChildren="开启" unCheckedChildren="关闭" onChange={this.onchange} size="default" /></Form.I...

2020-07-23 10:12:02 7607 1

转载 Redux中间件及中间件的执行原理(redux-thunk)

附上原文版权声明:转载请附上原文出处链接。 附上原文链接:https://blog.csdn.net/p445098355/article/details/105218217一、Redux-thunk中间件1.第一步安装redux-thunk中间件npm install redux-thunk2.再store中引入thunk组件import {createStore,applyMiddleware } from '...

2020-07-01 18:47:16 330

原创 React 之Route中的属性exact

在React的App.js文件中设置路由跳转标签时如果主界面Home的<Route/>标签没有设置exact属性,在点击<Route/>标签进入对应的界面时,Home界面的内容也会显示;如下所示界面路由代码:<Route exact path="/" component={Home}/><Route path="/about" component={About}/><Route path="/topics" component={Topi.

2020-06-16 15:50:54 894

原创 学习react之----react的生命周期函数

在react组件中,代码重用的主要方式是组合而不是继承;在React.component的子类中必须有一个render()函数。 react的生命周期图谱https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/ react生命周期阶段,主要分为三个阶段一、挂在(当组件实例被创建并插入DOM中时,生命周期顺序如下...

2020-06-11 17:30:46 180

原创 简单react项目--项目结构简单介绍

重新学习react框架,脚手架搭建项目--项目结构介绍一、public文件夹(公共资源原件)1.favicon.ico 项目网站标签图标,可修改;2.index.html 项目入口文件,第三方库引入;文件中的<div id="root"></div>是项目的唯一的总容器,与vue中的<div id="app"></div>同理;3.manifest.json自己定义的一些公共数据设置;二、src文件(项目源码)1.App.css主界面样

2020-06-03 20:27:01 543

原创 vue移动端ios输入框没有回弹问题

html代码<form action="/" @focusout="inputBlur"> <input class="nav_input_text" type="text" placeholder="请输入姓名" /></form>js代码:inputBlur(e) {// 判断触发事件的目标元素是否是input输入框,关注输入框的行为。...

2019-12-25 10:00:08 325

转载 解决移动端iso系统在alert提示框中出现的url地址问题

记录一下最近在写移动端的项目,经常会遇到一些兼容问题,比如现在遇到的alert提示消息的时候出现的url地址的问题,找到的解决方法如下window.alert=function(name){//解决苹果手机使用alert提示显示url地址的问题variframe=document.createElement("IFRAME");iframe.style.dis...

2019-12-10 16:49:02 616

原创 修改input属性为date的样式 移动端 兼容ios、安卓

默认的<input type="date" value=""/>样式如下所示:因为是移动端的所以需要兼容ios和安卓系统,所以就需要修改样式啦,代码如下:input[type="date" i]{ width: 2.2rem; line-height: 2.2rem; font-size: 0.8rem; height: 100%; backgro...

2019-12-09 10:54:18 1985

原创 select苹果手机样式设置

移动端界面中需要写一个select下拉框,但是苹果手机样式不兼容。解决方法:是直接把原始样式去掉,自己设置了一个背景图片。 -webkit-appearance:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url('../...

2019-11-29 18:37:04 1333

原创 vue 报错:Maximum call stack size exceeded

报错出现这个情况,实际上Maximum call stack size exceeded的意识是“超过最大调用堆栈大小”,是在回调的时候出现了无限调用,即回调条件有不满住的地方,只要把回调条件写完整就不会出现这样的情况啦报错如下图:...

2019-10-30 17:32:05 1721

原创 vue-element-admin后台管理系统

在github上面找了一个vue的后台管理系统,在安装node时一直报错,几经周折终于看到一位大佬的解决方法。安装node时报错截图:解决方法如下附上文章地址:https://www.wandouip.com/t5i243395/...

2019-10-10 18:09:31 845

原创 vue 数字日期时钟

所需要的时间日期的效果如图所示:1.首先在return中定义两个字段用来存放时间和日期,需要显示星期几的需要加上week数组;return{ time:'', date:'', week:['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']}2.在methods中编写获取的时间函数:methods:{...

2019-09-26 16:24:20 1463

原创 移动端、pc端上传文件图片

结合两位大佬的代码实现的文件上传/打开相机拍照和图片上传html部分<div>纯input与type</div><input type="file"><div>指明需要图片</div><input type="file" accept='image/*'><div>指明需要多张图片</di...

2019-07-31 17:32:33 568

转载 js session存取

sessionStorage保存session 浏览器关闭自动清空// 保存数据到sessionStoragesessionStorage.setItem('key', 'value'); // 从sessionStorage获取数据var data = sessionStorage.getItem('key'); // 从sessionStorage删除保存的数据sess...

2019-07-25 15:14:54 2010

原创 vue mintui 复选框checklist

vue做移动端的页面,效果如下图所示使用mint-ui 实现,废话不多说,代码如下:

2019-07-24 19:16:42 1330

原创 git代码上传码云命令 & 部分常用git命令总结

小白见解,欢迎大佬指教git init //git文件夹创建git remote add origin 码云上的仓库地址 //关联仓库git status //查看路径状态git commit -m '备注内容' //提交到暂存区之前的备注git add . //上传到暂存区git push //提交到码云git push -u origin master -f //强制提交...

2019-07-17 16:19:29 246

原创 git提交未完成时窗口关闭问题

git 命令框中出现下面的代码提示:Another git process seems to be running in this repository, e.g.an editor opened by 'git commit'. Please make sure all processesare terminated then try again. If it still fails,...

2019-07-15 17:56:28 1198

原创 vue创建移动端项目

创建项目的基本步骤:1.npm install vue-cli@2 -g2.vue init webpack 项目名称(英文)3.jcd 项目名称(进入项目文件夹)4.npm install5.npm run dev(查看项目)

2019-07-11 12:52:56 387

原创 vue中的js代码是白色

vue的home.vue中的js代码和css代码都变成白色,页面功能并没有受影响,不知道什么原因,求解

2019-07-08 17:10:38 3068 2

原创 vue弹框echarts报错Cannot read property 'getAttribute' of undefined

主要的问题是echars图标还没出来,数据现出来了(已经解决)<script> import echarts from 'echarts'export default { methods: { drawPieChart(){ let echa = this.$refs.echa; ...

2019-06-28 18:52:00 14611 2

原创 vue视频播放暂停

vue中的视频播放vue.js中引入video视频播放器main.js中引入import Video from 'video.js'import 'video.js/dist/video-js.css'Vue.prototype.$video = Videohtml页面<video id="vide" class="video-js v2 ani resize" au...

2019-06-28 11:03:18 6733

转载 解决PHP输入中文乱码问题

 1.修改my.ini(左键点击windows右下角的wampserver图标,鼠标移到MySQL,在列表里找到my.ini并打开)    在以下三部分里添加如下内容:        [client]         default-character-set = utf8mb4         [mysql]         default-character-set = utf8m...

2018-07-21 15:30:35 813

空空如也

空空如也

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

TA关注的人

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