星河梦~的博客

JS与TS特殊运算符

Echarts图表基础配置；Echarts图表数据分段（x轴，y轴分段）展示不同的颜色在一条折线上展示两部分数据

Vue-property-decorator简介vue-class-component 是官方推出的vue对typescript支持的装饰器(库)，可以将Vue中的组件用类的方式编写。vue-property-decoretor即vue属性装饰器，这个库完全依赖于vue-class-component。在vue中使用typescript，通过装饰器来简化书写。在使用前需要进行安装：npm i -S vue-property-decorator属性@Component声明组件@Componen

React与Vue的相同点（1）都支持服务器渲染；（2）都是数据驱动视图；在以前，我们需要频繁操作DOM实现页面效果。而Vue和React就隐藏了DOM的频繁操作，采用数据驱动视图的方式，只需要关注数据的变化。（3）都遵循组件化思想；React和Vue都遵循组件化思想，它们把注意力放在UI层，将页面分成一一些细块，也就是组件，组件之间组合嵌套就形成最后的网页界面。（4）都使用虚拟DOM；（5）都有状态管理；react有redux，vue有vuex。不同点（1）框架本质不同；Vue本质是

Vue 最独特的特性之一，是其非侵入性（不用调用Vue的api来实现数据更新）的响应式系统。响应式：即数据改变，对应的视图也会改变。响应式原理：采用数据劫持结合发布-订阅模式的方式，通过Object-defineProperty()来劫持data里面各个属性的setter和getter，在数据变动的时候，发布消息给订阅者，触发相应的监听回调。Object.defineProperty()可以直接在一个对象上定义一个新的属性，或者修改一个对象的现有属性，并返回此对象。还可以设置一些额外隐藏的属性（例如是

MVC框架MVC框架即Model View Controller，是模型Model-视图View-控制器Controller的缩写。Model：模型，是应用程序中用于处理数据逻辑的部分，通常模型对象负责在数据库中存取数据。View：视图，用户界面显示，通常视图是根据模型数据创建的。controller：控制器，数据模型和视图之间通信的桥梁。控制器负责从视图读取数据，控制用户输入，并向模型发送数据。MVC思想：Controller负责将Model的数据用View显示出来。MVC优点：耦合

目录HTTP协议基础知识Http版本Http1.0Http1.1Http2.0HTTP协议基础知识HTTP协议是超文本传输协议的缩写，是用于从万维网传输超文本到浏览器的传输协议。HTTP基于TCP/IP通信协议来传递数据（HTML文件，图片文件、查询结果等）。它不涉及数据包（packet）传输，主要规定了客户端和服务器之间的通信格式，默认使用80端口。1、特点：（1）无连接：无连接是指限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。这种方式可以节省传输时间。

目录跨域前言为什么要跨域跨域的方式跨域资源共享（CORS）通过JSONP跨域跨域前言同源和跨域的相关知识，在这里就不多说了。了解请点击：同源与跨域策略简单来说：浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。为什么要跨域在同源策略的限制下，是不能向工作在不同源的服务请求数据的。但是为了保护网页的安全性，不能把不同源的域名都拒之门外。这就需要跨域，来实现跨域访问的需求。在前后端分离的模式下，前后端的域名是不一致的，此时就会发生跨域访问问题。跨域问题是针对JS

常见的排序算法

在上一篇文章 this指向 中，我们已经知道了this的显示绑定方法(call，apply，bind)。现在，我们来看一下这几种方法的区别以及如何使用原生代码实现这些方法的功能吧。区别call()，apply()，bind()都能用于改变this指向。（1）call()与apply()的区别：call：用法为.call(obj,arg1,arg2,…)，call的第一个参数绑定this，其余的参数是传递给调用call方法的函数的参数。apply：用法为.apply(obj,[arg1,ar

this指向this是js的关键字之一，它是对象自动生成的一个内部对象，只能在对象内部使用。随着使用场合的不同，this代表的值会发生变化，它并不是不变的。this绑定机制this指向取决于它在什么地方以什么方式调用，它有4种绑定机制：默认绑定，隐式绑定，显示绑定，new绑定。默认绑定函数调用时函数前面没有指定任何对象，这时this指向的是全局的对象window.注意：在严格模式下，全局对象就不能使用默认绑定了，此时的this会报undefined错误。function fn(){ /

目录Vuex引言什么是VuexVuex原理用法Vuex引言当我们的应用遇到多个组件需要共享状态时，会需要多个组件依赖于同一状态或者是来自不同视图的行为需要变更同一状态。以前的解决办法：将数据以及操作数据的行为都定义在父组件，然后再将数据以及操作数据的行为传递给需要的各个子组件（可能需要多级传递）传参的方法对于多层嵌套的组件将会非常繁琐，并且不能进行兄弟组件间的状态传递。对于非父子组件之间的通信（父——子-子、兄弟组件），如果要进行通信，还是很麻烦的。此时使用Vuex，就可以轻松进行组件间通信。

目录ReduxRedux简介工作流程例子React-ReduxReact-Redux简介例子ReduxRedux简介Reudx是一款JavaScript状态管理容器，除了和React配合使用，还可以配合JS、Vue使用。工作流程Redux采用的是一种发布-订阅的模式。有一个公共仓库store，这个仓库里面存储了整个应用的状态。当React组件要改变状态的时候，首先会生成一个action，然后通过dispatch函数将aciton派发给store。store会将原来的状态state和acti

目录布局方式浮动绝对定位flex布局table布局Grid网格布局布局方式实现效果：浮动两栏布局html代码：<div class='wrap'> <div class='left'>左侧</div> <div class='right'>右侧</div></div>css代码：/* 公共部分 */body,html,.wrap{ height: 100%; padding:

Git的四个区，五种状态Git常用指令

目录优化原则非核心代码异步加载的方式异步加载的区别利用浏览器缓存强缓存协商缓存缓存的机制减少DNS的查找DNS预解析AJAX优化Cookie优化其他方法优化原则非核心代码异步加载的方式异步加载的三种方式：async和defer、动态脚本创建。（1）async方式<script type="text/javascript" src="xxx.js" async="async"></script>async属性是HTML5新增属性，需要Chrome、FireFox、IE9

目录Vue中路由跳转的方式router-linkthis.$routerthis.$route路由重定向动态路由嵌套路由路由导航的两种方式Vue中路由跳转的方式router-link是实现跳转最简单的方法，又叫做标签式导航。<router-link to='需要跳转到的页面的路径'>文本<router-link>浏览器在解析时，将它解析成一个类似于 的标签。（1）不带参数<router-link :to="{name:'home'}"><router

前端路由与后端路由路由路由（routing）：指从源到目的地时，决定端到端路径的决策过程。路由分为两大类：前端路由和后端路由。后端路由后端路由是指：请求方式，请求地址与function处理函数之间的对应关系。例如在node.jszhong ,express路由的基本用法如下：const express=require('express');const router=express.Router()router.get('/login',function(req,res){ 路由的处理函数

ref引用ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，引用指向的就是DOM元素；如果用在子组件上，引用就指向组件实例。（可用于访问子组件实例或子元素）<p ref='p'>hello</p><child-component ref='child'></child-component>当v-for用于元素或组件的时候，引用的信息将是包含DOM节点或组件实例的数组。注意：因为ref

每个Vue实例在被创建之前都要经过一系列的初始化过程，这个过程就是Vue生命周期。Vue官网上对于生命周期的图片描述：（1）beforeCreate：在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。（2）created：实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。（3）before