溱兮盼兮-CSDN博客

原创命令行全家桶套餐(nvmnrmnpx)

nvm：node版本管理工具。一个 nvm 可以管理很多 node 版本和 npm 版本。由于不同的项目 node 版本也不同，如果node出现版本不对，运行某个应用时，很可能就会遇到各种莫名其妙的问题。介绍和使用：https://www.jianshu.com/p/d0e0935b150anvm install 版本nvm lsnvm use 版本nvm uninstall 版本npm：node包管理工具。在安装 node 的时候，npm 也会跟着一起安装，它是包管理工具。npm 管

2021-03-25 15:32:02 302

原创 vuex的5个核心内容

main.jsimport Vue from 'vue'import App from './App.vue'import router from './router'import Vuex from 'vuex'Vue.config.productionTip = falseVue.use(Vuex) //注册Vuex的功能 Vue.use的方法实际上时调用了Vuex中的一个install的方法(Vue.use(Router)同理)const store = new Vuex.Store

2020-12-16 23:21:38 232

原创简单描述一下token的作用和【vue】以登录token为例，理解vuex状态管理使用？

简单描述一下token的作用和【vue】以登录token为例，理解vuex状态管理使用？需求：因为HTTP协议是无状态协议，所以我们用户登录以后，访问一些带权限的页面，就无发判断能否给用户展示（比如会员资源）。Cookie曾一度用于客户信息数据的存储，但由于服务器指定Cookie后，浏览器的每次请求都会携带Cookie数据，会带来额外的性能开销，Cookie渐渐被淘汰。一般判断用户的身份有两种通用的方式：一种是cookie+session的模式;cookie+session的模式身份验证：用

2020-11-06 21:25:35 993

原创简单实现JS实现数组的随机重排

简单写写，思路还是比较简单<script> let [oldArray, newArray] = [[0, 1, 2, 3, 4, 5, 6, 7, 8, 9], []]; let len = oldArray.length; for (let i = 0; i < len; i++) { let index = Math.floor(Math.random() * oldArray.length);

2020-11-02 09:07:07 306

原创对vue之vuex的一些总结

Vue状态（数据）管理模式-----VuexVueX是适用于在Vue项目开发时使用的状态管理工具----- Vuex相当于是一个数据仓库，任何组件要获取和设置数据都去仓库里面做；vue是一个数据驱动视图的一个框架；数据就是我们vue的核心。说数据就是说的状态，为了和react里面的一些东西接轨；vue里面的组件之间的数据通信（有6种）？①父子传值：父向子传值（通过属性绑定）子向父传值（通过事件形式）-----绑定属性(props接收)；绑定方法②事件总线（事件中心）：这种方法通过一个空的

2020-11-01 22:00:53 152

原创简单了解BFC

BFC块级格式化上下文。i know it when i see it 就够了BFC的创建1、float的值不是none。2、position的值absolute或者fixed。3、display的值是inline-block、table-cell、flex、table-caption或者inline-flex。4、overflow的值不是visible。布局规则：内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的ma

2020-10-30 09:53:46 102

原创简单理解Cookies，LocalStorage和sessionStorage

cookiescookie的基本通信流程：设置cookie => cookie被自动添加到request header中 => 服务端接收到cookie。当网页要发http请求时，浏览器会先检查是否有相应的cookie，有则自动添加在request header中的cookie字段中。如果这些数据并不是每个请求都需要发给服务端的数据，浏览器这设置自动处理无疑增加了网络开销；但如果这些数据是每个请求都需要发给服务端的数据（比如身份认证信息），浏览器这设置自动处理就大大免去了重复添加操作。所以

2020-10-29 21:06:32 136

原创浅谈HTML和XHTML的区别

HTML和XHMLT的区别HTML是超文本标记语言，XHTML是可拓展超文本标记语言；两者对比XHTML语法较为谨慎，是W3C推荐的，HTML较为松散，主要体现在：1.XHTML要求标签正确的嵌套；2.标签需要闭合；3.标签名需要小写；3.XHTML文档必须有根标签。但是HTML4.01之后两者几乎一致，在WHATWG开始起草HTML5之后，XHTML和HTML5于2008年进行了合并，之后HTML5就代表下一代的HTML发展。...

2020-10-29 19:16:11 266

原创外部引入css文件方法link和@import的区别

link和@importcss里，link和@import都是css外部引入的方法不同点：link是html标签，@import是css提供的；（性质不同）link除了引用样式文件，还可以引用图片等资源文件，而@import只引用样式文件；（使用范围不同）兼容性不同，link不存在兼容性的问题，import是在CSS2.1提出的，在IE5以上支持，低版本的浏览器不支持。（兼容性差别）link引用CSS时，在页面载入时同时加载（html和css一起加载）；@import需要页面网页完全载入以后加

2020-10-29 19:05:07 259

原创简单理解promise，async和await

1.promise是什么？1、主要用于异步计算；2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果；3、可以在对象之间传递和操作promise，帮助我们处理队列异步操作的常见语法DOM事件document.getElementById('#start').addEventListener('click', start, false);function start() { // 响应事件，进行相应的操作}$('#start').on('click', start)Aja

2020-10-28 22:35:59 388 1

原创自己对H5C3的一点总结

HTML5和CSS31.H5的新特性有哪些？①新增多媒体标签<audio src="music.mp3" autoplay="autoplay" controls="controls"></audio><video autoplay="autoplay" muted="muted" loop="loop" poster="mi.jpg">

2020-10-28 22:32:33 250

翻译简单理解JavaScript里async/await

简单理解JavaScript里async/await1.async和await做了什么?2.async起什么作用？3.await到底等什么？4.await等到了返回值之后做什么？5.总结：在JavaScript中，async/await都是非常棒的特性，也都是非常甜的语法糖，而JavaScript的async/await实现，也离不开promise。1.async和await做了什么?从字面看,async是"异步"的意思,而await可以认为是async wait的简写。那我们是不是可以理解为asyn

2020-10-28 15:11:25 283

MiracleSGQ的博客