自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 git 相关操作

1、删除本地分支git branch -D develop/hff2、隐藏已经修改的文件:git add . ; git stash;恢复之前隐藏修改的文件:git stash pop3、回退或前进到指定的commit:git reset --hard commit_id4、删除之前commit的版本:找到此次删除提交之前的一次提交的commit,执行git rebase -i 《commit》;按字母I键进入编辑模式,将需要删除的commit的pick改为drop,然后 按esc退

2021-09-20 11:31:28 219 2

原创 js 语法糖

1、可选链操作符?.2、??空值合并操作符,当左边的值为null或undefined的时候 就取??右边的值3、变量之后加!:表示类型推断排除null和undefined

2021-09-20 11:29:07 225

原创 element手动上传文件

let file = new FormData();file.append('file',this.fileList[0].raw)file.append('startDate',this.reportForm.startDate)file.append('endDate',this.reportForm.endDate)file.append('frequency',this.reportForm.frequency)注意:其他需要传的参数通过append加入到formdata,传参就传整体的

2021-07-13 14:40:44 412

原创 el-checkbox-group中常遇到的问题

<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">All</el-checkbox><el-checkbox-group v-model="checkedTypes" @change="handleCheckedTypesChange"> <el-checkbox style="width:150px;" v-for=

2021-06-30 14:05:43 977

原创 input中输入两个数字用逗号隔开的正则表达式

必须要有逗号隔开两个数字

2021-06-22 17:59:33 1529

原创 elementui上传文件upload校验

在上传的标签中加on-change,然后定义这个方法。在data里定义一个flag:false,给上传表单加校验规则,用validator来定义,在change方法判断,如果上传文件的长度大于等于1,则改变flag为true,当flag为true时,校验规则通过即可。...

2021-06-22 11:14:54 1774 4

原创 element多选框indeterminate

官方文档这里一开始给indeterminate设为true,那么他全选框里就显示为半选,即使下面选项一个没选除非一开始就已经默认选中一些选项,要不然一开始就给indeterminate设为false。否则不选也会显示半选的状态...

2021-06-21 16:19:03 915

原创 表单内容按词折行

tr .cell{ word-break: break-word;}这个主要是针对英文单词

2021-06-07 15:33:29 53

原创 TypeError:cannot craete property ‘xxx‘ on string ‘xxx‘

首先先get查询对应的数据,将后端返回的数据保存起来,再根据需求改变对应的变量,发送post请求。

2021-06-07 14:42:36 692

原创 TypeError: _vm.handleClose is not a function

原因一般有两:1、定义的方法名字跟在data里定义的名字重复了;2、方法写在methods外面,就是没有被methods包裹,所以识别不出是方法。。。一定要细心!

2021-05-30 09:31:26 5112 5

原创 TypeError: Cannot read property ‘msg‘ of undefined

