自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

远方

站在远方看世界

  • 博客(167)
  • 收藏
  • 关注

原创 element form表单的简单实现

element form表单Form 表单 | Element Plus源码地址:GitHub - ElemeFE/element: A Vue.js 2.0 UI Toolkit for Web想要实现上图的表单我们只需要引入element-ui的form表单,按照表单的传参要求,就可以实现上图的效果<template> <el-form ref="ruleForm" :model="ruleForm" :rules="rules".

2022-03-09 12:09:22 1341

原创 vue组件间通信

组件通信常用方式prop 、eventbus(事件总线)、vuex自定义事件 (不常用)1、边界情况:$parent 、$children、$root、$ref、provide/inject2、非prop特性:$attrs、$listeners组件间通信:1、Prop — Vue.js// 父传给子// childprops: {msg :String}// parent<component msg='hello world!'>// 子传给父// ch

2022-03-08 11:33:31 337

原创 从1到5每隔一秒打印出一个数

for(var i=1;i<=5;i++){ (function(i){ setTimeout(()=>{ console.log(i) },i*1000) })(i)}

2020-08-26 10:59:22 390 2

原创 给定两个数组,写一个方法来计算它们的交集

let num1=[1,2,2,3,4,3,1];let nums2=[2,3,5,7,8];let res=[];num1.forEach(item=>{ let index=nums2.indexOf(item); if(index!==-1){ res.push(item); nums.splice(index,1); }})console.log(res);

2020-08-24 19:40:42 1054

原创 函数防抖、节流、柯里化

节流:隔一段时间只出发一次,场景页面滚动加载function throttle(fn,wait){ let lastTime = 0; return function (...args){ let now = + new Date(); if(now-lastTime>wait){ lastTime=now; fn.apply(this,args); } }}防抖:完成后再发送请求,最后一个人说了算,只认最后一次,搜索框搜索输入,手机号、邮箱验证输入检测fun

2020-08-17 09:24:50 209

原创 whistle的安装和配置

第一步:安装whistle,在控制台输入:npm install -g whistle第二步:启动whistle,在控制台输入:w2 start在Rules中的defalut中配置接口,格式如:url file://{接口名.json}在Rules创建一个测试环境,如nginx87,然后在这个文件中配置服务器代理,如baidu.com 127.0.0.1:8080 配置完双击打开在Values配置接口的值:勾选Capture TUNNEL CONNECTS 和Enable HTTP/

2020-08-13 18:34:27 4468

原创 vi/vim基本命令

vi/vim常用命令:i:切换光标为输入模式esc:退出输入模式,切换到命令模式底线命令模式:在命令模式下按下 :(英文冒号)就进入了底线命令模式q退出程序w保存程序按esc键可以退出底线命令模式想要退出保存:wq...

2020-05-26 11:57:11 116

原创 将图片变成灰色状态

.img{ background: url("dis.png") center top no-repeat ; background-size: 100%; filter: grayscale(50%);}

2020-04-29 15:51:19 425

转载 vue组件化的优点

1.组件化是独立和可复用的代码组织单元。组件系统是vue核心特性之一,它使开发者使用小型、独立和通常可复用的组件构建大型应用;2.组件化开发能大幅度提高应用开发效率、测试性、复用性等;3.组件使用按分类有:页面组件、业务组件、通用组件;4.vue的组件是基于配置的,我们通常编写的组件是组件配置而非组件,框架后续会生成其构造函数,它们基于VueComponent,扩展于Vue;5.vue中常...

2020-04-29 15:45:54 4960

原创 swiper实现常规轮播效果

/*html代码*/<div class="swiper-container"> <ul class="swiper-wrapper"> <li class="swiper-slide"> slide1 </li> <li class="swiper-slide"> ...

2020-03-06 17:27:22 306

原创 本地分支没有提到远程无法review的解决

