随笔分类 - JavaScript
JS中一些方法的实现
摘要：两种方法模拟 ES6 set 数组去重 第一种，利用字符串 indexOf function MYSET(arr) { let str = ''; let newArr = []; if (arr.length) { newArr.push(arr[0]); str += JSON.stringif
阅读全文
摘要：最近利用原生 javascript 模仿出原生的 JSON.parse 和 JSON.stringify 的效果 (function (win) { const MOCK_JSON = { // 记录结构体的数量（结构体是指字符串格式的[]和{}） structure_len: 0, // 记录结构
阅读全文
摘要：直接上代码： 所需的插件(xlsx) 提取码：gfg4 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-
阅读全文
摘要：百度网盘下载： qrcode 提取码: ubax，详细文档说明：请查看 对比图 效果图 下载下来后我把他引入下面页面--qr.html（路径记得换成你自己的） <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta n
阅读全文
摘要：效果如何，先看下图 既然看到图片的效果了，那么下面我们进行代码分析 1.封装一个函数来绘画柱形条 2.这里的柱形条所用的颜色我通过下面这个随机函数进行获取 3.接下来是 canvas 的核心代码实现： 由于这里我设置的 canvas 的宽度是 400px 所以这里限制产生的柱形条的多少就根据宽度进行
阅读全文
摘要：导出来的考勤信息表（只是获取打卡信息并处理成报表.xlsx , 初始的表格没了） 下图是 “报表.xlsx ” 看起来乱糟糟的，虽然能看但是需要花费大量的精力去处理才能成标准表格，下面我直接上代码（代码里已有注释） 这里有几个点需要说明一下， 那张导出的考勤表需要处理一下成上面第一张图一样的格式，即
阅读全文
摘要：最近用 mint-ui 实现了上拉加载更多和下拉刷新，正好今天有空就把实现过程都给记录下来，下面我准备来个小白教程。 我这个利用vue单页和普通页面方式展示。 1、首先用脚手架 vue-cli 搭建环境（这里我百度找了一个算看到舒服的教程，仅供参考） 2、Mint-UI (这里官网快速上手，可以根据
阅读全文
摘要：1、去除字符串左右两边的空格（利用正则实现trim） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>去除字符串左右两边的空格</title> </head> <body> <input type="text
阅读全文
摘要：ArrayBuffer 语法 var abuffer = new ArrayBuffer(length) length 要创建的 ArrayBuffer 的大小，单位为字节。 如果 length 大于 Number.MAX_SAFE_INTEGER（>= 2 ** 53）或为负数，则抛出一个 Ran
阅读全文
摘要：Blob 语法 var aBlob = new Blob(array, options) array 是一个由 ArrayBuffer, ArrayBufferView, Blob, DOMString 等对象构成的 Array, 或者其他类似对象的混合体，它将会被放进 Blob。 DOMStrin
阅读全文
摘要：语法 var formData = new FormData(form) form--可选， 一个 HTML 上的 <form> 表单元素一一当指定了，这种方式创建的 FormData 对象会自动将 form 中的表单值也包含进去， 包括文件内容也会被编码之后包含进去 例子 第一种方式 var fo
阅读全文
摘要：最近接触到 websocket，由于之前并没有使用过，所以网上百度一番，最后还是看了一遍 websocket的介绍 上面文章原理上的都说的很明白，所以我就提取出我自己要用的小 demo 来，下面分别是属性，事件，方法的介绍，为了方便查看故将上面介绍中的顺便拿过来。 属性 readyState (只读
阅读全文
摘要：借鉴 HTML中判断手机是否安装某APP，跳转或下载该应用 首先利用navigator.userAgent 判断出手机设备类型 根据上面分别和IOS、Android约定好的 apps custom url schemes （abc://） 尝试打开App（微信浏览器里面无法直接打开App，在手机浏览
阅读全文
摘要：之前使用promise都是用时会，用时理解，过后一段时间没有又忘了，今天有空正好整理一下，方便日后自己查阅。-- 代码来源于阮一峰老师的 promise Promise有4个方法： [ resolve, reject, all, race ] 常见的resolve和reject resolve： 成
阅读全文
摘要：今天从后台获取到的json数据如下： 这种json我们取数据十分麻烦， dataJson['0'] 才能获取到 第一条数据，而且现在这个json没有长度这个属性的，所以，无法像数组那边去遍历输出处理。 一般从后台拿到的数据应该是下面这样的，才方便js获取和处理数据 下面我们利用 for...in 来
阅读全文
摘要：语法 pattern(模式)描述了表达式的模式 modifiers(修饰符)用于指定全局匹配、区分大小写的匹配和多行匹配 注意：当使用构造函数（new RegExp()）创建正则对象时，需要常规的字符转义规则(在前面加反斜杠\)。比如，以下是等价的 常用方法 reg.test(str) => 按照规
阅读全文
摘要：话说，在手机端使用的单位都是rem;所以对于经常写手机页面的程序猿来说rem的使用频率很高，虽然现在有些其他好的替代方案（VW）但是我考虑到rem大家用的比较多而且兼容性会好点(后面链接可以直接查看兼容性) Can I use，所以我这里只对rem兼容进行修正。下面附上rem和vw的兼容图 rem
阅读全文
摘要：parseInt的使用，对于今天之前的我还是只使用用它来转换字符数字，但是今天我遇到下面三个表达式蒙圈了 看到这里，突然发现我对parseInt很陌生呀，所以，我在MDN找到了parseInt的语法 看到这里，我还是觉得有点懵，所以我又百度了，看到博客园上另一篇对parseInt的解释--parse
阅读全文
摘要：canvas实现简单的画图工具中画笔效果,外加画好的笑脸
阅读全文
浙公网安备 33010602011771号