avatar
fireworks99
keep hungry keep foolish
Vue Router

路由的两种方式

  1. Hash:location.hash = 'about',形如file:///Users/.../202303311041.html#foo
  2. HTML5 History API:
    • history.pushState({}, '', "about") (可返回)
    • history.replaceState({}, '', about);不可返回
    • history.go(num)
Read more -->
Vue Vuex

需求:一个计数器组件,要渲染三次,这个计数器组件展示count变量,添加一个按钮,点击这个按钮一次,三个计数器都++。

Read more -->
Vue High order component

高阶组件

你原本有一个组件,你可以通过另外一个组件进行包裹,这个新的组件既具有原来组件的功能,又可以添加自己的功能,这种方式成为高阶组件。

Read more -->
Vue Render Function

1.渲染过程

Template => Render Function => Virtual DOM => Actual DOM

Read more -->
Vue Plugin

1.插件简介

插件本质是一个普通函数,第一个参数是Vue,第二个参数是可选参数叫options

function (Vue, options) {
  //...插件代码
}
Read more -->
Mini Data Observer

响应性的实现

Angular:脏值检测

Vue:依赖跟踪

Read more -->
JavaScript Global Object

JavaScript Global Objects

全局对象,是指存在于全局作用域中的对象。

狭义上的全局对象是指唯一核心全局对象

广义上的全局对象包括唯一核心全局对象的成员:标准内置对象

Read more -->
同一局域网下两主机通信

我有两台主机A与B,他俩连接了同一个网络,我在B主机上开启了一个本地服务,比如说localhost:5500/index.html,两主机屏幕尺寸不一样,所以想在A主机上看看该网页样式怎么样,故查出B主机的内网IP(10.2.205.108),在A主机浏览器中输入10.2.205.108:5500/index.html,即可访问。

部分原理如下:

Read more -->
window.postMessage

window.postMessage()方法可以安全地实现跨域通信

何为跨域

同源:如果两个URL的协议(protocol,如ftp、http)、主机(host,如blog.csdn.net)、端口号(port,如80、5500)三者都相同,那么这两个URL是同源。否则两者的通信需要跨域。

值得注意的是,域(domain)、源(origin)两者不是一回儿事,比如https://blog.csdn.net,其域document.domaincsdn.net,而其源之主机window.location.hostblog.csdn.net

Read more -->
Vue filters

过滤器的作用:格式化数据。(不修改原数据,只是对数据进行加工,并返回加工后的数据)

Read more -->
Site by Baole Zhao | Powered by Hexo | theme PreciousJoy