越来越棒鸭-优快云博客

原创 JS常用的字符串方法

文章目录1. `charAt(index)`2. `charCodeAt(index)`3. `indexOf(searchvalue, fromindex)`4. `lastIndexOf(searchvalue, fromindex)`5. `match(substr)` `match(regexp)`6. `substring(start, end)`7. `substr(start, length)`8. `slice(start, end)`9. `replace(regexp/substr,

2020-05-22 19:03:35 347

原创 JS常用的数组方法

按照返回值分类1. 原数组改变2. 原数组不变

2020-05-15 18:56:28 357

原创 scss中的数组及遍历

应用场景解决方案SCSS 循环是从 1 开始，不是 0<style lang="scss" scoped>// scss中定义数组，注意这里都无需加引号~~$colors: #0A70F5, #00B365, #FFC300, #F5483B, #F03096, #8E3DEB, #00B8B1, #FF8800, #0FA4FA, #FF5E1A; .mtd-select { width: 100%; // 开始 @each 循环遍历数组 // $c

2022-03-09 14:02:04 2261

原创 javascript_递归扁平化三级数组

输入：扁平化输出：{ code: int, text: str, parentCode: int, parentText: str, grandParentCode: int, grandParentText: str}[]/** * @desc 将三级数组扁平化为带有父级及以上节点 * @param {array} source * @return {object} 伪数组 */export function deepTraversalCity

2022-03-09 11:40:59 1072

原创 git操作合集

删除本地分支（必须切换到其他分支上才能删除）git branch -d [branchname]删除远程分支（[branchname]前不需要加origin/）git push origin --delete [branchname]本地仓库回滚回滚到上一次：git reset --hard HEAD^回滚到某一次：git reset --hard 目标版本号远程仓库回滚$ git reset --hard 目标版本号$ git push -f本地切换远程分支

2022-03-09 11:38:30 262

原创史上最全的Vue开发规范

掘金-史上最全的Vue开发规范

2022-02-14 11:14:15 753

原创 vue-property-decorator

vue-property-decorator基础教程为什么要使用vue-property-decorator如何使用vue-property-decorator基本写法data中定义数据生命周期钩子函数方法@Component@Prop@Emit计算属性@Watch为什么要使用vue-property-decoratorvue-property-decorator是在vue-class-component的基础上做了进一步的封装，在TypeScript官方文档中，官方推荐了vue-class-com

2021-07-20 15:42:31 25386

原创 js的词法作用域

let x = 1;function A(y){ let x = 2; function B(z){ console.log(x+y+z); } return B;}let C = A(2);C(3); // 7原理：

2020-09-23 20:45:59 269 1

原创 this到底指向哪里

this永远指向的是最后调用它的对象，也就是看它执行的时候是谁调用的情况1：如果一个函数中有this，但是它没有被上一级的对象所调用，那么this指向的就是window，这里需要说明的是在js的严格版中this指向的不是window，但是我们这里不探讨严格版的问题，你想了解可以自行上网查找。情况2：如果一个函数中有this，这个函数有被上一级的对象所调用，那么this指向的就是上一级的对象。情况3：如果一个函数中有this，这个函数中包含多个对象，尽管这个函数是被最外层的对象所调用，this指向的也只

2020-09-19 14:07:51 330

原创进程和线程、进程之间的通信方式、线程死锁

就怎么说。。。就没有办法，面试问的你怀疑人生。。。一、进程和线程进程是资源分配的最小单位，线程是CPU调度的最小单位。做个简单的比喻：进程=火车，线程=车厢线程在进程下行进（单纯的车厢无法运行）一个进程可以包含多个线程（一辆火车可以有多个车厢）不同进程间数据很难共享（一辆火车上的乘客很难换到另外一辆火车，比如站点换乘）同一进程下不同线程间数据很易共享（A车厢换到B车厢很容易）进程要比线程消耗更多的计算机资源（采用多列火车相比多个车厢更耗资源）进程间不会相互影响，一个线程挂掉将导致整个进程挂

2020-09-11 18:34:36 316 1

原创不太明显的闭包

还是一道面试题：var a = 0, b = 0;function A(a) { A = function (b) { console.log(a + b++) } console.log(a++)}A(1) // 1A(2) // 4记录下这道题主要是因为我一开始对闭包的理解过于浅显了，之前对它的定义是：外部函数中返回的内部函数内使用了外部函数的变量。实际上，闭包不需要返回函数。闭包可以理解为：“定义在一个函数内部的函数”。正常函数执行完毕后，里

2020-09-11 13:12:19 149

原创 js中连等的执行顺序：a.x = a = {n: 2}

新的一天从一道查漏补缺题开始：let a = {n : 1};let b = a;a.x = a = {n: 2}; console.log(a.x) // undefinedconsole.log(b.x) // {n:2}解析：多次赋值与顺序无关，是同时进行赋值的每个节点的变量最终赋值的值取决去最后一个等号的右边值如果赋值是引用类型，则最终指向的是同一个对象a.x=引用的是堆内存里面的属性变量，在解析时会直接对这个地址的变量进行操作，而a=访问变量栈内存里面这

2020-09-11 09:51:17 1618 3

原创扩展运算符在字符串/数组/对象中的具体使用方法

文章目录字符串1. 把字符串转换为数组数组1. 复制数组2. 分割数组3. 合并数组4. 将数组转化为参数传递给函数对象1. 复制对象2. 给对象设置默认值3. 合并对象最近在准备秋招，感觉对扩展运算符（…）的使用还不是特别了如指掌，有必要总结一波啦。字符串1. 把字符串转换为数组数组1. 复制数组复制一层：深拷贝复制两层以上：浅拷贝2. 分割数组3. 合并数组4. 将数组转化为参数传递给函数对象1. 复制对象2. 给对象设置默认值3. 合并对象...

2020-09-06 22:28:28 966

原创 promise的一点小Tip

今天练习promise的时候，let p1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('hello') }, 2000)})console.log('1', p1)let p2 = new Promise((resolve, reject) => { setTimeout(() => { resolve('world') },

2020-09-02 11:19:10 416

原创从一道题看Object.defineProperty()，Object.create()，for...in...用法

文章目录一、Object.defineProperty()数据描述存取器描述二、 Object.create()三、遍历对象总结今天从一道题开始：以下代码的输出结果是：let o = { foo: 'foo'}let obj = Object.create(o)Object.defineProperty(obj, 'bar', { value: 3})obj.bar = 'bar'for(const key in obj){ console.log(obj, key

2020-09-01 22:09:43 630

原创 JavaScript实现一个简单的双向绑定

一、基本实现<body> <input type="text" id='input'> <span id="show"></span></body><script> var obj = {} Object.defineProperty(obj, 'txt', { get: function(){ return obj },

2020-08-31 15:21:27 428

原创多进程的浏览器 / 单线程的JavaScript 运行机制

写在前面：很久没写点东西了。最近秋招面试逐渐开始多了起来，越来越发现了自己的薄弱点，所以今天再详细总结下关于浏览器和js的运行机制吧多进程的浏览器浏览器有以下多个进程：Browser进程（主进程）：协调、总控第三方插件进程：每种类型的插件对应一个进程，仅当使用该插件时才创建GPU进程：最多一个，用于3D绘制浏览器渲染进程（即内核）：每一个Tab页默认为一个浏览器渲染进程。内部有5大线程。浏览器渲染进程通常有以下线程组成：GUI渲染线程负责渲染浏览器界面，解析 HTML、CSS，构建

2020-08-31 09:14:14 197

原创上下固定中间自适应滚动布局 overflow:auto

方案一：position+overflow:auto首先我们需要彻底了解overflow属性，这个属性定义溢出元素内容区的内容会如何处理依照我个人的理解有以下几种情况：值描述visible默认值，内容不会被修剪，会呈现在元素框之外hidden内容会被修剪，并且其余内容是不可见的，目前主要用于清除浮动scroll不管内容是否溢出，浏览器都会显示滚动条auto内容溢出时，浏览器会显示滚动条；内容不溢出，则浏览器也不显示滚动条css<style&g

2020-08-25 16:09:33 828

原创 JZ1 二维数组的查找——二分法拓展到二维

题目描述在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。题解以下来自牛客官方题解：回想一下一维有序数组查找某个值二分的过程，如下图所示：假设目标tar在arr[1]处，那么我们的二分过程就是：1）设初始值：定义一个二分的开始下标为l，结束下标为r，如图所示：2）二分一半，中间位置为 mid = l + （（r - l) >> 1)， va

2020-08-08 11:50:59 707

原创关于JS中的浮点数运算

文章目录浮点数的存储浮点数的运算如何解决参考这篇文章起于「查缺补漏」送你 54 道 JavaScript 面试题浮点数的存储和其它语言如Java和Python不同，JavaScript中所有数字包括整数和小数都只有一种类型 — Number。它的实现遵循 IEEE 754 标准，使用64位固定长度来表示，也就是标准的 double 双精度浮点数（相关的还有float 32位单精度）。这样的存储结构优点是可以归一化处理整数和小数，节省存储空间。64位比特又可分为三个部分：符号位S：第 1 位

2020-07-24 19:44:09 2019

转载 nodejs websocket 实现简易聊天室功能

文章目录1. 服务端 app.js 代码2. 客户端 app.html 代码3. 样式代码 app.css4. nodemon 辅助开发首先说明，以下代码都是基于Nodejs+webSocket搭建多人聊天室实现，我只是复现了一遍，画了张图供自己理解。数据格式及大致过程简图：1. 服务端 app.js 代码const ws = require('nodejs-websocket')const broadcast = (str) => { server.connections.fo

2020-07-22 20:25:17 847

原创封装时间函数，格式为“2020-07-22 10:12:11”

Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Mat

2020-07-22 15:21:01 207

原创浏览器缓存策略，看了这张图你就全懂啦

2020-07-21 19:18:48 147

原创 session cookie token 及 ajax 中如何应用

概述：cookie 验证准确的说是利用 cookie 来作为媒介，存储 session ID 进行验证，下文中提到的 cookie 验证主要是指 session ID 存储到 cookie 中进行的验证token 其实也可以借助 cookie 来存储，token 验证主要是指 token 存储在 Authorization Header 中进行的验证。http是无状态的：它就像一个机器一样，只知道机械地运转，但无法区分是谁在控制它，是谁在请求它。cookiecookie本质上是实现了session

2020-07-12 19:40:55 420

空空如也

空空如也