- 博客(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 225 2
原创 js 语法糖
1、可选链操作符?.2、??空值合并操作符,当左边的值为null或undefined的时候 就取??右边的值3、变量之后加!:表示类型推断排除null和undefined
2021-09-20 11:29:07 234
原创 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 419
原创 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 991
原创 elementui上传文件upload校验
在上传的标签中加on-change,然后定义这个方法。在data里定义一个flag:false,给上传表单加校验规则,用validator来定义,在change方法判断,如果上传文件的长度大于等于1,则改变flag为true,当flag为true时,校验规则通过即可。...
2021-06-22 11:14:54 1794 4
原创 element多选框indeterminate
官方文档这里一开始给indeterminate设为true,那么他全选框里就显示为半选,即使下面选项一个没选除非一开始就已经默认选中一些选项,要不然一开始就给indeterminate设为false。否则不选也会显示半选的状态...
2021-06-21 16:19:03 926
原创 TypeError:cannot craete property ‘xxx‘ on string ‘xxx‘
首先先get查询对应的数据,将后端返回的数据保存起来,再根据需求改变对应的变量,发送post请求。
2021-06-07 14:42:36 718
原创 TypeError: _vm.handleClose is not a function
原因一般有两:1、定义的方法名字跟在data里定义的名字重复了;2、方法写在methods外面,就是没有被methods包裹,所以识别不出是方法。。。一定要细心!
2021-05-30 09:31:26 5160 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 2081
原创 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 698
原创 ES6新特性详解
1、var、let、constvar:变量提升,可以先申声明不初始化,可以跨快访问,不能跨函数作用域;let:有块级作用域,不能跨快访问,可以先声明不初始化,无变量提升const:声明常量,必须要声明的时候初始化,定义之后值不可改,块级作用域,对于数组和对象的元素修改,不算做对常量的修改,不会报错(因为地址未修改)。2、变量的解构赋值es6允许按照一定模式从数组和对象中提取值,对变量进行赋值,这就是解构赋值// 关于数组解构const arr=['11','22','33'];let [yi
2021-04-05 17:34:30 292 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 732
原创 vue相关知识点
1、生命周期vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数实现组件数据管理和DOM渲染两大重要功能。vue生命周期可以分为八个阶段,分别是:beforeCreate(创建前) 在实例初始化之后,数据观测者( data observer)和 event/ watcher事件配置之前调用。created(创建后) 完成数据观测,属性和方法的运算,初始化事件,$el属性还没有显示出来beforeMount(载入
2021-03-21 21:59:13 571
原创 面试——关于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 103
原创 使用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 117
原创 函数柯里化
定义:把接收多个参数的函数转化成接收第一个参数为参数的函数,返回一个以下一个参数作为参数的函数。如: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 66
原创 前端面试——网络问题
1、何为跨域? 跨域请求数据有几种方式?1. 何为跨域?跨域:指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。同源策略:是指协议,域名,端口都要相同,其中有一个不同都会产生跨域。存在跨域的情况:网络协议不同,如http协议访问https协议。端口不同,如80端口访问8080端口。域名不同,如qianduanblog.com访问baidu.com。子域名不同,如abc.qianduanblog.com访问def.qianduanblog.
2021-03-09 10:56:43 416
原创 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 3186 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 84
原创 前端岗位一般的任职要求
网易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 5626
原创 将前端项目上传到github
一、生成本地仓库1、 git init2、 add *3、 git commit -m "输入信息"二、创建远程仓库在github上创建一个仓库,前提是有自己的github账号三、将本地仓库推送到远程仓库1、将图中圈出来的关联的命令复制粘贴到命令行中,先进行关联2、git push origin master,可能会出现登录界面显示上图即推送成功...
2021-02-03 11:19:28 798
原创 报错Module build failed: Error: No PostCSS Config found in:
错误如上图。最主要原因就是没有下安装包或者是下错地方,npm install --save mint-ui下载,要下载到项目的里,在全局下不起作用,我的就是这样了在vue_demo下打开终端运行,可以检查package.json是否有下载包...
2020-12-29 15:13:38 409
原创 事件的绑定
addEventListener()可以为一个元素绑定多个响应函数,不支持IE8以下参数:1.事件的字符串,不用on;2.回调函数,当事件触发时该函数会被调用3.是否在捕获阶段触发事件,需要一个布尔值,一般都传false例:btn.addEventListener(‘click’,()=>{alert(123)},false)attachEvent()在IE8中使用attachEvent来绑定事件参数:1.事件的字符串,要on2.回调函数这个方法是后绑带先执行,..
2020-12-15 18:46:12 72
原创 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>
2020-12-05 20:39:17 561
原创 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 123
原创 报错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 434 1
原创 JavaScript中this的简介
解析器在调用函数每次都会向函数内部传递进一个隐含的参数,这个参数就是thisthis指向的是一个对象,对象称为函数执行的上下文对象根据函数调用的方式不同,this指向不同的对象1、以函数形式调用时,this永远都是window2、以方法形式调用时,this就是调用方法的对象this的情况:1、当以函数的形式调用时,this就是window,2、当以方法的形式调用时,谁调用方法this就是谁,3、当以构造函数的形式调用时,this就是新创建的那个对象...
2020-12-03 11:27:01 79 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 315
原创 JavaScript中函数的相关介绍
函数function简介函数也是一个对象,可以封装一下功能,保存一下代码在需要时调用typeof检查时返回function创建一个函数对象var fun=new Function(“alert(‘哈哈哈’)”)封装后的代码不会立即执行,需要调用才能执行调用:函数对象();fun();使用函数声明来创建一个函数语法:function 函数名([形参1,形参2,…]){语句。。。}使用函数表达式创建一个函数var 函数名=function([形参1,形参2,…]){
2020-12-02 21:43:12 70
原创 用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 108
原创 用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>
2020-12-02 10:55:03 737 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>
2020-12-02 10:10:25 1162
原创 JavaScript中的数组方法
数组(Array)- 数组是一个对象,是一个用来存储数据的对象 和Object类似,但是它的存储效率比普通对象要高- 数组中保存的内容我们称为元素 - 数组使用索引(index)来操作元素- 索引指由0开始的整数- 数组的操作: - 创建数组 - var arr = new Array(); - var arr = []; - 向数组中添加元素 - 语法; 数组对象[索引] = 值; arr[0] = 123; arr[1] = "hello";
2020-09-10 20:43:34 138
原创 HTML设置背景颜色及背景图片
背景background-color 设置背景颜色background-color: red;background-image 设置背景图片- 可以同时设置背景图片和背景颜色,这样背景颜色将会成为图片的背景色- 如果背景的图片小于元素,则背景图片会自动在元素中平铺将元素铺满- 如果背景的图片大于元素,将会一个部分背景无法完全显示- 如果背景图片和元素一样大,则会直接正常显示background-image: url("./img/1.png"); background-r
2020-08-26 23:17:27 16865
原创 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 714
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人