主要是js方法写错了。`let confirmConstructor = Vue.extend(confirm);let theConfirm = function (text) {return new Promise((res, rej) => { //promise封装,ok执行resolve,no执行rejectletlet confirmDom = new confirmConstructor({el: document.createElement(‘div’),data: ()

2021-05-11 10:26:56 2055

原创 CSS常用知识点整理

1、标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同?(1)有两种, IE 盒子模型、W3C 盒子模型;(2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border);(3)区 别: IE 的 content 部分把 border 和 padding 计算了进去;1.1remrem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,e

2021-04-14 20:43:34 672

原创 ES6新特性详解

1、var、let、constvar:变量提升,可以先申声明不初始化,可以跨快访问,不能跨函数作用域;let:有块级作用域,不能跨快访问,可以先声明不初始化,无变量提升const:声明常量,必须要声明的时候初始化,定义之后值不可改,块级作用域,对于数组和对象的元素修改,不算做对常量的修改,不会报错(因为地址未修改)。2、变量的解构赋值es6允许按照一定模式从数组和对象中提取值,对变量进行赋值,这就是解构赋值// 关于数组解构const arr=['11','22','33'];let [yi

2021-04-05 17:34:30 291 1

原创 JavaScript相关知识点

1、请用 js 去除字符串空格?答案:replace 正则匹配方法、str. trim()方法、JQ 方法:$. trim(str)方法解析:方法一:replace 正则匹配方法去除字符串内所有的空格:str = str. replace(/\s*/g, “”);去除字符串内两头的空格:str = str. replace(/^\s|\s$/g, “”);去除字符串内左侧的空格:str = str. replace(/^\s*/, “”);去除字符串内右侧的空格:str = str. repl

2021-03-28 12:14:43 672

原创 vue相关知识点

1、生命周期vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数实现组件数据管理和DOM渲染两大重要功能。vue生命周期可以分为八个阶段,分别是:beforeCreate(创建前) 在实例初始化之后,数据观测者( data observer)和 event/ watcher事件配置之前调用。created(创建后) 完成数据观测,属性和方法的运算,初始化事件,$el属性还没有显示出来beforeMount(载入

2021-03-21 21:59:13 564

原创 面试——关于ajax

1.1创建 ajax 过程创建 XMLHttpRequest 对象,也就是创建一个异步调用对象创建一个新的 HTTP 请求,并指定该 HTTP 请求的方法、URL 及验证信息设置响应 HTTP 请求状态变化的函数发送 HTTP 请求获取异步调用返回的数据使用 JavaScript 和 DOM 实现局部刷新1、GET 和 POST 的区别,何时使用 POST?get 参数通过url 传递, post 放在request body 中。传递路径get 请求在url 中传递的参数是有长度限制

2021-03-21 21:55:39 99

原创 使用vue-cli创建vue项目

使用vue-cli(脚手架)搭建项目在集成终端中打开后,第一步:输入:npm install -g vue-cli第二步:输入:vue init webpack vueDemo (vueDemo是文件名称)安装过程中有些需要自己选,一般按默认的即可第三步:进入下载好的文件(vueDemo)的集成终端,输入:npm run dev打开http://localhost:8080即可运行后自动打开浏览器...

2021-03-18 11:27:30 111

原创 函数柯里化

定义:把接收多个参数的函数转化成接收第一个参数为参数的函数,返回一个以下一个参数作为参数的函数。如:f(x,y,z),转化成f(x)(y)(z)场景应用://实现多个数相加function add(){ //let args=arguments;//argements是对象而不是数组 //所以需要把它转成数组 let args=Array.prototype.slice.call(arguments); let inner=function(){ ar

2021-03-14 11:18:59 57

原创 前端面试——网络问题

1、何为跨域? 跨域请求数据有几种方式?1. 何为跨域?跨域:指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。同源策略:是指协议,域名,端口都要相同,其中有一个不同都会产生跨域。存在跨域的情况:网络协议不同,如http协议访问https协议。端口不同,如80端口访问8080端口。域名不同,如qianduanblog.com访问baidu.com。子域名不同,如abc.qianduanblog.com访问def.qianduanblog.

2021-03-09 10:56:43 370

原创 2021前端经典面试题

文章目录一、HTML1、Label 的作用是什么?是怎么用的?2.iframe 框架有那些优缺点?3、HTML 与 XHTML 二者有什么区别,你觉得应该使用哪一个并说出理由。4、title 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别?5、请描述下 SEO 中的 TDK?6、每个 HTML 文件头里都有个很重要的东西,Doctype,知道这是干什么的么?7、简述一下 src 与 href 的区别。8、对于 WEB 标准以及 W3C 的理解与认识问题9、前端页面有哪三层构成,分别是什

2021-03-01 14:18:01 3159 1

原创 js算法题

function foo(){ getName=function(){console.log(1)} return this;}foo.getName = function () {console.log(2) };foo.prototype.getName = function () {console.log(3) };var getName = function () {console.log(4) };function getName() {console.log(5) };

2021-02-09 10:20:51 78

原创 前端岗位一般的任职要求

网易1、掌握HTML、css、js,了解HTTP协议以及相关开发调试工具2、掌握一定的前端框架(react、vue、angular、jQuery等)3、掌握基础数据结构的原理与应用中国移动研究院1、熟悉js、ajax等web开发技术2、熟悉HTML今日头条1、掌握 WEB 前端开发技术:JavaScript (含 ES6 )、HTML、CSS、DOM、协议、安全等;2、较好的产品意识,愿意将产品效果做为工作最重要的驱动因素;百度-精通Javascript,包括基本对象及操作、DOM操作

2021-02-04 21:45:20 5548

原创 将前端项目上传到github

一、生成本地仓库1、 git init2、 add *3、 git commit -m "输入信息"二、创建远程仓库在github上创建一个仓库,前提是有自己的github账号三、将本地仓库推送到远程仓库1、将图中圈出来的关联的命令复制粘贴到命令行中,先进行关联2、git push origin master,可能会出现登录界面显示上图即推送成功...

2021-02-03 11:19:28 780

原创 报错Module build failed: Error: No PostCSS Config found in:

错误如上图。最主要原因就是没有下安装包或者是下错地方,npm install --save mint-ui下载,要下载到项目的里,在全局下不起作用,我的就是这样了在vue_demo下打开终端运行,可以检查package.json是否有下载包...

2020-12-29 15:13:38 384

原创 事件的绑定

addEventListener()可以为一个元素绑定多个响应函数,不支持IE8以下参数:1.事件的字符串,不用on;2.回调函数,当事件触发时该函数会被调用3.是否在捕获阶段触发事件,需要一个布尔值,一般都传false例:btn.addEventListener(‘click’,()=>{alert(123)},false)attachEvent()在IE8中使用attachEvent来绑定事件参数:1.事件的字符串,要on2.回调函数这个方法是后绑带先执行,..

2020-12-15 18:46:12 68

原创 js中数组纯数字排序

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&gt

2020-12-05 20:39:17 554

原创 js中数组去重

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head><body> <scrip

2020-12-05 20:07:28 118

原创 报错Uncaught TypeError: Cannot read property ‘age‘ of undefined

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head><body> <scrip

2020-12-05 16:49:19 417 1

原创 JavaScript中this的简介

解析器在调用函数每次都会向函数内部传递进一个隐含的参数,这个参数就是thisthis指向的是一个对象,对象称为函数执行的上下文对象根据函数调用的方式不同,this指向不同的对象1、以函数形式调用时,this永远都是window2、以方法形式调用时,this就是调用方法的对象this的情况:1、当以函数的形式调用时,this就是window,2、当以方法的形式调用时,谁调用方法this就是谁,3、当以构造函数的形式调用时,this就是新创建的那个对象...

2020-12-03 11:27:01 69 1

原创 使用工厂方法创建对象以及用构造函数创建对象

工厂方法可以大批量创建对象,该方法创建的对象,使用构造函数都是object<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title><.

2020-12-03 11:24:56 303

原创 JavaScript中函数的相关介绍

函数function简介函数也是一个对象,可以封装一下功能,保存一下代码在需要时调用typeof检查时返回function创建一个函数对象var fun=new Function(“alert(‘哈哈哈’)”)封装后的代码不会立即执行,需要调用才能执行调用:函数对象();fun();使用函数声明来创建一个函数语法:function 函数名([形参1,形参2,…]){语句。。。}使用函数表达式创建一个函数var 函数名=function([形参1,形参2,…]){

2020-12-02 21:43:12 65

原创 用js编写九九乘法表

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> span{

2020-12-02 15:06:59 103

原创 用JavaScript判断一个数是否是质数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&gt

2020-12-02 10:55:03 721 1

原创 用JavaScript求出100到999之间的水仙花数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&gt

2020-12-02 10:10:25 1150

原创 JavaScript中的数组方法

数组(Array)- 数组是一个对象,是一个用来存储数据的对象 和Object类似,但是它的存储效率比普通对象要高- 数组中保存的内容我们称为元素 - 数组使用索引(index)来操作元素- 索引指由0开始的整数- 数组的操作: - 创建数组 - var arr = new Array(); - var arr = []; - 向数组中添加元素 - 语法; 数组对象[索引] = 值; arr[0] = 123; arr[1] = "hello";

2020-09-10 20:43:34 135

原创 HTML设置背景颜色及背景图片

背景background-color 设置背景颜色background-color: red;background-image 设置背景图片- 可以同时设置背景图片和背景颜色,这样背景颜色将会成为图片的背景色- 如果背景的图片小于元素,则背景图片会自动在元素中平铺将元素铺满- 如果背景的图片大于元素,将会一个部分背景无法完全显示- 如果背景图片和元素一样大,则会直接正常显示background-image: url("./img/1.png"); background-r

2020-08-26 23:17:27 16774

原创 HTML设置图标字体

插入单个图标文体,可以直接在body中插入。 当插入多个且在文章的行首之时,可以通过伪元素来设置图标字体 1.找到要设置图标的元素通过before或after选中 2.在content中设置字体的编码 3.设置字体的样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <m...

2020-08-24 22:15:24 706

空空如也

空空如也

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

TA关注的人

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