- 博客(28)
- 收藏
- 关注
RSS订阅原创 el-upload的loading问题
问题场景：el-upload上传功能，由于上传的文件可能较大，为避免重复操作，因此需要上传loading效果。解决：el-upload组件添加onChange该事件。
2023-04-13 15:14:18
2511
原创 路由History模式下，需要配置nginx
hash模式是不需要后端服务配合的。但是history模式下，如果你再跳转路由后再次刷新会得到404的错误，这个错误说白了就是浏览器会把整个地址当成一个可访问的静态资源路径进行访问，然后服务端并没有这个文件~配置nginx，告诉服务器，当我们访问的路径资源不存在的时候，默认指向静态资源index.html。系统路由是history模式，情况下刷新页面跳转错误页。
2023-04-04 14:30:36
521
原创 最简单的store.js
创建一个store.jsimort vue from 'vue;import vuex from 'vuex'vue.use(vuex)export default new vuex.store({state:{//放全局参数demo:{}},mutation:{//set方法setDemo(state,demo){state.demo = demo}},getters:{//get方法getDemo:state=>state.dem
2022-04-11 20:11:41
788
原创 echarts与深度监听
遇到的问题：一个看板的需求，一个页面有八九个卡片（卡片是同一个子组件，区别仅仅是传值不同）。每个卡片有三部分，分别是card区，charts图区域和表格区域。查询条件改变时，每个卡片显示的数据是错乱的。原因：没有深度监听传进去的值，子组件的init并不会每次都执行解决方法：对传值进行深度监听watch:{cardData:{handler:{...},deep:true}}...
2022-04-07 20:41:42
173
原创 前端笔记（2）
前端面试题–XMLHTTPRequest和JSONP的应用场景，以及其分别如何检测请求错误的XMLHttpRequest用于浏览器端与服务器端 异步请求数据从而实现对页面的无刷新修改，支持GET/POST请求，一般用于非跨域的场景。如果需要使用XMLHttpRequest跨域请求数据，需要通过CORS头支持。JSONP用于跨域请求数据的场景，只支持GET请求。XMLHttpRequest异常判断一般通过该对象的readystate和http状态码status来判断，JSONP的异常判断一般是one
2020-08-09 16:41:46
73
原创 前端面经（1）
箭头函数this指向默认指向定义它时所处的上下文的对象的this指向，没有上下文就指向window即使是call apply bind等方法也不能改变箭头函数this的指向说说this指向普通函数中：总是指向它的直接调用者没有直接调用者指向window使用call apply bind绑定，this指向绑定的对象箭头函数中同上vuex原理不会啊created和mounted区别created：在模板渲染成html 前调用，即通常初始化某些属性值，然后再渲染成视图。mount
2020-08-08 17:57:38
160
原创 网易前端笔试笔记（1）
跨域请求中，需要设置哪个属性为true,才能携带cookie信息？withCredentials现在假设对N个元素的链表做顺序查找时，若查找每个元素的概率相同，则平均查找长度为：（N+1）/2解析：总长度n(n+1)/2除以总个数n下列程序的运行结果是什么console.log(1);new Promise(function (resolve, reject){reject();resolve();}).then(function(){console.log(2);}, functio
2020-08-08 16:42:57
419
原创 CSS盒子水平垂直居中
position + transform .parent { position: relative; } .child { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }position .parent { position: relative; } .child { pos
2020-08-07 12:08:41
73
原创 实现instanceof
var _instanceof = functinon(a,b){//判断a是否在b的原型链上if(a.__proto__===b.prototype)//找到Object.prototype停止 return true;if(a.__proto__===null) return false;return _instanceof(a.__proto__,b);}
2020-08-07 11:59:44
108
原创 前端（十四）-DOM
事件冒泡机制时间传播机制，这个机制天生就带有；当触发底层元素的某一个事件行为，那么它的上级元素的对应事件行为也会一级一级的触发，一直发到我们的document中；（具有相同的事件类型才会触发）；从底层一级一级往上传播的机制叫做冒泡；false代表的是冒泡阶段执行。；true代表的是在捕获阶段执行；同一个元素既可以在捕获阶段处理，也可以在冒泡阶段处理；事件委托利用DOM的传播机制（点击任意元素，document的click都要触发），我们给document绑定一个点击事件，在事件中我们只需要获
2020-07-30 11:33:12
119
1
原创 前端（十三）－数组
求数组最大值方法一:var arr = [1,2,3,5,7,90,3,6]var maxNum = Math.max.apply(null,arr)console.log(maxNum)//90Math.max.apply(null,arr)将arr作为参数传递,返回值为排序后的新数组,第一个参数为null因为不需要借用对象,可以忽略.方法二:先排序var arr = [1,2,3,5,7,90,3,6]arr.sort(function(a,b){ return a-b;})co
2020-07-30 10:41:47
117
原创 前端(十二)-面向对象和继承
创建对象的几种方式工厂模式构造函数模式原型模式混合构造函数和原型模式动态原型模式寄生构造函数模式委托构造函数模式js创建对象就是事已内置对象或各种自定义对象,还可以用JSON．对象字面量的方式Person = { firstName:"jin", lastName:"xiaodong", age:18, eyecolor:"black"};用function来模拟无参的构造函数function Person(){} //定义一个function，如果使用ne
2020-07-27 12:07:12
110
原创 前端(十一)-WEB
一个页面输入URL到页面加载显示完成,中间发生了什么?浏览器向服务器发起一个http请求进行DNS解析:先找浏览器缓存再找操作系统缓存读取本地HOST文件发起网络DNS请求调用得到最后的服务器IP客户端启动一个随机端口,经过三次握手进入服务器网卡浏览器发送真正的请求服务器收到HTTP请求,解析路径和参数,经后台处理完成响应浏览器可以收到服务器的响应,并开始渲染页面,dom树_CSS树=render 树添加用户与界面的交互,绑定一些时间,执行一些动态行为刷新一些局部内容
2020-07-27 10:22:23
81
原创 前端(十)-安全
同源策略同源策略是客户端脚本的重要的安全度量标准.目的是防止某个文档或脚本从多个不同源装载.同源策略指的是:协议,域名,端口相同.同源策略是一种安全协议:指一段脚本只能读取来自同一来源的窗口和文档的属性.为什么要有同源策略例如一个黑客程序,它利用iframe把真正的银行登陆页面嵌到他的页面上,当你使用真实的用户名,密码登录时,它的页面就可以通过js’读取到你的表单中input中的neir,这样用户名,密码九轻松的得到了.是为了web端的安全考虑...
2020-07-26 17:26:39
61
原创 前端-正则(九)
字符串转换为驼峰的方法var str = 'border-bottom-color';var strarg = str.replace(/\-[a-z]/g,function(params){ return params.charAt(1).toUpperCase();})console.log(strarg)charAt(1)也可以用substr(1),substring(1)来替代/\-[a-z]/g中g表示全文检索,part表示匹配到的字符方法二:var str = 'bord
2020-07-26 17:18:44
129
原创 前端(八) 字符串
字符串的常用方法charAt获取指定索引位置的字符charCodeAt 获取指定索引位置的字符对应的ASCII码值indexof/lastIndexof 获取某个字符串在第一次(最后一次)出现位置的索引,没有的话返回-1,通常使用这个检测字符串是否包含某一个字符toUpperCase/toLowerCase将字符串转换为大写|小写split 按照指定的分隔符,将一个字符串拆分为数组,和数组的join对应substr:substr(n,m)从索引n开始截取m个字符,把截取的字符返回一个新的字符串
2020-07-26 16:28:21
157
原创 前端（七）
作用域，变量声明提升作用域：就是作用域里面套作用域；也就是闭包机制；子集作用域可以访问父级作用域；父级不能访问子集；变量提升：作用域里面带var的这些是该作用域的,如果没有某个变量直接到上一级查找;如果不在var声明,就之际变为上一级作用域变量;js中一个名字以四种方式进入作用域,优先级顺序如下:1.语言内置:所有作用域都有this和arguments关键字2.形式参数:函数的参数在函数作用域中都是有效的3.函数声明:型如 function foo(){}4.变量声明:形如var bar l
2020-07-26 12:33:22
121
原创 前端基础(七)
new创建一个空对象,并且this变量引用该对象,同时还继承了该函数的原型;属性和方法被加入到this引用的对象中;新创建的对象由this所引用,并且最后隐式的返回thisvar obj = {}obj._proto__ = Base.prototype;Base.call(obj)JSONJSON是一种轻量级的数据交换格式,它是基于JS的一个子集;数据格式简单,易于读写,传输占用带宽小.{"age":"12","name":"Jack"}JSON 对象包含两个方法:
2020-07-26 11:06:48
60
原创 前端基础(六)
alert(Number(“08”)输出8;八进制字面值的第一位必须是0,然后是八进制数字0-7,如果字面值数字超出了范围,那么前导的0将会被忽略.删除所有的li<ul class="ul1"> <li>node</li> <li>node</li> <li>node</li> <li>node</li> <li>node</li></ul>&
2020-07-25 17:54:32
107
原创 前端基础(五)
JS函数绑定可以使用那两个函数?函数绑定一般使用在什么情况下?区别?当对象借用方法可以使用call和apply .apply最多有两个参数,第一个参数时借用对象,第二个参数是数组类型.call第一参数是借用对象,后面是参数个数不限,都作为参数传递给被借用的方法.实例:获取到第0个到第二个参数值call方法function callFn(){ let aArg = Array.prototype.slice.call(arguments,0,3) return aArg;}console
2020-07-25 12:14:26
101
原创 前端基础-JS(四)
JS模拟一个HashTable类,包含add,remove,contains,length方法定义类需要把函数名的第一个字母大写HashTable;this关键字指向调用者;为自定义的原型添加方法;push为数组追加项;splice时数组的方法,用来增\删\改数据function HashTable(){ this.value = new Array();}HashTable.prototype.add = function(value){ this.value.push(value)
2020-07-25 10:42:10
72
原创 前端-JS基础(三)
如何让alert弹出框中的信息换行\n例如:alert(‘aa\naaa\nbbb’)JS选项卡标签栏或者一排单选按钮,如何知道选择是第几个?var oInput=document.getElementsByTagName('input');for(var index = 0;index<oInput.length;index++){ (function(index){ oInput[index].onclick = function(){ alert(index+1) }
2020-07-25 10:19:05
224
原创 JS实现年月日
function clock(){ //实例化当前的时间 let time = new Date(); let year = time.getFullYear(), month = time.getMonth() + 1, day = time.getDate(), week = toWeek(time.getDay()), hour = time.getHours(), min = time.getMinutes(), s = time.getSeconds(), ms = tim
2020-07-25 09:40:14
399
原创 前端基础-JS数据类型
Js的数据类型js的数据类型可以分为基本数据类型和引用数据类型.基本数据类型 string number boolean null undefined symbol bigint引用数据类型 object一共八种数据类型js中所有的对象都派生自 objectundefined类型只有一个值,即特殊的undefined引用数据类型:引用数据类型开辟一个空间运行再开辟的空间中,运行在堆内存中;function预解释的时候当作字符串储存在栈内存中,这时候引用仅仅只是一个内存地址;当运行的时候,这个堆
2020-07-25 09:25:57
67
翻译 粒度计算（一）
一 模糊集理论模糊集理论认为元素总是以一定的程度于某个集合，也可能以不同的程度属于几个集合。 它是对经典集合理论的扩展，最主要的贡献在于引入了集合中元素 对该集合的“隶属度”，从而将经典集合理论的特征函数取值范围由｛０，１｝推广到区间值［０，１］，将经典二值逻辑推广至多值逻辑，而集合中元素对集合本身的“隶属度”主要通过隶属函数来表示。“隶属度”的相关定义如下：模糊集理论研究的...
2019-05-23 18:02:44
5237
2
原创 张量分解之CP分解（Matlab代码）
CP分解的Matlab代码：%随机生成一个稀疏三维张量5*4* 3，其中有10条数据X=sptenrand([5 4 3],10);%用ALS交替最小二乘来分解张量，分解参数R=2，即分解为两个秩一张量；其中分解参数最多可以设置为min（5*4；5* 3；4*3）P=parafac_als(X,2);CP分解的原理：CP分解的求解首先要确定分解的秩1张量的个数，由张量的秩Rank...
2019-05-22 14:04:36
6289
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人