随笔分类 - 面试之前的充电
充充充
摘要：下载地址：https://github.com/coreybutler/nvm-windows/releases/tag/1.1.10 指令： nvm -v 显示nvm版本 nvm list 显示已经安装的版本列表 nvm list installed 显示已经安装的版本 nvm list avai
阅读全文
摘要：概念 因为js是单线程执行，为了防止某个进程堵塞将后面的代码堵死，所以设置了一套规则。首先，js会将同步的代码放到一起，然后压入执行栈，然后将异步代码放入异步队列。异步队列又分为宏任务和微任务，微任务队列中事件执行优先度高于宏任务。微任务：Promise，process.nextTick(Node.
阅读全文
摘要：使用props和$emit实现父子组件通信 首先在父组件中使用这个：<children :listdata='listdata'/> 然后就可以在子组件的props中拿到 使用pubsub实现任意组件通信 需要下载pubsub-js，具体用法跟在react中差不多 provide提供使用的方法，in
阅读全文
摘要：因为把websocket学了点，就想自己写一个实时聊天系统，主要效果如下： 用到的东西也不多。代码粘贴在这里： //index.js const ws = require('nodejs-websocket') const PORT = 3000 let names = {} let server
阅读全文
摘要：今天学了下websocket，能做实时聊天系统那个，感觉还是挺不错的。 ###websocket简介 什么是websocket，它产生的契机是什么呢？websocket也是一种网络协议，可能有的人就奇怪，哎呀我们都有http协议了为什么还要牛马websocket协议，那肯定是http协议有不好的地方
阅读全文
摘要：今天把事件捕获和事件冒泡彻底搞懂了。来记录一下。 当你监听一个事件的触发的时候，它会经历三个状态，第一个是捕获阶段，第二个是目标节点，第三个是冒泡阶段，画个图来表示一下。 当我们触发某个DOM的监听事件的时候，捕获阶段会从外向内找到这个DOM节点，一般会在冒泡阶段执行监听事件。也就是说，当我们有如下
阅读全文
摘要：###BFC是什么？ BFC：页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然 触发条件： float的值不是none position的值不是static或relative display的值是inline-block、table-cell、flex、table-capt
阅读全文
摘要：我他喵的又没有写这个，我还以为我之前就写上来了呢。哭兮兮 ####垂直水平居中 定位 + margin-top + margin-left .box { width: 1000px; height: 1000px; position: relative; } .son { position: abs
阅读全文
摘要：canvas这是一个非常强大的画图工具，既能划线，还能画图，最牛逼的是还能用来讨女朋友开心，啧啧啧。 ###canvas基础使用 计算机主要掌握方式就是练，所以我们直接上代码。 ####创建一个画布 <canvas id='canvas1' ref='canvas1' style="width: 1
阅读全文
摘要：####冒泡排序优化（直接搞最优版，不罗里巴叽的） function BubbleSort(arr) { let k = arr.length - 1, pos = 0 for(let i = 0; i < arr.length; i++) { let flag = true for(let j =
阅读全文
摘要：数组去重 Array.from(new Set(arr)) let arr = [1,1,2,2,3,3] let brr = Array.from(new Set(arr)) // let brr = [...new Set(arr)] console.log(brr) //[1,2,3] for
阅读全文
摘要：###创建对象 ####字面量方式创建对象 const obj = { name: 'sifan', age: '21' } 缺点，一次创建多个对象的时候重复代码太多，过于复杂 ####工厂模式 function Person(name, age) { const obj = new Object(
阅读全文
摘要：###属性描述符 只针对name这个属性，假如对象有其他属性的话则不受影响，如果调用Object.defineProperty()时，如果这三个参数都不指定,那么全部默认为false let obj = {} Object.defineProperty(obj, 'name', { configur
阅读全文
摘要：###typeof typeof返回数据类型：number、string、boolean、symbel、undefined、function、object。引用数据中的数组、日期、正则都会被返回object。并且对于简单数据类型的null也会返回object。 const num = 10 cons
阅读全文
摘要：##点击爱心功能 上面是要实现的效果，点击屏幕任何地方都会显示爱心并且上移后消失，接下来开始代码实现。 // 调用函数实现效果 let body = document.getElementsByTagName('html')[0] body.addEventListener('click', fun
阅读全文
