随笔分类 -  javascript

摘要:针对表单指定字段校验 通过 prop 的路径,适用于自定义触发校验,例如点击搜索框后选择完成后对指定字段触发校验。 this.$refs[formName].validateField(propPath); // 这里的 propPath 就是我们forn-item上写的prop属性值 如:temp 阅读全文
posted @ 2021-01-06 11:08 StackOcean 阅读(3757) 评论(0) 推荐(0)
摘要:非常好的提高网站性能的指南: 链接:https://web.dev/fast/#measure-performance-in-the-field 阅读全文
posted @ 2020-12-18 21:04 StackOcean 阅读(233) 评论(0) 推荐(0)
摘要:另外lodash有一个chunk方法,可以同样按指定数量切割数组 使用场景: 在进行业务开发时,遇到表单需要分行渲染,也就是每四个数据对象渲染为一行,此时后端返回的数据格式是[{ id: 1 }, { id: 2 }, { id: 3 }], 需要将后端这个数据进行处理,以符合渲染表单时每行放四个字 阅读全文
posted @ 2020-12-17 16:06 StackOcean 阅读(988) 评论(0) 推荐(0)
摘要:1. typeof 和 instanceOf 判断基本类型,用 typeof 判断复杂类型, 用 instanceof instanceOf需要注意的是: instanceof在判断基本类型时,不是用 new 声明的类型会判断为false 如: 4 instanceOf Number 结果是fals 阅读全文
posted @ 2020-09-01 15:03 StackOcean 阅读(190) 评论(0) 推荐(0)
摘要:前置知识: 1.oauth2.0 开放授权知识 不懂的话看一下这个: 认识篇: http://www.ruanyifeng.com/blog/2019/04/oauth_design.html 认识四种授权方式:http://www.ruanyifeng.com/blog/2019/04/oauth 阅读全文
posted @ 2020-08-17 16:24 StackOcean 阅读(2409) 评论(0) 推荐(0)
摘要:第一种是 隐式转换成数字 第二种是 调用日期实例对象的getTime()函数 第三种是 调用日期类的静态函数 now() 阅读全文
posted @ 2020-08-09 13:53 StackOcean 阅读(948) 评论(0) 推荐(0)
摘要:// 通过 userAgent 来判断浏览器是否使用了手机浏览器. var ua = window.navigator.userAgent, agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPod', 'iPad'], i 阅读全文
posted @ 2020-07-17 17:35 StackOcean 阅读(915) 评论(0) 推荐(0)
摘要:实现思路:根据当前环境是否存在某个对象来判别,如果光存在还不足以判别就再判断属性,最终将结果返回。 /** * Determine if we're running in a standard browser environment * * This allows axios to run in a 阅读全文
posted @ 2020-07-11 11:58 StackOcean 阅读(263) 评论(0) 推荐(0)
摘要:直接看代码吧,浅显易懂并配有英文注解, /** * Iterate over an Array or an Object invoking a function for each item. * * If `obj` is an Array callback will be called passi 阅读全文
posted @ 2020-07-11 11:40 StackOcean 阅读(363) 评论(0) 推荐(0)
摘要:实现需求: 在页面上显示 距离活动截止的时间 // startDate 活动开始日期 // endDate 活动截止日期 function endDistance(startDate, endDate) { var y, d, h, m, s; // 获取相差毫秒数 var leftTime = e 阅读全文
posted @ 2020-06-05 09:25 StackOcean 阅读(1286) 评论(0) 推荐(0)
摘要:不定时更新,记录遇到的知识点 知识点: 实现忽视大小写: 将 源值 统一转成自已的规则,再使用,比如: 统一转成 大写 或者 小写。 术语: 动态: 在编程中,动态xxx 这个动态一般指的是程序运行期,比如: C++的动态实例化,指的就是 在程序运行期进行开辟内存空间构建对象。 书本知识点: 1.在 阅读全文
posted @ 2020-05-25 09:54 StackOcean 阅读(211) 评论(0) 推荐(0)
摘要:预备知识: reduce: https://developer.mozilla.org/zh CN/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce concat: https://developer.mozilla.org/zh C 阅读全文
posted @ 2020-05-08 16:57 StackOcean 阅读(1269) 评论(0) 推荐(0)
摘要:javascript 中使用按位操作符,如果是 右移是将操作数 ,结果如下面图片 完整的 表格: https://developer.mozilla.org/zh CN/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators 验证代码: 总 阅读全文
posted @ 2020-04-23 21:09 StackOcean 阅读(378) 评论(0) 推荐(0)
摘要:ES5: 1. 声明 ,将 ,在里面 ,`循环传进来的数组 indexOf 不存在 往新数组中添加 新数组当作函数返回值`。 ES6: 2. 利用 集合不重复特性,先将数组转成 集合再转回 数组, 比如: 要去重的数组 3. 利用 进行过滤去重,如下 Filter 实现去重的原理,如图: 利用 的特 阅读全文
posted @ 2020-04-23 19:10 StackOcean 阅读(226) 评论(0) 推荐(0)
摘要:题目一: 问:bar函数打印的结果会是什么? 答案: 在 中 如果直接调用一个函数,那么函数内的 始终指向全局对象,比如 是`window node global` 解释下什么叫直接调用? 没有任何修饰的,比如对象前缀的,如 不是对象点这种调用的方式 没有使用 中`call apply this`指 阅读全文
posted @ 2020-04-17 13:53 StackOcean 阅读(107) 评论(0) 推荐(0)
摘要:目录结构: 阅读地址:http://bonsaiden.github.io/JavaScript Garden/zh/ 内容不多,特别涨知识,花一点时间就看完了,边看边敲代码。 阅读全文
posted @ 2020-04-16 18:12 StackOcean 阅读(132) 评论(0) 推荐(0)
摘要:原理:判断是否 整除 来计算一个数是否符合指定间隔数的要求 效果: 代码: 注意: 因为数组索引是从0开始的,i也是0开始的,所以当 i 是 2时其实就是第三个 li 元素了, 可我们这里是整除3,所以只有当 i 的值是3时才会进入if程序块,所以我们需要在程序块里将3减掉 1 并排除 i 为0时的 阅读全文
posted @ 2020-04-04 15:24 StackOcean 阅读(161) 评论(0) 推荐(0)
摘要:先来明白 Array.prototype.slice 和 call的作用 Array.prototype.slice slice(begin, end) 方法返回一个新的数组对象,这一对象是一个由 begin 和 end 决定的原数组的浅拷贝(包括 begin,不包括end)。原始数组不会被改变。 阅读全文
posted @ 2020-04-01 23:55 StackOcean 阅读(261) 评论(0) 推荐(0)
摘要:实现效果: 点击按钮,上下移动行 思路: 实现代码: 阅读全文
posted @ 2019-10-03 16:27 StackOcean 阅读(2411) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-02-16 21:46 StackOcean 阅读(1306) 评论(0) 推荐(1)