![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记-Js/JQ
文章平均质量分 72
crper
对设计、交互、产品都有自己的见解和追求;更多关于我:https://www.yuque.com/crper/blog/about_me
展开
-
ES6字符串模板多行清除行头空格制表符
前言最近在撸项目工程化的时侯,需要输出一些文案提示,对于多行文本我肯定优先考虑用 ES6字符串模板来实现,但是直接使用的效果并不是很符合想要的。因为字符串模板会默认保留你换行的格式,包括缩进这些。效果图ES6 String Template(raw)let outMsg = `${override ? "正在" : "文件不存在,开始"}生成文件${fileName}..文件路径...原创 2019-11-28 15:09:51 · 1818 阅读 · 0 评论 -
axios 0.19.x不发起请求的问题解决姿势
前言使用axios遇到的一个问题,就是拦截器可以打印出 config ,但是不发起请求。控制台也不报错,编译终端也不报错,很迷。问题常规请求没有东西中规中矩的请求封装排除问题排除问题,真的浪费很多时间,因为没有任何异常。那就只能逐行排查了版本问题?因为升级到了最新的axios 0.19 ,我尝试降级了下不行,那么问题不在这里,试试谷歌大法。谷歌大法...原创 2019-07-19 11:39:57 · 4363 阅读 · 1 评论 -
JS题目之数组数据拆分重组转成嵌套对象,让脑细胞活跃下
前言下班的时候在群里看到一个小伙伴,在群里问了一道js的题,发现没人理会他;来了兴趣就折腾了下,以下是解答过程,用的是ES6+的特性,在chrome跑的;有兴趣的小伙伴可以瞧瞧~~谢谢题目效果图解答尽量注释,我分步骤解答1:数组变形格式:先拿到数据格式如下;[ [ 'code', 'Zh' ], [ 'code', 'Cn' ], [ 'taobao', '.c...原创 2019-01-17 20:09:22 · 3890 阅读 · 0 评论 -
JS不靠谱系列: 写一个验证过期时间的函数,包含jest单元测试
前言我们经常用到的token还是cookie,都默认有一个过期时间我们做鉴权的时候,很依赖这个,所以捣鼓下能不能再严谨点因为之前都是以后台固定的格式,直接拿到值做一个简单的判断;那,假如后台传过来的日期格式变了呢!!有兴趣的瞧瞧,没兴趣的请勿往下走,节省您的时间!前置基础jest : 这个测试框架非常不错,Facebook 出品ES5&&ES...原创 2018-08-01 16:28:37 · 752 阅读 · 0 评论 -
JS不靠谱系列之枚举出时间段和对应的分钟数
前言今天遇到一个需求,是把选择时间段转为分钟数提交上去的; 所以想手动写个数组一一映射,提交的时候遍历下匹配的值提交. 比如 : 00:00 为 0分钟或者1440分钟; 00:10为30分钟;具体看下面的2017-8-17 : 加入遍历功能呢 参数: value : string || Array type : ‘formatTime’ || ‘num...原创 2017-08-10 18:42:00 · 995 阅读 · 0 评论 -
JS 数组去重!!! 一篇不怎么靠谱的 "深度" 水文
前言数组去重,这是一个老梗了…今天我又拿出来说了… 我们在考虑全面一点的情况下,数组去重的实现,比如针对NaN,undefined,{}; 这其中涉及的知识点挺多,不信跟着走一波;原创 2017-05-11 17:56:26 · 964 阅读 · 0 评论 -
使HTML5 localStorage及sessionStorage支持储存Array OR Object
前言localstorage和sessionstorage的出现,带来了更好的储存数据方式;但是标准中localStorage及sessionStorage默认的key-value储存方式只支持字符串保存;所以就需要找个折中的方式来实现储存数组对象及字面量对象了,这里用到的就是JSON内置的两个方法;翻译 2016-05-08 17:43:49 · 6545 阅读 · 1 评论 -
正则拓展: 匹配大陆和港式身份证
直入主题产品有香港的小伙伴入驻..身份证校验这块需要做一个前台校验,尝试了许久…就放出来了两种写法:(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)|[A-Za-z]{1}\d{6}[(\d)]{3}([A-Za-z](\d{6})\(\d\))|(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X|x)效果图原创 2016-05-03 16:10:12 · 7944 阅读 · 0 评论 -
对[].slice.call(arguments,1) 的一丢丢见解
前言 今天偶然翻资料看到一个叫做软绑定的函数,用来确定this的;原代码 if(!Function.prototype.softBind){ Function.prototype.softBind = function(obj){ var fn = this; var curried = [].slice.call(原创 2016-05-13 16:38:06 · 12329 阅读 · 1 评论 -
HTML5属性data-*的操作
HTML5 自定义属性data-*的操作技巧汇总原创 2016-04-25 18:52:08 · 7948 阅读 · 0 评论 -
不靠谱的正则入门
何为正则 正则使用的范围相当广泛,在各种各样的编程语言或者脚本语言都能看到他们的身影;那么,何为正则. 就我个人理解..就是个过滤器,用特定的符号去匹配特定的内容,变动特定的符号的组合来达到匹配各种各样自己需要得到的内容 我们这里不谈所谓的正则解析引擎,也不过多的深入,只是平时粗浅使用的经验总结特定符号[元字符]千篇一律,介绍下元字符 元字符 作用简单描述 . 匹配除换行符以外的任原创 2016-03-23 17:16:05 · 1519 阅读 · 0 评论 -
QRcodeJS生成二维码
QRCodeJS用法及下载原创 2015-05-24 16:43:01 · 13908 阅读 · 0 评论 -
Js深入浅出——第一讲
六种数据类型 原始类型 对象 object Function string Array null Date number boolean undefined 隐式转换文本与数值转换 - “文本数值”-数值 eg: "31"-0```` 结果为31,减号在这里被理解为减法运算,位置可以对调“文本数值”+数值 eg:原创 2015-05-02 00:20:53 · 1117 阅读 · 0 评论 -
JSON知识点汇总_W3SCHOOL
什么是JSONJSON与XML的差异化为什么使用 JSON使用 XML使用 JSONJSON 语法JSON 语法规则JSON 名称值对JSON 值JSON 对象JSON 数组JSON 文件JSON 使用什么是JSON JSON:JavaScript 对象表示法(JavaScript Object Notation)。 JSON 是存储和交换文本信息的语法。类似 XM原创 2015-05-10 21:01:16 · 4540 阅读 · 1 评论