JavaScript
文章平均质量分 63
javascript相关应用
英子的搬砖日志
人生就像超级玛丽,在你没加蘑菇之前,一个小王八就能整死你!
展开
-
通过拖拽动态调整div的大小
主要介绍通过手动拖拽,实现动态改变div的宽高。原创 2024-04-19 15:39:51 · 1999 阅读 · 1 评论 -
Js如何判断两个数组是否相等?
详细介绍了在JS中,如何判断两个数组相等,及其每种方法适用的场景。原创 2024-02-21 17:02:47 · 2271 阅读 · 0 评论 -
js数组/对象的深拷贝与浅拷贝
详细介绍了js数组、对象拷贝的方式,并用原生js实现深拷贝方法原创 2024-01-26 18:07:16 · 1232 阅读 · 0 评论 -
前端qrcode生成二维码详解
详细介绍了前端如何用qrcode生成二维码,及使用qrcode的优点、缺点原创 2024-01-29 16:03:40 · 5601 阅读 · 1 评论 -
JS将其他类型值转为Number类型
介绍前JS将其他类型值转为Number类型原创 2024-01-25 11:45:10 · 776 阅读 · 0 评论 -
详谈前端中常用的加/密算法
详细介绍了日常开发中常用的加/解密算法,以及crypto-js、jsencrypt、encryptlong、bcryptjs前端常用的加/解工具的使用。原创 2023-12-15 17:12:05 · 2460 阅读 · 0 评论 -
js根据id查找tree中的节点和路径
js查找节点原创 2022-05-16 18:00:58 · 7944 阅读 · 0 评论 -
js实现二叉树的前、中、后遍历
js实现二叉树的前中后序遍历原创 2022-05-16 16:03:43 · 499 阅读 · 1 评论 -
纯前端实现表格数据导出为Csv格式数据
首先理解csv格式的文件,CSV即逗号分隔值(Comma-Separated Values,CSV),其文件以纯文本形式存储表格数据(数字和文本),文件的每一行都是一个数据记录。每个记录由一个或多个字段组成,用逗号分隔。使用逗号作为字段分隔符是此文件格式的名称的来源,因为分隔字符也可以不是逗号,有时也称为字符分隔值。CSV文件默认以英文逗号做为列分隔符,换行符作为行分隔符。如果不提供网页形式只用命令行或二进制程序输出数据到CSV,只需要将数据段按,分割,行按\n分割,写入到一个.csv文件即可。原创 2021-08-11 11:30:59 · 2457 阅读 · 0 评论 -
js字符串数字实现加减乘运算
要求/** 给定两个字符串形式的整数 num1 和 num2 ,计算它们的和、差。 提示: num1 和num2 的长度都小于 5100 num1 和num2 都只包含数字 0-9 num1 和num2 都不包含任何前导零 你不能使用任何內建 BigInteger 库,也不能直接将输入的字符串转换为整数形式*/整体思路:将字符串拆分存储到数组中,然后进行操作。相加/**思路:将字符串拆分存储到数组中,末尾对齐,数组元素两两原创 2021-02-03 11:56:30 · 4641 阅读 · 0 评论 -
关于防抖(debounce)和节流(throttling)
在JS中,当事件触发很频繁,浏览器来不及处理时,就会导致页面出现卡顿的现象,解决这种卡顿问题,就需要用到了防抖和节流。防抖和节流就是针对响应跟不上触发频率这类问题解决方案。1、含义防抖(debounce) 策略是,当事件被触发时,设定一个周期延迟执行动作,若期间又被触发,则重新设定周期,直到周期结束,执行动作。节流(throttle) 策略是,在固定周期内,只执行一次动作,若有新事件触发,不执行,周期结束后,又有事件触发,开始新的周期。即:高频事件触发,但是在n秒内只会执行一次,会稀释函数的执行频率原创 2020-11-16 18:06:08 · 764 阅读 · 0 评论 -
用原生JS实现可靠的数据类型判断
在写代码时,总是有很多的地方要先判断数据类型,然后再进行其他操作,本文就用原生了js中常用的类型判断方法并,很方便在实际项目中封装后使用。/** * @description 常用数据类型判断方法 baseUtils.js */ const ERROR_MISSING = 'params is not a {{msg}}';const toString = Object.prototype.toString;const hasOwnProperty = Object.prototype.has原创 2020-09-07 17:15:56 · 448 阅读 · 0 评论 -
几行代码搞定vue项目中的水印功能
给项目加水印是一个极其普遍的需求,下面就用几行代码搞定! /** * @description: createWaterMark.js 加水印功能 */ let waterMarkDOM; let clearWaterMark = () => { if (waterMarkDOM) waterMarkDOM.remove(); }; /** * @description: 创建水印 * @param {String} contentText 水印内容 */原创 2020-08-27 19:45:08 · 2865 阅读 · 2 评论 -
使用prettier统一编码风格
prettier 配置选项单行代码的最大宽度 Print Width指定代码换行的行长度。单行代码宽度超过指定的最大宽度,将会换行。为了便于阅读,官方建议不要使用超过80个字符。我这边设置了160默认 CLI API/.prettierrc/prettier.config.js/package.json[“prettier”]80 --print-width (如果在格式化 Mark...原创 2020-05-06 23:13:57 · 11044 阅读 · 0 评论 -
JavaScript实现字符串逆置的几种方法
JavaScript实现字符串逆置的几种方法一般来说js实现字符串逆置输出的一般思路是:1、将字符串转为数组,一个字符为数组的一个元素; 2、将数组倒置; 3、再将数组元素拼接为字符串。一般用到的方法有:join():该方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 split():将一个字符串分割为子字符串数组,然后将结果作为字符串数组返回。原创 2017-03-29 23:12:41 · 2997 阅读 · 0 评论 -
手动实现jsonp
jsonp跨域原理利用script标签的异步加载特性实现给服务端传一个回调函数,服务器返回一个传递过去的回调函数名称的JS代码。原创 2017-09-30 14:03:18 · 6662 阅读 · 0 评论 -
js之字典的学习和使用
字典是一种以键-值对形式存储数据的数据结构,比如:名字-电话号码,通过名字就能找到对应的电话号码,名字就是键(key),电话号就是值(value)。字典中的键,是值在字典中的索引。对于javascript来说,字典类(Dictionary)的基础是Array类,js中的Array既是一个数组,同时也是一个字典。以下是通过3个示例来加深字典这种数据结构的理解和使用。原创 2017-10-05 22:08:52 · 110854 阅读 · 2 评论 -
D3常用的简单的API记录
记录D3常用简单API原创 2017-11-30 17:32:36 · 455 阅读 · 0 评论 -
vue 修饰符
主要通过项目遇到的问题,大概介绍vue中的修饰符原创 2018-02-24 15:24:38 · 1523 阅读 · 0 评论 -
看了就懂的vue组件通信
vue组件之间通信 父向子 子向父 https://www.jianshu.com/p/2670ca096cf8 同级组件 https://www.jianshu.com/p/d946bd7c26f4初始化的项目结构| - build (运行文件夹,dev/prod运行时需要用到的相关文件,含webpack配置)| - config (配置文件夹,比如说dev/prod两种对应的不...原创 2018-08-23 17:52:20 · 515 阅读 · 0 评论 -
axios传参问题:将一个对象转成queryString
一般在做vue + axios项目的时候,遇到了一个axios传参的问题。以下是一个我在使用axios中get方法调用后台数据的示例:getDetailInformation () { let query = { userId : 100001, userName: "cynthia" } axios.get('/project/getR...原创 2018-09-26 17:17:36 · 7699 阅读 · 1 评论 -
提高JS代码优雅性的小技巧
提高JS代码优雅性的小技巧总结了一些常见、常用的JS写法小技巧,有的是为了性能考虑,有的则是让代码更简洁,总之就是为了写出更优雅的JS,小结了一下,希望都能有所收获。1、按强类型风格写代码(1)定义变量的时候要指明类型,告诉JS解释器这个变量是什么数据类型的,而不要让解释器去猜。例如: var a,b,c; // bad,定义变量时没有指明类型 var a ="", b...原创 2019-09-18 14:55:07 · 995 阅读 · 1 评论 -
封装ajax和Promise
封装ajax和Promise ajax 全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术、改善用户体验,实现无刷新效果原创 2017-09-30 16:14:16 · 10981 阅读 · 0 评论 -
掌握jQuery获取元素的方法
jQuery获取元素的方法原创 2017-03-07 23:27:14 · 767 阅读 · 0 评论 -
简单了解AJAX,AJAX封装与应用
简单了解AJAX,AJAX封装与应用1.什么是AJAX?2.Ajax技术的核心是:XMLHttpRequest(简称XHR)原创 2017-03-14 22:14:21 · 389 阅读 · 0 评论 -
简单的排序算法整理(一)
简单的排序算法整理(一)本文将介绍几个比较简单的排序算法,并基于JavaScript实现,全文分为一、二部分。原创 2017-03-08 22:50:20 · 466 阅读 · 0 评论 -
瀑布流布局
瀑布流布局瀑布流,又称瀑布流式布局。特点:等宽不等高,第二行的第一张图片要加载到第一行中最矮的图片的下面。原创 2017-06-22 13:07:08 · 720 阅读 · 0 评论 -
JS设计模式之创建型设计模式总结
JS设计模式:创建型设计模式,简单工厂模式,工厂方法模式,抽象工厂模式原型模式,单例模式原创 2017-05-31 22:55:22 · 1140 阅读 · 0 评论 -
ES6基本语法的简单用法总结(1)
1. let命令 和 const命令2. 结构赋值3. symbol4.Set和WeakSet数据结构5.Map和WeakmMap数据结构原创 2017-05-30 15:14:37 · 3044 阅读 · 0 评论 -
JS中的call()方法和apply()方法用法总结
JacvaScript中的call()方法和apply()方法,1. 每个函数都包含两个非继承而来的方法:call()方法和apply()方法。2. 相同点:这两个方法的作用是一样的。都是在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域。原创 2017-04-27 15:14:48 · 183863 阅读 · 28 评论 -
JS实现堆排序
堆排序 堆的定义: 堆是满足下列性质的数列{R1,R2,R3,…,Rn}: 小顶堆:Ri <= R2i, Ri <= R2i 大顶堆:Ri >= R2i, Ri >= R2i堆排序是在树形选择排序的基础上进一步进行优化原创 2017-04-03 22:33:47 · 4206 阅读 · 2 评论 -
简单理解JavaScript中的原型
简单理解JavaScript中的原型1.什么是原型?2.原型的产生原创 2017-03-13 11:26:14 · 367 阅读 · 0 评论 -
JavaScript实现继承的方法
本文简单练习了JavaScript面向对象语言继承对象的方法原创 2016-12-14 12:57:52 · 412 阅读 · 0 评论 -
JavaScript 创建对象的方法
本文简单练习了JavaScript面向对象语言创建对象的方法,更多的讲解请参照工厂模式 构造函数 原型模式(一般写法) 原型模式(简单写法) 组合使用构造函数和原型模式 动态原型模式原创 2016-12-14 12:48:30 · 578 阅读 · 0 评论 -
JavaScript数组方法总结
JavaScript数组方法总结原创 2017-07-14 17:54:56 · 519 阅读 · 0 评论 -
JS日期和常用的数组API和对象API
JS日期和常用的数组API和对象API原创 2017-07-23 14:53:26 · 636 阅读 · 0 评论 -
Generator函数的理解和使用
Generator 函数是 ES6 提供的一种异步编程解决方案,所谓“异步”,简单说就是一个任务分成两段,先执行第一段,然后转而执行其他任务,等做好了准备,再回过头执行第二段。原创 2017-10-02 21:47:27 · 14709 阅读 · 2 评论 -
数组扁平化和去重
数组扁平化和去重原创 2017-09-12 17:30:08 · 7381 阅读 · 1 评论 -
JavaScript正则表达式详解
正则表达式(Regular Expression)使用单个字符串来描述,匹配一系列符合某个句法规则的字符串。原创 2017-08-21 20:52:57 · 725 阅读 · 0 评论 -
javaScript实现回文数、水仙花数判断和输出斐波那契数列
javaScript实现回文数、水仙花数判断和输出斐波那契数列原创 2017-08-21 13:43:19 · 1322 阅读 · 0 评论