- 博客(22)
- 收藏
- 关注
RSS订阅转载 2021-05-21
this关键字普通函数this指向谁调用的函数，函数的this就指向谁，否则指向全局可以通过call apply bind修改函数内部this指向箭头函数this指向箭头函数本身是没有 this，箭头函数 this 是定义箭头函数时父级作用域的 this，也就是说使用箭头函数时，箭头函数内部的 this，我们只需要看定义该箭头函数时，该箭头函数父级的 this 即可于箭头函数自身没有this，所以call、apply、bind对箭头函数是不起作用的事件模型：事件委托、代理事件委托
2021-05-21 01:30:05
107
原创 SEO
seo是什么SEO是英文Search Engine Optimization的缩写，中文译为‘搜索引擎优化’。就是对网站进行技术上的操作，使得该网站对应的关键词在搜索引擎上的自然排名尽量靠前。简单理解：它是网络推广的一种形式，简单来说就是通过seo优化，调整网站内部与网站外部的结构，使得自己的网站能够与搜索引擎更加友好，从而提升网站目标关键词在搜索引擎上的排名。网页代码优化突出重要内容—合理的设计title、description和keywords...
2021-05-06 21:03:25
96
原创 watcher
Watcher 分为三种：Computed Watcher；用户 Watcher (监听器)；渲染 Watcher渲染 Watcher 的创建时机：src/core/instance/lifecycle.js。渲染 watcher 创建的位置： lifecycle.js 的 mountComponent 函数中。Watcher 是没有静态方法的，因为 $watch 方法中要使用 Vue 的实例。创建顺序：计算属性 Watcher、用户 Watcher (监听器)、渲染 WatcherWatch
2021-05-06 08:22:06
221
1
原创 compile
compile 的主要作用就是，根据 template 模板，生成 render 函数那么到这里，整个流程就走完了，因为 render 已经在这里生成了在上面这个函数中，主要就做了三件事1 获取 template 模板根据你传入的参数，来各种获取 template 模板这里应该都看得懂了，根据DOM，或者根据选择器2 生成 render通过 compileToFunctions ，传入 template就可以生成 render 和 staticRenderFns首先明确两点1、crea
2021-05-06 08:10:23
285
原创 Observer源码
Observer.js源码分析分析源码之前先要知道observer是什么,observer其实就是充当着一个订阅者模式,当对象状态发生改变时会通知观察者,模式适用于根据对象状态进行相应处理的场景。. Observer 并非主动观察，而是被动观察，通常情况下：. 一个Model对应多个View，这里也是使用Observer设计模式最多的地方....
2021-05-06 07:54:56
118
原创 mvvm.js源码
mvvm.js源码想要深入了解mvvm,必须先知道mvvm是什么,总所周知,mvvm是由Model(后端传递的数据),view(我们所看到的页面组成),ViewModel(它是链接View和Model的桥梁)三部分组成,那么你知道他的代码是怎么构成的吗接下来带你深入了解function MVVM(options) { //给实例新增一个$options属性,.并且把传递过来的配置进行暂存 this.$options = options; //在实例上新增一个_data 保存传
2021-05-06 07:48:07
110
原创 小米商城总结
项目架构使用到vue框架ElementUI技术栈vue组件化开发proxy跨域API封装路由鉴权VUEX首先处理跨域问题创建一个vue.config.js文件，配置一下proxy开发环境配置main.js文件API封装路由鉴权在router.js中完成拦截全局组件1.注册全局组件2.全局组件内布局+渲染<template> <!-- 商品列表组件 --> <div> <ul>
2021-05-06 01:00:44
457
1
原创 梦学谷项目总结
API封装import axios from 'axios'axios.defaults.baseURL = "http://mengxuegu.com:9999/pro-api/"export default { Member() { return axios({ url: '/member/list', method: 'get' }) }}拦截器的配置//3. 设置请求拦截器配置Server.interceptors.request.use(function(c
2021-05-05 21:42:28
147
原创 后台管理系统项目总结（下）
分类参数<template> <div> <!-- 卡片区域 --> <el-card> <el-alert title="注意：只允许为第三方分类设置相关参数！" type="warning" show-icon :closable="false"></el-alert> <!-- 选择商品分类 --> <el-row> <el-c
2021-05-05 21:26:58
191
原创 后台管理系统项目总结（上）
项目架构使用到vue框架ElementUI技术栈vue组件化开发proxy跨域API封装路由鉴权VUEX首先处理跨域问题创建一个vue.config.js文件，配置一下proxy开发环境//处理跨域module.exports = { publicPath: "./", devServer: { open: true, proxy: { '': { target: "ht
2021-05-05 21:17:51
1196
原创 vue面试题（二）
VUE核心概念vuex其实就是一个重新封装的new Vue 对象，他的动态响应数据就是data属性，而commit这些方法，都只是回调vuex的构成state:提供一个响应式数据；Getter:借助Vue的计算属性computed来实现缓存；Mutation:更改state方法；Action:触发mutation 方法；Module:Vue.set 动态添加state 到响应式数据中；Vuex的映射：state（数据）、getters（计算属性）需要映射在computed实例
2021-05-05 19:46:06
120
1
原创 vue面试题（一）
vue面试题一、MVVMMVVM是Model-View-ViewModel的简写低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。独立开发。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计，使用Expression Ble
2021-04-29 08:00:00
183
原创 vue组件传值的方法
vue组件传值的方法父传子父组件首先在父组件定义好数据，将子组件导入到父组件中。父组件在调用子组件的地方使用v-bind指令定义一个属性，并传值在该属性中<div class="parentOne"> <children-item :content="item" v-for="item in list" :key="item.id" > </children-item></div> <children
2021-04-25 02:03:05
199
原创 v-for为什么要使用key
vue 之前的版本没有限制 v-for 中配置 key 现在需要配置不然会报错为什么 必须使用key因为vue组件高度复用，增加Key可以标识组件的唯一性，key的作用主要是为了高效的更新虚拟DOMkey的作用主要是为了高效的更新虚拟DOM。另外vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们，否则vue只会替换其内部属性而不会触发过渡效果。...
2021-04-20 08:10:44
200
1
原创 keep-alive
keep-alive是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。当然keep-alive不仅仅是能够保存页面/组件的状态这么简单，它还可以避免组件反复创建和渲染，有效提升系统性能。总的来说，keep-alive用于保存组件的渲染状态。keep-alive用法//在动态组件中的应用<keep-alive :include="whiteList" :exclude="blackList" .
2021-04-18 21:21:08
69
原创 css精灵图（雪碧图）
css精灵图（雪碧图）雪碧图被运用在众多使用了很多小图标的网站上。相对于把每张小图标以.png格式文件的形式引用到页面上，使用雪碧图只需要引用一张图片，对内存和带宽更加友好。使用雪碧图的优点有以下几点：将多张图片合并到一张图片中，可以减小图片的总大小将多张图片合并到一张图片后，只需一次网络请求就可以将所需的资源全部下载，减小建立连接的消耗，在移动端尤为明显示例html样式1.我们用p标签做为雪碧图的容器2.给p标签设置css样式通过background-position调试精灵图中想
2021-04-12 23:44:04
179
原创 DOM事件流
DOM事件流事件流就是文档或浏览器窗口中发生的一些特定的交互瞬间，事件流描述的是从页面中接收事件的顺序Event对象event对象，当事件发生的时候触发的某个函数，那么就会产生event对象，该event对象将自动在函数内可用，该对象包含了很多事件触发时候的信息。事件注册在DOM模型中，通过调用对象的addEventListener()方法注册事件element.addEventListener(String type,Function listener,boolean useCapture
2021-04-08 19:48:53
148
4
原创 跨域
跨域1.什么是跨域跨域：指的是浏览器不能执行其他往下站的脚本。他是由浏览器的同源策略造成的，是浏览器对javaScript的安全限制比如：a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。同源策略：是指协议，域名，端口都要相同，其中有一个不同都会产生跨域；...
2021-04-08 15:23:12
79
原创 get和post区别
get和post区别1.数据传输方式不同GET请求通过url传输数据POST数据传输通过请求体传输2.安全性不同POSTpost数据因为在请求主体内，所以有一定的安全性保证GETget数据在url中，通过历史记录，缓存很容易查到数据信息3.过程不同get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTMLHEADER内一起传送到ACTI
2021-04-08 11:27:50
247
1
原创 HTTP和HTTPS协议
HTTP和HTTPS协议1.什么是协议？网络协议是计算机之间为了实现网络通信而达成的一种“约定”或者”规则“，有了这种”约定“，不同厂商的生产设备，以及不同操作系统组成的计算机之间，就可以实现通信。2.HTTP协议是什么？HTTP协议是超文本传输协议的缩写，英文是Hyper Text Transfer Protocol。它是从WEB服务器传输超文本标记语言(HTML)到本地浏览器的传送协议。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。HTPP有多个版本，目前广泛使用的是HTTP
2021-04-07 07:47:49
94
原创 关于JS中target属性
关于JS中target属性的使用首先先介绍一下target这个属性——触发事件的元素定义和语法//定义target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素//语法event.target小结：event.target可以理解为我们当下操作的这个对象，我们通过点击、键盘事件、change等等操作来触发target(理解深度不够 以后会继续完善)可以不使用for()循环或者数组forEach()去判断我点击或者我需要找的是哪个元素，直接使用target点击就可获取
2021-04-01 01:16:32
16826
6
原创 常用数组方法
常用数组方法push()方法push() 方法，用于将一个新元素添加到数组中的最后，并返回新的数组长度。//语法arrayObject.push(newelement1,newelement2,...,newelementX)//示例var names = ["令狐冲", "任盈盈", "岳不群", "林平之", "任我行", "东方不败"];console.log("原数组：", names);// 向数组中添加一个元素names.push("IvenEric");console.l
2021-03-31 07:50:40
1678
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人