随笔分类 - javascript
摘要：看你不知道的JavaScript中卷 2.1数组时有个疑问。具体是这样的： 用代码来描述就是： 刚开始比较疑惑： 为什么字符串可以通过这种方式，使用数组方法呢 为什么所谓的非变更方法可以这样用而可变更方法 不能呢 当我看到Uncaught TypeError: Cannot assign to re
阅读全文
摘要：其实 d1 无论是哪一年的 1.1 日都可以，d2 与 d1 是同年的日期，即可判断。 附： getTimezoneOffset() ： 函数的返回值为Number类型，返回当前计算机上的时间和UTC时间之间相差的分钟数。一般而言，如果当地时间早于UTC时间(在UTC时区以东，例如亚洲地区)，则返回
阅读全文
摘要：共同点： 不同点： 1.forEach()： 没有返回值，即返回值为undefined 参数：value数组中的当前项, index当前项的索引, array原始数组；数组中有几项，那么传递进去的匿名回调函数就需要执行几次；理论上这个方法是没有返回值的，仅仅是遍历数组中的每一项，不对原来数组进行修改
阅读全文
摘要：1、package.json是什么？ 什么是Node.js的模块（Module）？在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的描述文件，被称为package.json。 通
阅读全文
摘要：做实时的表单表单校验时，如果输入的是非拉丁语言，那你可能会遇到下面的问题： 如上图所示，文本框不允许输入 ' 之类的特殊字符，当用户在敲击拼音、还未最终输入时就已经触发了校验，提示输入不合法，有点尴尬。通常我们都是监听 input 或者 change 事件来校验用户输入，也就是说在用户输入拼音的过程
阅读全文
摘要：两种清除setInterval的方式： 方案一： 方案二（官方推荐）：通过$once事件侦听器器在定义完定时器之后的位置来清除定时器。 方案一有两个潜在的问题： 它需要在这个组件实例中保存这个 timer，如果可以的话最好只有生命周期钩子可以访问到它。这并不算严重的问题，但是它可以被视为杂物。 我们
阅读全文
摘要：一. Eslint： 为什么我们要在项目中使用ESLint ESLint可以校验我们写的代码，给代码定义一个规范，项目里的代码必须按照这个规范写。 加入ESLint有非常多的好处，比如说可以帮助我们避免一些非常低级的错误，一些格式上的问题导致我们在运行生产环境的时候出现一些不明所以的报错。还有就是在
阅读全文
摘要：function formatAmount(amount) { amount = amount.toString(10).split('.'); let _int = amount[0].split(''), _decimals = amount[1], _num = ''; for (let i = _int.length - 1, j = 1; i >= 0; i--...
阅读全文
摘要：许多前端JavaScript框架（例如Angular，React和Vue）都有自己的数据相应引擎。通过了解相应性及其工作原理，您可以提高开发技能并更有效地使用JavaScript框架。在视频和下面的文章中，我们构建了您在Vue源代码中看到的相同类型的Reactivity。 如果您观看此视频而不是阅读
阅读全文
摘要：时下流行什么react, avalon, angular, vue什么，其核心都离不开前端模板。理解前端模板，是我们了解MV* 的关键。 前端框架最重要的目的是将页面渲染出来。“渲染”（render）这个词最初不是前端的东西的。前端之前叫做切图，将设计师做的PSD变成一个静态页面，然后加上动态交互。
阅读全文
摘要：一. let/const： 1. “暂时性死区”概念：在代码块内，使用let/const命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）。“暂时性死区”也意味着typeof不再是一个百分之百安全的操作。 2. 块作用域与函数声
阅读全文
摘要：简介 作为前端er，我们的工作与web是分不开的，随着HTML5的日益壮大，浏览器自带的webapi也随着增多。本篇文章主要选取了几个有趣且有用的webapi进行介绍，分别介绍其用法、用处以及浏览器支持度，同时我也分别为这几个api都做了一个简单的demo（真的很简单，样式等于没有~）这几个api分
阅读全文
摘要：1#computed：计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。 2#methods：methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法中的 this 自动绑定
阅读全文
摘要：一，用好 filter，map，和其它 ES6 新增的高阶遍历函数 二，理解和熟练使用 reduce 三，用递归代替循环（可以break！） 四，使用高阶函数遍历数组时可能遇到的陷阱 五，死磕到底，Transduce！ 六，for 循环和 for … of 循环的区别 七，放弃倔强，实在需要用 fo
阅读全文
摘要：起因是学习异步函数的串行与并行写法时，发现reduce方法可以简化写法，然后看到一篇博客里面这样一段代码: 发现好多不理解的地方,花费些许时间终于弄懂了： accumulator 累加器，即函数上一次调用的返回值。第一次的时候为 initialValue || arr[0] currentValue
阅读全文
摘要：快过年放假了，也终于闲下来了。每天游览于各种技术文章中，这种状态好极了。下午看篇关于js的文章，其中有如下这么一段引起了我的注意。 if (!~names.indexOf(name)) 中的操作符"!~" 什么意思,不理解，先从~入手。 测试可以得出结果值有这个的规律 -(X+1) 搜索一番，有的文
阅读全文
摘要：前提 我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 举个例子 先看一段代码： 通过
阅读全文
摘要：项目中使用的是RESTFUL接口规范，项目框架用的是vue，项目开始时，调研了几个比较有名的mock数据的插件：比如webpack的中间件api-mock，json-server，mockjs，还有express。结合我们项目的情况，逐一尝试，最后选择了express。mock方式很简单，以下为使用
阅读全文
摘要：void 运算符 对给定的表达式进行求值，然后返回 undefined。 何为求值，就是执行之后的表达式。 我们最常见的就是 为什么呢？ 重点在于，不管表达式是什么，它返回的始终都是一个undefined。 顺序也很重要，先计算表达式，然后再返回。 怎么用？ 1、在使用立即执行的函数表达式时，可以利
阅读全文
浙公网安备 33010602011771号