- 博客(21)
- 收藏
- 关注
RSS订阅原创 闭包和它解决的问题
1、 什么是闭包闭包通常来讲就是函数外部可以调用函数内部的变量，一般来讲函数外部是访问不到函数内部的作用域变量的。作用域变量又分为：全局作用域变量，块级作用域变量，函数作用域变量。2、 如何判断是否是闭包函数嵌套函数 内部函数被return 内部函数调用外层函数的局部变量3、 优点/缺点优点：可以隔离作用域，不造成全局污染 缺点：由于闭包长期驻留内存，则长期这样会导致内存泄露4、 如何解决内存泄露将暴露外部的闭包变量置为null...
2022-05-13 16:04:56
568
原创 按钮级别的权限
通过directives(vue自定义指令)来控制按钮的权限首先store/index.js里定义好参数 创建一个directive/has.js自定义指令文件 在组件中引用，并且传参store/index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { buttonPermission: { add: tr
2022-05-13 14:33:24
599
原创 谈一下关于this指向的问题
一、 this的默认绑定1.web全局环境下的this指向windowconsole.log(this) //window2. 函数独立调用非严格模式下，函数内部的this指向windowfunction fn(){ console.log(this)}fn() //windowwindow.fn()严格模式下，为undefinedfunction fn(){ console.log(this)}fn() //undefined3
2022-05-11 08:24:51
173
原创 常见的跨域方式
1.jsonp 跨域jsonp实现跨域 主要是利用了动态创建script标签请求后端接口地址 传递callback参数后端接收到callback 经过数据处理 返回的callback函数的调用形式。callback中的参数就是json2.代理方式我们在vue项目中 会用哪个vue.config.js里面配置一个proxy，里面有一个target属性指向跨域链接。修改完成之后重启项目就好了原理是就是启动了一个代理服务器 这个代理服务器绕过了同源策略。请求的时候通过代理服务器获取数据在传给浏
2022-05-11 08:24:26
406
原创 Router的传参方式
1.router-link1.不带参数<router-link :to="{path:'/home'}" />2.带参数//路由里面配置path:"/home/:id" 或者 path:"/home:id"//html取参 $route.params.id//script 取参 this.$route.params.id <router-link :to="{name:'home',params:{id:1}}" />2.this.$router.push()
2022-05-11 08:23:39
6776
原创 new 操作符具体是干什么的
通过构造函数实例化对象的1.创建一个空对象let obj=new Object()2.链接到原型把obj的proto指向构造函数 Func的原型对象 建立obj对象的原型链obj._proto_=Func.prototype3.绑定this值let result = Func.call(obj);4.返回新对象...
2022-05-11 08:23:07
52
原创 url输入到地址栏后发生了什么
DOM树构建了一个样式表，组合成一颗render树，页面经过重绘（重塑）和回流的过程。过程DNS解析 TCP链接 发送HTTP请求 服务器处理请求并返回需要的数据 浏览器解析并渲染页面 连接结束总体流程输入了一个域名，域名通过DNS解析找到这个域名对应的服务器地址(ip)，通过TCP请求链接服务，通过WEB服务器(apache)返回数据，浏览器根据返回的数据构建DOM树，再把css形成一个样式表，把这两个东西结合，变成了render树，页面上通过重绘和回流的过程，渲染出页面来...
2022-05-11 08:17:38
72
原创 行内元素和块级元素
1. 行内元素行内元素又称内联元素（inline block）。在浏览器中可以与其它行内元素共占一行，只有当多个元素的总宽度大于浏览器的宽度时，才会换行显示。常见的行内元素如下表：行内元素 说明 a 超链接 span 常用行级 strong 加粗，强调 b 加粗，不强调 em 斜体，强调 i 斜体，不强调 img 图片 input 输入框 select 下拉列表 1. 块级元素块级元素（bl.
2022-05-11 08:16:17
84
原创 关于浏览器的几个问题
一、浏览器的存储方式cookie，sessionStorage，localStorage二、浏览器的缓存策略在前端开发中 我们主要追求的是极致的运行速度和极强的用户体验感。而在浏览器中能影响浏览器运行速度的是url请求。而为了更快的运行 我们除了做一些按需加载之外。还可以用到浏览器的缓存策略什么是缓存对于web缓存。主要是针对一些 （后端返回的数据，图片路径）之类的东西.当我们在请求过这个页面的数据的时候，这时候浏览器会将我们访问过的数据缓存起来。当我们下次在到这个页面的时候。浏览
2022-05-10 11:06:49
140
原创 回流跟重绘
一、 什么是重绘和回流在 html 中，每个元素都可以理解成一个盒子，在浏览器解析过程中，会涉及到回流和重绘： 回流：布局引擎会根据各种样式计算每个盒子在页面上的大小与位置 重绘：当计算好盒子模型的位置、大小及其其他属性后，浏览器根据每个盒子特性进行绘制具体的浏览器解析渲染机制如下所示：具体的浏览器解析渲染机制如下所示： 解析HTML，生成DOM树，解析CSS，生成CSSOM树 将DOM树和CSSOM树结合，生成渲染树(Render Tree) Layou..
2022-05-10 11:04:33
326
原创 cookie，localStorage，sessionStorage的区别
cookie可以设置失效时间，但没有自己的存取的方法，需要自己分装，每次请求时跟随请求发送。而 localStorage 和 sessStorage 可以有自己存取的方法例如：setItem()，getItem()，removeInem()，clear()，如：localStorage.setItem('属性'，值)三者的异同特性 Cookie localStorage sessionStorage 数据的生命期 一般由服务器生成，可设置失效时间。如果在浏览器端.
2022-05-10 11:01:47
61
原创 总结一下，我在面试中遇到的关于vue的问题
一、 vue2的双向数据绑定原理vue2双向绑定的核心只要是利用ES5中的Object.defineProperty实现的，然后利用里面的getter和setter来实现双向数据绑定的二、vue2的生命周期vue的生命周期即为一个组件从出生到死亡的一个完整周期，主要包括以下4个阶段：创建，挂载，更新，销毁beforeCreate( 创建前 )在实例化之后，数据的观测和事件的配置之前的时候调用，此时组件的选项对象还未创建，el 和 data 并未初始化，因此无法访问methods， d
2022-05-10 10:50:17
780
原创 ajax的原理
ajax是一种异步通信技术Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做,只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求.先创建 XHR对象 （XMLHttpRequest（））然后 open准备发送 open(提交方式get/post等，接口地址，同步/异步)之后 send发送通过onreadystatechange监听回调函数 可以.
2022-05-10 10:48:10
124
原创 谈谈我对seo搜索优化的了解
搜索引擎优化，又称为SEO，即Search Engine Optimization，它是一种通过分析搜索引擎的排名规律，了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术。搜索引擎采用易于被搜索引用的手段，对网站进行有针对性的优化，提高网站在搜索引擎中的自然排名，吸引更多的用户访问网站，提高网站的访问量，提高网站的销售能力和宣传能力，从而提升网站的品牌效应。SEO的优化原理很简单，这就像我们在比赛中，你要让投票者给你更多的选票。那么，你需要先「自我优化」，无论是
2022-05-10 08:02:19
121
原创 浅谈一下，我对Promise的理解
一、Promise 的含义Promise 是异步编程的一种解决方案，比传统的解决方案—回调函数和事件—更合理和更强大，ES6将其写进了标准语言，统一了用法，提供了原生Promise对象。Promise，简单来说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果，从语法上来讲，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一API，各种异步操作都可以用同样的方法进行处理。Promise 对象有以下两个特点对象的状态不受外界影响。Promi
2022-05-10 00:00:00
879
原创 谈谈我在面试中遇到的javascript中常见的几个问题
一、js的数据类型有哪些1、基本类型：Boolean（布尔类型），String(字符串类型)，Number（数字类型），Null，Undefined，Bigint还有一个es6新增的Symbol。2、引用类型：Object（对象）,Function（函数），Array（数组）二、js的内存存储的方式1、栈内存：引擎执行代码时工作的内存空间，除了引擎，也用来保存基本类型数据和引用数据类型的地址2、堆内存：用来保存一组无序且唯一的引用类型值。可以使用栈中的键名来获取基本数据类型放
2022-05-08 15:42:11
416
原创 关于React的父子通信
父组件向子组件传值，通过`props`，将父组件的`state`传递给了子组件。父组件代码：```import React, { Component } from "react";import Child from './Child' //引入子组件export class App extends Component {//定义数据 state = { txt: '狒狒', } render () { return <div> //渲染子...
2022-04-23 17:43:30
1278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人