shiXiaoJia_a的博客

原创 JavaScript和TypeScript的区别

解释性语言，因此只有在运行时才会发现错误。可以直接在浏览器中使用，不需要编译。弱类型，无法选择静态类型。不支持模块、泛型、接口等。没有庞大的开发人员社区。支持模块、泛型、接口。

原创 vue3的父子传参

对象形式的 props 声明不仅可以一定程度上作为组件的文档，而且如果其他开发者在使用你的组件时传递了错误的类型，也会在浏览器控制台中抛出警告。一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute (关于透传 attribute，我们会在。对于以对象形式声明中的每个属性，key 是 prop 的名称，而值则是该 prop 预期类型的构造函数。选项的值是相同的，两种声明方式背后其实使用的都是 prop 选项。构造函数作为其声明的值。

原创 vue2与vue3的区别

响应式系统的重写 （vue2 Object.defineProperty) (vue3 Proxy)Composition API 组合式api （vue2 OptionsAPI 选项式api）Setup:组件实例化调用，以用来设首组件数据、收集、注册事。更好的 Tree Shaking 支持 （按需引入）ref和reactive:用来声明响应式变量和对象；新增V-once指令，用于只渲染一次元素；

原创 watch和watchEffect的区别

watch。

原创 双向绑定的原理

vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图。

原创 vue父子组件的生命周期顺序

父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted。注意，当父子组件有数据传递时，才有这个更新阶段执行顺序的比较。父beforeDestroy->子peforeDestroy->子destroyed->父destroyed。父peforeUpdate->子beforeUpdate->子updated->父updated。

原创 Vue中的生命周期

5. beforeUpdate:更新之前，页面中的数据是旧的，data里面的数据是最新的。从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！4. mounted:真实的DOM挂载，第一个可以操作DOM元素的生命周期。8. destroyed:销毁之后。

原创 什么是路由？

前端路由对于单⻚面应用程序来说，主要通过URL中的hash ( # 号) 来实现不同⻚面之间的。后端路由对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源。

原创 MVC和MVVM的区别

链接view和model,.承上启下的作用，m是model模型层，对数。Controller调度层，用来接收数据，响应数据，m是model模。视图层，用来展示数据，vm是view-model视图模型层，用来。在MVC中V代表view视图层，用来展示数据，发送请求，c是。型层，用来处理数据，和数据库做交互。MVWM中v代表viw。MVC是后端分层开发的概念，MVVM是前端视图层的概念。

原创 vue的介绍

与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习。虚拟DOM：不再使用原生的dom操作节点，极大解放dom操作。运行速度更快:相比较与react而言，vue存在很大的优势。不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作。轻量级框架：只关注视图层，是一个构建数据的视图集合。视图、数据、结构分离：使数据的更改更为简单。

原创 git 的一些操作

git branch列出所有本地分支git branch -r列出所有远程分支 git branch -a列出所有本地分支和远程分支git branch [branch-name]新建一个分支，但依然停留在当前分支git checkout -b [branch-name]新建一个分支，并切换到该分支git branch --track [branch][remote-branch]新建一个分支，与指定的远程分支建立追踪关系git checkout [branch-name]切换到指定分支，并更新工作区gi

原创 less与sass的区别

Sass基于Ruby，需要安装Ruby。Less和Sass在Ruby中构建相似，但它已被移植到JavaScript中。为了使用LESS，我们可以将适用的JavaScript文件上载到服务器或通过脱机编译器编译CSS表。在Sass中，我们可以遍历任何类型的数据。但在Less中，我们只能使用递归函数循环数值。Sass使用$，而Less使用@。

原创 JS动画之协议按钮

【代码】JS动画之协议按钮。

原创 默认导出和普通导出的区别

来显式地导出一个变量、函数、类或接口。被导出的声明可以在其他文件中通过引入(import)来使用。来指定默认导出的内容。一个模块只能有一个默认导出，但可以有多个普通导出。普通导出是指通过使用关键字。默认导出是指通过使用关键字。

原创 JS动画之物体渐变

【代码】JS动画之物体渐变。

原创 JS动画之短信验证码

【代码】JS动画之短信验证码。

原创 今日分享 JS动画之飞絮动画

【代码】今日分享 JS动画之飞絮动画。

原创 Ajax请求中get请求和post请求的区别

原创 JS中的防抖和节流

防抖:设置延时器，短时间内高频率触发只触发最后一次。节流:设置状态锁，短时间内高频率只触发第一次。

原创 JS中的this指向 改变this指向的方法

如果传入多个参数 this指向第一个参数 剩下的是参数 是数组 传null window。在箭头函数中 call（）/apply（） 可以进行函数调用 不能改变this指向。如果传入多个参数 this指向第一个参数 剩下的是参数列表。如果不传参数 this指向window。如果不传参数 this指向window。如果不传参数 this指向window。如果传入一个参数 this指向该参数。如果传入一个参数 this指向该参数。如果传入一个参数 this指向该参数。apply()方法的特点。

原创 构造函数 实例化对象 原型 三者的关系

6.任何一个对象都有__proto__属性它是一个指针，实例化对象的__ptoto__属性指向构造函数的原型 构造函数原型的__proto__指向Object的原型。4.任何一个对象都有constructor属性 实例化对象的constructor属性指向构造函数。5.原型也是对象也有constructor属性 原型的constructor指向构造函数。1.任何一个函数都有prototype属性他是一个对象 称之为原型。3.构造函数的原型对象的属性和方法都可以被实例化对象所继承。原型链最终指向null。