- 博客(32)
- 收藏
- 关注
RSS订阅原创 SEO是如何优化的
What is SEO ？SEO英文单词叫 ‘’ 搜索引擎优化‘’。所以顾名思义，那么它呢是根据网页内容和结构来决定某关键字下的网页搜索排名。Optimize the scene（场景）：对 meta标签 的优化，主要包括主题（Title)，网站描述(Description)。还有一些其它的隐藏文字比如Author、Category、Language（编码语言）等。符合W3C规范的语义性标签的使用。Optimization function（作用）：对搜索的关键词进行分析和选择。首先要给网站
2021-05-06 21:34:31
465
原创 vue的双向绑定实现原理
vue2 主要使用了Object.defineProperty() 方法，来对数据进行劫持，数据发生改变之时，通知订阅者，监听每个属性回调执行渲染；Object.defineProperty() 定义新属性或修改原有的属性，返回一个对象；该方法中的参数说明：Object.defineProperty(obj, prop, descriptor)//obj 此对象名称//prop 需定义或修改的属性的名字//PropertyDescription 对属性的描述操作流程：observ
2021-05-06 01:20:30
160
原创 vuex的核心概念和运行机制
vuex是什么？vuex是为Vue提供的一种采用集中式状态管理模式机制。借鉴了 Flux (opens new window)、Redux (opens new window)和 The Elm Architecture (opens new window)。与其他模式不同的是，Vuex 是专门为 Vue.js 设计的状态管理库，以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。vuex的核心-五部分组成:state : 储存数据的仓库，同时也是一个对象。mutations : 主要
2021-05-06 00:10:02
305
原创 axios配置
介绍Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios的一些特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF安装npm install axios -S并在src下新建http文件夹，在http下新建一个index.js文件axios创建实例const
2021-05-05 21:17:06
130
原创 v-if与v-show的区别
条件为真时v-show与v-if无区别；条件为假时v-if 不再创建元素;v-show当前元素原本就存在，只是通过了display这个属性改变其中的属性值block改为了none给隐藏了，用户在页面上是看不到的。性能方面的区别:v-if 有更高的切换消耗；v-show 有更高的初始渲染消耗两者的使用场景：v-if适合运营条件不大可能改变的情况下；v-show适合频繁切换；...
2021-05-03 22:58:12
156
原创 v-if和v-for之间的优先级区别
当它们处于同一个节点时，v-for的优先级就会比v-if的要高；如图所示:<template> <div class="box" > <ul> <li v-for='item in data2' :key='item.id' v-if="flag" > {{item.name}} </li> &l
2021-05-03 22:56:12
1486
原创 js相关面试题
前端相关面试题文章目录前言一、js事件事件介绍：事件流事件冒泡事件捕获DOM事件流事件处理程序IE事件处理程序跨浏览器的事件处理程序前言一、js事件事件介绍：事件事件是用来实现js和html与之相关的交互，可以用处理程序开预定事件，方便事件处理响应的代码。这种在传统软件工程中被称为观察者模式的模型，支持页面的行为js和页面的外观html和css的与之渲染。事件流事件流是从页面中接收事件的顺序，IE的事件流是事件冒泡；然而，Netscape Communicator 的事件流是事件捕获流。
2021-04-29 21:48:52
169
原创 vue组件传值有哪些？
1：父子组件传值：分析：在父组件内的子组件上绑定一个自定义属性和变量；<list></list>在子组件内2：兄弟组件传值：3：子传父组件传值:4：localStorage传值：5：sessionStorage传值：6：声明全局变量进行传值:7: eventBus(事件总线)传值:8: this.$refs 传值：9：$parent传值：10：$child传值:11: 路由传值：...
2021-04-25 00:47:55
412
原创 vue中全局时间过滤器
方案一:下载 moment 插件，cmd命令为 npm install moment --save在 main.js 引入 moment.js文件import Vue from ‘vue’import moment from 'moment’创建全局过滤器：// 设置全局自定义过滤器 momentVue.filter('moment', function ( value, formatStr = 'YYYY-MM-DD HH:mm:ss') { return mom
2021-04-22 20:02:57
536
原创 vue中的路由导航守卫
1: 全局守卫router.beforeEach((to,from,next)=>{})回调函数中的参数:to：进入到哪个路由去 ;from：从哪个路由离开 ;next: 决定是否展示你要看到的路由页面main.js中设置全局守卫:*在main.js中，有一个路由实例化对象router。在main.js中设置守卫已是全局守卫。方案一:在需要触发跳转的路由内设置meta属性，其属性值可设为pathAuth: true判断to. meta. pathAuth 是否存在。
2021-04-21 00:59:17
274
原创 vue中的事件修饰符有哪些
1. 事件绑定我们通过 v-on/@:(+事件名).(+事件修饰符)=“函数事件名(参数可传/不传)”<p @click.stop="cookie"></p><p v-on:click.stop="cookie($event,1)"></p>2. 事件修饰符事件事件执行描述.stop阻止事件冒泡.prevent阻止浏览器默认事件.capture事件捕获.once事件只触发一次.self只执行自
2021-04-16 00:41:10
544
原创 vue执行的生命周期函数
1. 生命周期：Vue是一个构造函数，当执行执行这个函数时，相当于初始化vue实例；在创建实例过程中需要设置数据监听，编译模板，将实例挂载到DOM上，数据更新能够让DOM也更新；在这个初始化，又会不同阶段默认调用一些函数执行，这些函数就是生命周期的钩子函数；2. 生命周期钩子函数：生命周期钩子函数，让够让咱们在初始化实例时，添加自己的代码；生命周期的钩子函数中的this，会默认指向vue的实例;3. vue生命周期函数执行：周期函数函数执行描述beforeCreate创
2021-04-16 00:39:16
774
原创 为什么vue组件中的data是一个函数
1. 实例与组件定义data的区别vue实例中的data属性既可以是一个对象，也可以是一个函数，不会造成数据污染。const app = new Vue({ el:"#div", // 对象格式 data:{ title:"title" }, // 函数格式 data(){ return { title:"title" } }区别: 组件中定义data属性，只能是一
2021-04-15 07:57:25
205
原创 了解promise及相关问题
promise是什么？首先，Promise是一个构造函数，有一些自身事件比如 all / reject / resolve等方法。而原型上会有then/catch等方法；同时，Promise也是异步编程的一种解决方案，而从语法上讲，promise它是一个对象，可以获取异步操作在未来事件的消息或者一个结果；其次，Promise会有三种状态 ：pending(等待状态)、fufiled(成功状态)、 rejected(失败)；而且状态一旦改变，就不会在变了，创建promise实例之后，就会立即执行。
2021-04-11 01:55:22
101
原创 http状态码和阐述
1. 阐述http状态码的来源：当我们作为一个浏览者访问网页的时候，浏览器会向网页所在服务器发送请求，当浏览器接收并显示网页前，当前网页所在的服务器将会返回一个包含http状态码得得信息头，从而来响应浏览器的请求。...
2021-04-09 18:27:34
99
原创 js中字符串常用方法
charAt()； 返回指定字符(下标位置)的对应值var str="hello world";var str1=str.charAt(7);console.log(str1); //ocharCodeAt(): 返回指定下标位置的字符的unicode编码,这个返回值是 0 - 65535 之间的整数。var str="hello world";var str1=str.charCodeAt(1);var str2=str.charCodeAt(-2); //NaNconsole..
2021-04-08 00:58:21
138
原创 对restful API的阐述
restful 是 用URL定位资源、用HTTP动词（GET、POST、PUT、DELETE)描述操作RESTful API就是REST风格的API，即rest是一种架构风格，跟编程语言无关，跟平台无关，采用HTTP做传输协议。就是一套协议来规范多种形式的前端和同一个后台的交互方式。rest架构例图：RESTful API由后台也就是SERVER来提供前端来调用。前端调用API向后台发起HTTP请求，后台响应请求将处理结果反馈给前端。也就是说RESTful 是典型的基于HTTP的协议，包含：
2021-04-02 00:36:22
175
1
原创 实现gitee仓库常用的命令
1： 从远程仓库克隆项目到本地。 git clone +项目地址名 2：初始化本地仓库。创建本地仓库;git init 3: 本地仓库与远程仓库关联。git remote add +(仓库名) +(仓库地址)4: 查看仓库名。git remote 查看远程仓库的仓库名,需要加-v 查看仓库名和地址5：更换远程仓库地址。git remote ser-url +仓库名 +仓库地址6：将文件添加至暂存区。git add .7: 讲暂存区中的文件提交至本地仓库。gi
2021-03-31 21:59:13
430
原创 js中对数据类型的判断
其中检测的方法有：typeof、instanceof、constructor、Object.prototype.toString().call()、query.type()。1. typeof检测分析typeof 检测基本类型除了null和undefined以外，都会检测出对应的类型，然而null检测出来的是object , undefined检测出来的只是undefined此外，typeof如果检测引用类型中的function那么返回的类型还是function。用 typeof 检测构
2021-03-30 21:41:34
307
原创 js中对this的理解
总结1：在浏览器中，全局声明下的this指向了window。// 1console.log(this === window); //true//2var name = "Jake";console.log(this.name ); // "Jake"console.log(window.name ); // "Jake"//3 age = 23; function testThis() { age = 18; } console.log(this.age ); // 23
2021-03-30 08:30:41
232
原创 async和await的区别
async:在任何方法前，返回的是一个promise对象，函数内部return值会成为被then回调函数的参数；当函数内部出现错误时，会在then的第二个参数error()或catch捕获到。特点asayc的用法，它作为一个关键字放到函数前面，这样普通函数就变为了异步函数1: 异步async函数调用，跟普通函数的使用方式一样2: 异步async函数返回一个promise对象3: async函数配合await关键字使用(阻塞代码往下执行)4: 是异步方法，但是阻塞式的：await: 只能在asy
2021-03-22 10:35:06
1670
原创 js中数据类型有哪些
#1: 它分为基本数据类型和引用数据类型；#2. 基本数据类型：number、string、null、undefind、boolean、symbol(唯一值)、bigInt;#3. 引用数据类型：Object、Array、date、 regExp、 function;
2021-03-11 19:27:03
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人