Hei, Welcome To vickie's Blog，Good Good Study, Day Day Up ~

主要介绍通过手动拖拽，实现动态改变div的宽高。

详细介绍了在JS中，如何判断两个数组相等，及其每种方法适用的场景。

详细介绍了js数组、对象拷贝的方式，并用原生js实现深拷贝方法

详细介绍了前端如何用qrcode生成二维码，及使用qrcode的优点、缺点

介绍前JS将其他类型值转为Number类型

详细介绍了日常开发中常用的加/解密算法，以及crypto-js、jsencrypt、encryptlong、bcryptjs前端常用的加/解工具的使用。

js查找节点

js实现二叉树的前中后序遍历

首先理解csv格式的文件，CSV即逗号分隔值（Comma-Separated Values，CSV），其文件以纯文本形式存储表格数据（数字和文本），文件的每一行都是一个数据记录。每个记录由一个或多个字段组成，用逗号分隔。使用逗号作为字段分隔符是此文件格式的名称的来源，因为分隔字符也可以不是逗号，有时也称为字符分隔值。CSV文件默认以英文逗号做为列分隔符，换行符作为行分隔符。如果不提供网页形式只用命令行或二进制程序输出数据到CSV，只需要将数据段按,分割，行按\n分割，写入到一个.csv文件即可。

要求/** 给定两个字符串形式的整数 num1 和 num2 ，计算它们的和、差。 提示： num1 和num2 的长度都小于 5100 num1 和num2 都只包含数字 0-9 num1 和num2 都不包含任何前导零 你不能使用任何內建 BigInteger 库，也不能直接将输入的字符串转换为整数形式*/整体思路：将字符串拆分存储到数组中，然后进行操作。相加/**思路：将字符串拆分存储到数组中，末尾对齐，数组元素两两

在JS中，当事件触发很频繁，浏览器来不及处理时，就会导致页面出现卡顿的现象，解决这种卡顿问题，就需要用到了防抖和节流。防抖和节流就是针对响应跟不上触发频率这类问题解决方案。1、含义防抖（debounce） 策略是，当事件被触发时，设定一个周期延迟执行动作，若期间又被触发，则重新设定周期，直到周期结束，执行动作。节流（throttle） 策略是，在固定周期内，只执行一次动作，若有新事件触发，不执行，周期结束后，又有事件触发，开始新的周期。即：高频事件触发,但是在n秒内只会执行一次,会稀释函数的执行频率

在写代码时，总是有很多的地方要先判断数据类型，然后再进行其他操作，本文就用原生了js中常用的类型判断方法并，很方便在实际项目中封装后使用。/** * @description 常用数据类型判断方法 baseUtils.js */ const ERROR_MISSING = 'params is not a {{msg}}';const toString = Object.prototype.toString;const hasOwnProperty = Object.prototype.has

给项目加水印是一个极其普遍的需求，下面就用几行代码搞定！ /** * @description: createWaterMark.js 加水印功能 */ let waterMarkDOM; let clearWaterMark = () => { if (waterMarkDOM) waterMarkDOM.remove(); }; /** * @description: 创建水印 * @param {String} contentText 水印内容 */

prettier 配置选项单行代码的最大宽度 Print Width指定代码换行的行长度。单行代码宽度超过指定的最大宽度，将会换行。为了便于阅读，官方建议不要使用超过80个字符。我这边设置了160默认 CLI API/.prettierrc/prettier.config.js/package.json[“prettier”]80 --print-width （如果在格式化 Mark...

JavaScript实现字符串逆置的几种方法一般来说js实现字符串逆置输出的一般思路是：1、将字符串转为数组，一个字符为数组的一个元素； 2、将数组倒置； 3、再将数组元素拼接为字符串。一般用到的方法有：join()：该方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 split()：将一个字符串分割为子字符串数组，然后将结果作为字符串数组返回。

jsonp跨域原理利用script标签的异步加载特性实现给服务端传一个回调函数，服务器返回一个传递过去的回调函数名称的JS代码。

字典是一种以键-值对形式存储数据的数据结构，比如：名字-电话号码，通过名字就能找到对应的电话号码，名字就是键(key),电话号就是值(value)。字典中的键，是值在字典中的索引。对于javascript来说，字典类(Dictionary)的基础是Array类，js中的Array既是一个数组，同时也是一个字典。以下是通过3个示例来加深字典这种数据结构的理解和使用。

记录D3常用简单API

主要通过项目遇到的问题，大概介绍vue中的修饰符

vue组件之间通信 父向子 子向父 https://www.jianshu.com/p/2670ca096cf8 同级组件 https://www.jianshu.com/p/d946bd7c26f4初始化的项目结构| - build （运行文件夹，dev/prod运行时需要用到的相关文件，含webpack配置）| - config （配置文件夹，比如说dev/prod两种对应的不...

一般在做vue + axios项目的时候，遇到了一个axios传参的问题。以下是一个我在使用axios中get方法调用后台数据的示例：getDetailInformation () { let query = { userId : 100001, userName: "cynthia" } axios.get('/project/getR...

提高JS代码优雅性的小技巧总结了一些常见、常用的JS写法小技巧，有的是为了性能考虑，有的则是让代码更简洁，总之就是为了写出更优雅的JS，小结了一下，希望都能有所收获。1、按强类型风格写代码（1）定义变量的时候要指明类型，告诉JS解释器这个变量是什么数据类型的，而不要让解释器去猜。例如： var a,b,c; // bad，定义变量时没有指明类型 var a ="", b...

封装ajax和Promise ajax 全称为“Asynchronous JavaScript And XML”（异步JavaScript和XML） 是指一种创建交互式网页应用的开发技术、改善用户体验，实现无刷新效果

jQuery获取元素的方法

简单了解AJAX，AJAX封装与应用1.什么是AJAX?2.Ajax技术的核心是：XMLHttpRequest(简称XHR)

简单的排序算法整理（一）本文将介绍几个比较简单的排序算法，并基于JavaScript实现，全文分为一、二部分。

瀑布流布局瀑布流，又称瀑布流式布局。特点：等宽不等高,第二行的第一张图片要加载到第一行中最矮的图片的下面。

JS设计模式：创建型设计模式，简单工厂模式，工厂方法模式，抽象工厂模式原型模式，单例模式

1. let命令 和 const命令2. 结构赋值3. symbol4.Set和WeakSet数据结构5.Map和WeakmMap数据结构

JacvaScript中的call()方法和apply()方法，1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。

堆排序 堆的定义： 堆是满足下列性质的数列{R1,R2,R3,…,Rn}: 小顶堆：Ri <= R2i, Ri <= R2i 大顶堆：Ri >= R2i, Ri >= R2i堆排序是在树形选择排序的基础上进一步进行优化

简单理解JavaScript中的原型1.什么是原型？2.原型的产生

本文简单练习了JavaScript面向对象语言继承对象的方法

本文简单练习了JavaScript面向对象语言创建对象的方法，更多的讲解请参照工厂模式 构造函数 原型模式（一般写法） 原型模式（简单写法） 组合使用构造函数和原型模式 动态原型模式

JavaScript数组方法总结

JS日期和常用的数组API和对象API

Generator 函数是 ES6 提供的一种异步编程解决方案，所谓“异步”，简单说就是一个任务分成两段，先执行第一段，然后转而执行其他任务，等做好了准备，再回过头执行第二段。

数组扁平化和去重

正则表达式（Regular Expression）使用单个字符串来描述，匹配一系列符合某个句法规则的字符串。

javaScript实现回文数、水仙花数判断和输出斐波那契数列