![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 57
절차 원숭이
欢迎访问我的博客
展开
-
echarts——各个配置项详细说明总结
1、图表标题title: { x: 'left', // 水平安放位置,默认为左对齐,可选为: // 'center' ¦ 'left' ¦ 'right' // ¦ {number}(x坐标,单位px) y: 'top', // 垂直安放位置,默认为全图顶端,可选为:原创 2021-09-17 16:14:08 · 272 阅读 · 0 评论 -
前端面试题
1、this指向在全局中this指向window在函数中this谁调用指向谁构造函数中this指向new出来的实例本身我们可以通过 call、apply、bind来修改this的指向,但是在箭头函数中this永远指向父级的上下文,无法通过call、apply、bind来修改它的this指向2、事件模型:事件委托、代理、如何让事件先冒泡后捕获事件委托: 事件委托,又名事件代理。事件委托就是利用事件冒泡,就是把子元素的事件都绑定到父元素上。好处: 提高性能,减少了事件绑定,从而减少内存占用如原创 2021-05-20 21:50:33 · 132 阅读 · 0 评论 -
浏览器搜索引擎的SEO
一、什么是SEOSEO是浏览器的搜索引擎优化二、为什么要使用SEO例如:在百度搜索中都是花钱提高百度中被搜索到得几率,SEO是不花一分钱提高被搜索到的几率三、SEO的使用方法keywords它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类,从而增加了网页的被搜索效率语法:<meta name="keywords" content="关键1 ,关键2.。。关键n"/>建议及注意:关键字最好是8个,而且每个关键字最好是不一样的切有关联如果没原创 2021-05-06 21:23:05 · 373 阅读 · 0 评论 -
Vue简版源码Compile
function Compile(el, vm) { // 保存vm this.$vm = vm; // 保存el元素 this.$el = this.isElementNode(el) ? el : document.querySelector(el); // 如果el元素存在 if (this.$el) { // 1. 取出el中所有子节点, 封装在一个framgment对象中 this.$fragment = this.node2Fragment(this.$e原创 2021-05-06 07:35:55 · 103 阅读 · 0 评论 -
Vue简版源码Watcher
function Watcher(vm, exp, cb) { this.cb = cb; //用于更新页面的回调函数 this.vm = vm; //MVVM的实例 this.exp = exp; //表达式 this.depIds = {}; this.value = this.get();}Watcher.prototype = { update: function () { //如果是同步那就立刻执行回调 this.run(); }, run:原创 2021-05-06 07:29:03 · 86 阅读 · 0 评论 -
Vue源码Observer
function Observer(data) { // 保存data对象 this.data = data; this.walk(data);}Observer.prototype = { walk: function(data) { var me = this; // 遍历data中所有属性 Object.keys(data).forEach(function(key) { // 针对指定属性进转载 2021-05-06 07:31:08 · 71 阅读 · 0 评论 -
Vue简版源码MVVM
/*相关于Vue的构造函数 */function MVVM(options) { // 将选项对象保存到vm this.$options = options; // 将data对象保存到vm和datq变量中 var data = this._data = this.$options.data; //将vm保存在me变量中 var me = this; // 遍历data中所有属性 Object.keys(data).forEach(function (key) { //转载 2021-05-04 16:33:02 · 115 阅读 · 0 评论 -
v-for循环中key值的作用
vue中v-for中key值的作用当Vue用 v-for 正在更新已渲染过的元素列表是,它默认用“就地复用”策略。如果数据项的顺序被改变,Vue将不是移动DOM元素来匹配数据项的改变,而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。要解释key的作用,不得不先介绍一下虚拟DOM的Diff算法了。vue的虚拟DOM的Diff算法,其核心是基于两个简单的假设:两个相同的组件产生类似的DOM结构,不同的组件产生不同的DOM结构。同一层级的一组节点,他们可以通过唯一的id进行区原创 2021-05-03 20:37:23 · 320 阅读 · 2 评论 -
v-if和v-for的优先级
首先:v-if和v-for是开发中经常会遇到的2个指令,那么在使用的过程中,2者如果同时存在同一个标签上,谁的优先级会更高一点呢?原创 2021-05-03 20:19:20 · 140 阅读 · 0 评论 -
vue组件通信详解
常用的组件通信1、父组件向子组件传值1)在父组件的子组件标签上绑定一个属性,挂载要传输的变量(2)在子组件中通过props来接受数据,props可以是数组也可以是对象,接受的数据可以直接使用 props:[“属性 名”] props:{属性名:数据类型}2、子组件向父组件传值1)在父组件的子组件标签上自定义一个事件,然后调用需要的方法(2)在子组件的方法中通过 this.$emit(“事件”)来触发在父组件中定义的事件,数据是以参数的形式进行传递的3、兄弟组件之间传值(1)在src中原创 2021-04-25 07:42:32 · 448 阅读 · 0 评论 -
GET和POST的区别
get 和 post是HTTP中请求数据的方法;application json 与form表单是HTTP中传输文件的类型,所以要了解其中的区别,要先了解HTTP 协议格式 和 HTTP Header请求报文、响应报文我们发送的http请求,浏览器都会整理成请求报文,发送到服务器。服务器响应的数据,浏览器会以响应报文的形式接受。HTTP请求报文:个HTTP请求报文由四个部分组成:请求行、请求头部、请求空行、请求数据。HTTP响应报文:同样的,HTTP响应报文也由四部分组成:响应行、响应头、响应原创 2021-04-20 21:56:04 · 95 阅读 · 0 评论 -
Vue中keep-alive的深入理解和使用
什么是keep-alive?keep-alive是Vue提供给我们一个内置组件,他可以用来保存我们路由切换时组件的状态组件使用keep-alive以后会新增两个生命周期 actived() deactived(),我们在切换路由的时候,想保存组件的状态,比如列表页面进入详情,我们想保存列表滚动的位置,我们就可以使用keep-alive保存列表页面的滚动位置。简单理解当我们从首页–>列表页–>商详页–>返回到列表页(需要缓存)–>返回到首页(需要缓存)–>再次进入列表原创 2021-04-18 16:33:50 · 221 阅读 · 0 评论 -
vue生命周期共有几个?分别在什么时候使用?
beforeCreate( 创建前 )beforeCreate() 创建前的阶段,这个时候data中的数据,还未定义,所以不能使用created() 最早开始使用 data和methods中数据的钩子函数created ( 创建后 )实例已经创建完成之后被调用,在这一步,实例已完成以下配置:数据观测、属性和方法的运算,watch/event事件回调,完成了data 数据的初始化,el没有。 然而,挂在阶段还没有开始, $el属性目前不可见,这是一个常用的生命周期,因为你可以调用methods中的方法原创 2021-04-14 21:33:01 · 979 阅读 · 0 评论 -
vue.js常用指令及用法
v-ifv-if指令可以完全根据表达式的值在DOM中生成或移除一个元素。如果v-if表达式赋值为false,那么对应的元素就会从DOM中移除;否则,对应元素的一个克隆将被重新插入DOM中<template> <div id="app"> <h1>Title</h1> <p>paragraph 1</p> <p>paragraph 2</p>原创 2021-04-12 21:35:53 · 154 阅读 · 0 评论 -
JS常用事件及触发方法
onclick点击事件 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />原创 2021-04-11 20:15:23 · 490 阅读 · 0 评论 -
从输入url到页面加载完成发生了什么
1、浏览器的地址栏输入URL并按下回车。我们常见的URL是这样的:http://www.baidu.com,这个域名由三部分组成:协议名、域名、端口号,这里端口是默认所以隐藏。除此之外URL还会包含一些路径、查询和其他片段,例如:http://www.tuicool.com/search?kw=%E4%。我们最常见的的协议是HTTP协议,除此之外还有加密的HTTPS协议、FTP协议、FILe协议等等。URL的中间部分为域名或者是IP,之后就是端口号了。通常端口号不常见是因为大部分的都是使用默认端口,如HT原创 2021-04-08 21:22:48 · 282 阅读 · 0 评论 -
浅谈跨域
什么是跨域?跨域,是浏览器不能执行其他网站的脚本。是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。同源策略限制了一下行为:Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 JS 对象无法获取Ajax请求发送不出去场景同源策略同源策略 是由NetScape(网景公司)提出的一个著名的安全策略,它是浏览器最核心也最基本的安 全功能所谓的同源,指的是协议,域名,端口相同。浏览器处于安全方面的考虑,只允许本域 名下的接口交互,不同源的客户端原创 2021-04-05 15:51:26 · 1962 阅读 · 8 评论 -
字符串的常用方法
字符串的方法字符串的查找charAt()功能:查找字符串中指定位置的字符;语法:str.charAt(index);参数:index表示位置(下标)返回值:对应位置的字符;indexOf()功能:查找目标值在字符串中的位置(从前往后找)语法:str.indexOf(target,index);参数:target:查找目标值 ,index:开始查找的位置说明:index可以省略,如果省略默认从下标0开始找返回值:找到返回下标,找不到返回-1lastIndexOf()功能:查找目原创 2021-04-01 21:52:58 · 198 阅读 · 0 评论 -
数组常用方法
数组的添加方法1.向数组的末尾添加:push;语法:arr.push(val1,val2,val3,…)功能:向数组的末尾添加一个或多个值返回值:push方法的返回值是新数组的长度;说明:这个方法会改变原数组;2.向数组的头部添加:unshift语法:arr.unshift(val1,val2…)功能:向数组的头部添加一个或多个值返回值:unshift方法的返回值是新数组的长度;说明:这个方法会改变原数组;数组的删除方法删除最后一项:pop返回值删除数组的第一项shi原创 2021-03-31 19:47:47 · 195 阅读 · 0 评论