1.切到master分支gco master2.在master分支新建一个分支gco -b feature-register-2.0.03.把新建的分支push到源git push --set-upstream origin feature-register-2.0.04.切到之前的分支赋值提交的commit。然后执行git cherry-pick 0e192735.可以去查看下是...

2020-01-15 18:59:38 641

原创 Mac上nginx的安装与踩坑解决

1.首先可以通过brew search nginx命令查看是否安装的nginx,如果安装了就不用安装了,如何想要重新安装可以用brew reinstall nginx安装。如果没有安装使用brew install nginx进行安装。2.安装完可以通过brew list nginx命令查看有哪些目录列表方便下面的修改。3.启动nginx直接在命令行输入nginx,如果下面问题代表当前用户权限不...

2020-01-07 20:34:38 714

原创 h5开发时,解决在移动端ios点击事件出现闪频

在点击事件的元素上加以下样式,比如点击事件元素类为.btn{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

2020-01-02 16:26:03 330

原创 误操作直接git review没有加分支名

1.首先将代码submit到主分支(master)2.在本地切换到主分支git checkout master3.删除之前的分支git branch -D 分支名4.拉取最近的代码git pull5.切换到源端的之前的分支git checkout --track origial/分支名可以继续你的代码了...

2019-12-18 17:08:11 441

原创 多个commit合并一个commit提交

1.通过git log查看有几个commit2.比如有5个commitgit rebase -i HEAD~5注:如果已经rebase过,执行git rebase --abort再git rebase -i HEAD~53.进入Vi,点击i编辑,根据提示将第一个commit前面的第一个单词改成...

2019-12-01 16:57:04 1642

原创 使用vue的项目中如何使用moment.js

1.下载npm install moment --save2.全局导入,在main.js中引入import Moment from 'moment'3.使用//自定义moment全局过滤器Vue.filter('converTime',function(data,formatStr){ return Moment(data).format(formatStr);});...

2019-11-03 20:27:33 5508

原创 使用vscode如何设置vue模板

1.选择File中的Preferences中的User Snippets2.搜索vue,选择vue.json3.将下面内容复制到vue.json的大括号中,保存"Print to console": { "prefix": "vue", "body": [ "<template>", ...

2019-10-27 15:53:39 6966 1

原创 数组去重的多种方式

数组去重//第一种function removeDuplicate1(arr){ let newArr=[]; for(let i=0;i<arr.length;i++){ if(newArr.indexOf(arr[i])==-1){ newArr.push(arr[i]); } } return newArr;}//第二种function removeDu...

2019-09-24 22:42:32 118

原创 数组扁平化(数组展开)

第一种:flat()let arr1=[1,2,['a','b','c'],3];console.log(arr1.flat());flat()还未加入到ES6规范中。如果有多层可以在flat()中加参数Infinitylet arr1=[1,2,['a','b','c',['e','f']],3];console.log(arr1.flat(Infinity));问题:let...

2019-09-24 00:02:09 843

原创 python的开发框架基础(Django)

pip install django==2.2.1

2019-09-06 09:19:01 533 1

原创 React 项目创建和打包部署到本地服务器

1.React项目创建npm install -g create-react-appcreate-react-app myProjectName创建基于Webpack与ES6的简单项目模板cd myProjectName进入创建项目目录npm start启动项目2.React项目打包部署到服务器npm run build代码会被编译到build目录...

2019-09-03 20:56:26 10689

原创 数据库基础知识二(MongoDB)

MongoDB是由C++语言编写的是一个机遇分布式文件存储的开源数据库系统。MongoDB将数据存储为一个文档,MongoDB文档类似于JSON对象。数据结构由键值(key=>value)对组成。字段值可以包含其他文档、数组及文档数组。{ name:"yuanfang", age:18, address: Shanghai, grade:"A", group:["music",...

2019-08-30 20:49:32 259

原创 数据库基础知识一(MySQL)

数据库是研究数据管理的技术。即如何妥善地保存和科学地管理数据。数据管理是指对数据进行分类、组织、编码、存储、检索和维护等操作。数据管理技术好坏评判的标准:(1)数据冗余(2)数据共享(3)数据独立性(4)数据统一集中管理数据库:按一定结构组织存储的、集成的、可共享的数据的集合。数据库有两种类型:关系型数据库与非关系型数据库。关系型数据库:存储格式能直观地反映实体间的关系,和创...

2019-08-30 16:18:24 24990 2

原创 React基础知识(一)

一、React介绍是一个开源(为数据渲染视图)的js库virtualDOM、单向数据流来解决视图更新频繁的问题。使用场景:数据大量变化 视图更新频繁,(简单的页面不建议应用react)React特点:1.声明式设计:采用声明式,轻松描述应用2.JSX:JavaScriptXml语法,是js的扩展3.组件:构建组件,提高复用率,降低测试难度,提高开发速度4.单向数据流5.高效、灵...

2019-08-27 21:27:28 200

原创 Python3的基础模块一(datetime)

datetime模块datetime.date类datetime包含下面的模块date类介绍作用:date类用来处理日期信息date类是datetime的内嵌类,实例化语法:datetime.date(year,month,day)参数介绍:year年份、month月份及day日期day类常见操作获取当天日期语法:datetime.date.todaydate日期比较大...

2019-08-26 23:32:56 60196 3

原创 Python3基础知识学习(二)

for循环可以用for循环来迭代一系列数值。for循环的一般形式是: for var in sequence: 缩进代码块其中sequence可以是等差数列、字符串、列表、元组或者是一个文件对象。变量依次被赋予序列中的每个值,然后在缩进的语句块中的语句将在每一次赋值后执行依次,直到每个值都被执行。for循环常见错误range()可以用来产生一个等差数列。如果m和n是...

2019-08-25 21:23:37 253

原创 Python3基础知识学习(一)

python应用:网络爬虫Scrapy一种用机械的语言,以想要的方式对数据进行获取的方式简单的数据爬虫 import requests#网络访问包 res=requests.get("http://baidu.com")#创建 savefile=open("baidu.html","wb+") savefile.write(res.content) savefi...

2019-08-25 16:11:24 2204

原创 linux基础知识学习

虚拟机安装教程:https://blog.csdn.net/qq_41805715/article/details/100026299CentOS安装教程:https://blog.csdn.net/qq_41805715/article/details/100026502一. linux是什么?操作系统/应用程序?linux就是一个操作系统,如window、unix...

2019-08-23 23:15:51 2008 2

原创 CentOS安装教程

1.下载CentOS链接:https://pan.baidu.com/s/14bk3b3t_q9D8EkRHeoVwbw提取码:vhpn2.打开VMWare,选择创建新的虚拟机3.选择自定义安装4.兼容性选择(默认的即可)5.选择稍后安装操作系统6.选择Linux下的CentOS 64位7.虚拟机名称命名为(自己随意),位置新建个文件夹,如F...

2019-08-23 00:12:28 200

原创 VMWare虚拟机安装

1.首先需要下载VMWare虚拟机链接https://pan.baidu.com/s/1ozL2gGeTKovgT7el_BK50A提取码:nowd2.双击安装VMWare-workstation Pro 15注:尽量不要安装在C盘(P.S. 若无法安装在盘符的安全选项中看看权限,是否没有写入权限)3.进入安装界面4.接受协议5.选择安装位置(尽量不要安...

2019-08-22 23:36:07 362 1

原创 路径选择(leetcode数组相关)

一个机器人位于一个 m x n 网格的左上角 (起始点在下图中标记为“Start” )。机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角(在下图中标记为“Finish”)。问总共有多少条不同的路径?思路:机器人在一个位置时移动只有两种可能,向右或向下,那么在二维数组上的位置dep[i][j]=dep[i-1][j]+dep[i][j+1],如果m=1,无论n是多少;在二维数组d...

2019-08-15 23:34:58 157

原创 最大子序和(leetcode数组相关)

给定一个整数数组 nums ,找到一个具有最大和的连续子数组(子数组最少包含一个元素),返回其最大和。解题思路:将最大值maxSum设置为第一个值,然后对数组进行遍历,sum为当前最大连续子序列的和,如果sum<=0,将当前的sum设置为当前遍历值,因为如果当前值如果无论正负,加上sum会变得更小。如果大于0,就加上当前遍历值。var maxSubArray = function(nu...

2019-08-15 00:00:58 141

原创 合并区间(leetcode数组相关)

给出一个区间的集合,请合并所有重叠的区间。解题思路:先排序(排序按照数组中的每一项的第一个的大小),后合并var merge = function(intervals) { var len=intervals.length; if(len<1) return intervals; //排序 intervals.sort((a,b)=>a[0]-b[0]);...

2019-08-13 23:08:55 335

原创 刷题(leetcode字符串相关)

38.报数报数序列是一个整数序列,按照其中的整数的顺序进行报数,得到下一个数。其前五项如下:思路:对前一个数进行报数,首先遍历n,把从2开始记录n的每个数,通过遍历字符串求解遍历的每个数var countAndSay = function(n) { if(n==1) return "1"; var str="11"; for(var i=2;i<n;i++){...

2019-05-09 21:03:21 187

原创 刷题(leetcode字符串相关)

125.验证回文字符串给定一个字符串,验证它是否是回文串,只考虑字母和数字字符,可以忽略字母的大小写。说明:本题中,我们将空字符串定义为有效的回文串。思路:将字符串中的大写字母转成小写,只保留字母和数字,然后将字符串与这个字符串的反转作比较var isPalindrome = function(s) { if(s.length<=1) return true; s=...

2019-04-23 17:36:07 246

原创 刷题(leetcode字符串相关)

8.字符串换成整数var myAtoi = function(str) { //删除前后空格 var arr=str.replace(/^\s+|\s+$/g,"").split(""); //为空返回0 if(arr.length<1) return 0; //flag标识最后输出的结果的正负 var flag=1,res; //如果...

2019-04-20 08:41:20 97

转载 用CSS开启硬件加速来提高网站性能

所谓GPU,就是图形处理器的缩写,相当于PC中的显卡。手机中的GPU也是为了对图形、图像处理而存在的,所谓强制渲染,就是hwa(hardware acceleration硬件加载)的一种,其存在的意义就是为了分担cpu的负担,其原理是通过GPU对软件图形的处理来减轻CPU的负担。从而使应用软件能够以更快的速度被处理,以达到提速的目的。1.何为硬件加速就是将浏览器的渲染过程交给GPU处理,而...

2019-04-17 17:15:36 2804

原创 js实现循环队列

1.基本队列的实现:基本队列的方法有:1)向队尾添加元素(enqueue)2)从对头删除元素(dequeue)3)查看队列头部元素(front)4)查看队列是否为空(isEmpty)5)查看队列的长度(size)6)查看队列(print)function Queue(){ //使用数组初始化队列 var items=[]; //向队列插入元素 this.enqueue=fu...

2019-04-17 10:38:39 2748 1

原创 刷题(最优升级路径)

思路:深度优先遍历将所有路径及路径值放入数组,比较路径值选择最小的var line1=readline().split(" ");var l=line1[0],r=line1[1];var arr=[];while(line2=readline().split(" ")){ arr.push(line2);}var len=0;var m=[l];var res=[];fu...

2019-04-15 11:33:20 102

原创 刷题

解题思路:玩家取数的时候取的数一定是使最后他的积分最大数,而BOOS取数取的数一定是使剩下的数让玩家取数积分最小的数。var n=parseInt(readline());var arr=[];for(var i=0;i<n;i++){ arr.push(readline());}var sum=0;//数字总和for(var k=0;k<arr.length;k++...

2019-04-14 23:07:41 117

空空如也

空空如也

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

TA关注的人

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