- 博客(167)
- 收藏
- 关注
RSS订阅原创 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
2150
原创 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
541
原创 从1到5每隔一秒打印出一个数
for(var i=1;i<=5;i++){ (function(i){ setTimeout(()=>{ console.log(i) },i*1000) })(i)}
2020-08-26 10:59:22
604
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
1183
原创 函数防抖、节流、柯里化
节流：隔一段时间只出发一次，场景页面滚动加载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
329
原创 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
4721
原创 vi/vim基本命令
vi/vim常用命令：i：切换光标为输入模式esc：退出输入模式，切换到命令模式底线命令模式：在命令模式下按下 :（英文冒号）就进入了底线命令模式q退出程序w保存程序按esc键可以退出底线命令模式想要退出保存:wq...
2020-05-26 11:57:11
161
原创 将图片变成灰色状态
.img{ background: url("dis.png") center top no-repeat ; background-size: 100%; filter: grayscale(50%);}
2020-04-29 15:51:19
565
转载 vue组件化的优点
1.组件化是独立和可复用的代码组织单元。组件系统是vue核心特性之一，它使开发者使用小型、独立和通常可复用的组件构建大型应用；2.组件化开发能大幅度提高应用开发效率、测试性、复用性等；3.组件使用按分类有：页面组件、业务组件、通用组件；4.vue的组件是基于配置的，我们通常编写的组件是组件配置而非组件，框架后续会生成其构造函数，它们基于VueComponent，扩展于Vue；5.vue中常...
2020-04-29 15:45:54
6367
原创 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
402
原创 本地分支没有提到远程无法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
834
原创 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
885
原创 h5开发时，解决在移动端ios点击事件出现闪频
在点击事件的元素上加以下样式，比如点击事件元素类为.btn{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
2020-01-02 16:26:03
436
原创 误操作直接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
569
原创 多个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
1878
原创 使用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
5619
原创 使用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
8608
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
186
原创 数组扁平化(数组展开)
第一种：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
1036
原创 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
11206
原创 数据库基础知识二（MongoDB）
MongoDB是由C++语言编写的是一个机遇分布式文件存储的开源数据库系统。MongoDB将数据存储为一个文档，MongoDB文档类似于JSON对象。数据结构由键值（key=>value）对组成。字段值可以包含其他文档、数组及文档数组。{ name:"yuanfang", age:18, address: Shanghai, grade:"A", group:["music",...
2019-08-30 20:49:32
444
原创 数据库基础知识一（MySQL）
数据库是研究数据管理的技术。即如何妥善地保存和科学地管理数据。数据管理是指对数据进行分类、组织、编码、存储、检索和维护等操作。数据管理技术好坏评判的标准：（1）数据冗余（2）数据共享（3）数据独立性（4）数据统一集中管理数据库：按一定结构组织存储的、集成的、可共享的数据的集合。数据库有两种类型：关系型数据库与非关系型数据库。关系型数据库：存储格式能直观地反映实体间的关系，和创...
2019-08-30 16:18:24
26248
2
原创 React基础知识（一）
一、React介绍是一个开源（为数据渲染视图）的js库virtualDOM、单向数据流来解决视图更新频繁的问题。使用场景：数据大量变化 视图更新频繁，（简单的页面不建议应用react）React特点：1.声明式设计：采用声明式，轻松描述应用2.JSX：JavaScriptXml语法，是js的扩展3.组件：构建组件，提高复用率，降低测试难度，提高开发速度4.单向数据流5.高效、灵...
2019-08-27 21:27:28
250
原创 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
63346
3
原创 Python3基础知识学习（二）
for循环可以用for循环来迭代一系列数值。for循环的一般形式是： for var in sequence: 缩进代码块其中sequence可以是等差数列、字符串、列表、元组或者是一个文件对象。变量依次被赋予序列中的每个值，然后在缩进的语句块中的语句将在每一次赋值后执行依次，直到每个值都被执行。for循环常见错误range()可以用来产生一个等差数列。如果m和n是...
2019-08-25 21:23:37
385
原创 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
2339
原创 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
2197
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
336
原创 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
461
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
226
原创 最大子序和（leetcode数组相关)
给定一个整数数组 nums ，找到一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。解题思路：将最大值maxSum设置为第一个值，然后对数组进行遍历，sum为当前最大连续子序列的和，如果sum<=0,将当前的sum设置为当前遍历值，因为如果当前值如果无论正负，加上sum会变得更小。如果大于0，就加上当前遍历值。var maxSubArray = function(nu...
2019-08-15 00:00:58
204
原创 合并区间（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
415
原创 刷题（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
243
原创 刷题（leetcode字符串相关）
125.验证回文字符串给定一个字符串，验证它是否是回文串，只考虑字母和数字字符，可以忽略字母的大小写。说明：本题中，我们将空字符串定义为有效的回文串。思路：将字符串中的大写字母转成小写，只保留字母和数字，然后将字符串与这个字符串的反转作比较var isPalindrome = function(s) { if(s.length<=1) return true; s=...
2019-04-23 17:36:07
308
原创 刷题（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
140
转载 用CSS开启硬件加速来提高网站性能
所谓GPU，就是图形处理器的缩写，相当于PC中的显卡。手机中的GPU也是为了对图形、图像处理而存在的，所谓强制渲染，就是hwa（hardware acceleration硬件加载）的一种，其存在的意义就是为了分担cpu的负担，其原理是通过GPU对软件图形的处理来减轻CPU的负担。从而使应用软件能够以更快的速度被处理，以达到提速的目的。1.何为硬件加速就是将浏览器的渲染过程交给GPU处理，而...
2019-04-17 17:15:36
2984
原创 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
3163
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
145
原创 刷题
解题思路：玩家取数的时候取的数一定是使最后他的积分最大数，而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
172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人