随笔分类 - javascript
摘要：虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作，然而从各大公司面试来看，算法依旧是考察的一方面。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题，这些基础知识的积累可以帮助我们更好的优化解决思路。下面罗列在前端面试中经常撞见的几个问题吧。
阅读全文
摘要：由于js是单线程语言，为了解决异步操作所以设计了事件循环。 宏任务：setTimeout、setInterval 、script（整体代码）、 I/O 操作、UI 渲染等微任务：setImmediate、process.nextTick()、 new Promise().then(回调)、Mutat
阅读全文
摘要：最近项目遇到一个小问题代码我会简化成小例子展示给大家。 用心看到最后会有收获哈，基础扎实的童鞋可以直接跳到数组类型使用。 说到 indexOf 大家并不陌生，判断字符串是否包涵子字符串时特别常用（正则不熟练同学的利器）。 String 类型的使用 温习一下大家熟知的字符串用法，举个例子 let st
阅读全文
摘要：背景 前端编写测试用例时，在测试界面上的一些效果时，通常都希望能够模拟一些用户操作，而模拟用户操作最主要的方式就是用代码触发指定事件。通常一些元素上会自带一些触发事件的方法，例如click、focus等，但是如果是其他的事件，例如mousedown、mouseup、mouseenter，这些事件怎么
阅读全文
摘要：在 TypeScript中，any 和 unknown 是包含所有值的类型。在本文中，我们将会研究它们是怎样工作的。 TypeScript 的两种顶级类型 any 和 unknown 在 TypeScript 中是所谓的“顶部类型”。以下文字引用自 Wikipedia： top type [...]
阅读全文
摘要：一、什么是接口 接口是面向对象JavaScript程序员的工具箱中最有用的工具之一。在设计模式中提出的可重用的面向对象设计的原则之一就是“针对接口编程而不是实现编程”，即我们所说的面向接口编程，这个概念的重要性可见一斑。但问题在于，在JavaScript的世界中，没有内置的创建或实现接口的方法，也没
阅读全文
摘要：解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头、正确响应options请求，正确设置 JavaScript端需要设置的headers信息 方能实现。 此处手札 供后人参考~ 1.第一步 服务端设置响应头 header('Access-Control-Allow-Ori
阅读全文
摘要：在 Web Worker中使用无限同步循环 由于 Web Worker 本质上是Web线程，因此你可以在其中无限循环而不阻塞主线程。这使你可以访问微秒级的时间分辨率。这对于在 Worker 中做出时间关键的决策是特别实用的，可以让主线程准确的知道什么时候合适。例如：只要微秒是质数，就渲染某些东西。要
阅读全文
摘要：js 可以使用 Math（算数） 对象来实现随机数的生成。 需要了解的 Math 对象方法 方法描述 ceil(x) 对数进行上舍入，即向上取整。 floor(x) 对 x 进行下舍入，即向下取整。 round(x) 四舍五入。 random() 返回 0 ~ 1 之间的随机数，包含 0 不包含 1
阅读全文
摘要：一、什么是 reduce() ？ reduce() 方法对数组中的每个元素执行一个升序执行的 reducer 函数，并将结果汇总为单个返回值 const array1 = [1, 2, 3, 4]; const reducer = (accumulator, currentValue) => acc
阅读全文
摘要：劫持产生的原因和方式 在网页开发的访问过程中， http是我们主要的访问协议。我们知道http是一种无状态的连接。即没有验证通讯双方的身份，也没有验证信息的完整性，所以很容易受到篡改。运营商就是利用了这一点 篡改了用户正常访问的网页，插入广告或者其他一些杂七杂八的东西 ，达到盈利的目的。 运营商的一
阅读全文
摘要：介绍 本指南为您介绍了在台式机和移动网络在不同的平台和浏览器（ < 99.99 ％我可能会跳过一些浏览器）开发的JavaScript SDK ，对于那些非浏览器开发的支持（硬件，嵌入式，节点/ IO js ）被排除在本文档之外，在未来予以考虑。因为我没有找到一个关于设计JavaScript SDK的
阅读全文
摘要：这一篇是在实际工程中遇到的一个难得的例子；反映在Node里两种编程范式的设计冲突。这种冲突具有普适性，但本文仅分析问题本质，不探讨更高层次的抽象。 我在写一个类似HTTP的资源协议，叫RP，Resource Protocol，和HTTP不同的地方，RP是构建在一个中立的传输层上的；这个传输层里最小的
阅读全文
摘要：引言 之前我写过一篇关于JavaScript中的对象的一篇文章，里面也提到了作用域链的概念，相信大家对这个概念还是没有很深的理解，并且这个概念也是面试中经常问到的，因为这个概念实在太重要了，在我们平时写代码时，也可能会因为作用域链的问题，而出现莫名其妙的bug，导致我们花费大量的时间都查找不出原因。
阅读全文
摘要：目的 为了了解路由的底层工作原理，自己参考资料，仿写了vue-router的部分功能。当然自己写的DEMO功能较粗糙，主要实现核心功能，其它功能有待完善、补充。 思路 参考vue-router，我们实现路由插件的api、组件尽量保持跟vue-router一样； 首先添加一个SRouter类，来模拟v
阅读全文
摘要：onload和window.onload的使用时的区别？ 1.onload在标签元素中使用。 2.window.onload在script中直接使用。 3.当出现多个onload,总是最后的覆盖前面出现的，也就是只使用最后一次出现的onload的内容 注意： 在body里面使用window.onlo
阅读全文
摘要：变量的解构赋值 1.解构可以用于数组，还可以用于对象。 对象的解构赋值，可以很方便地将现有对象的方法，赋值到某个变量。 // 例一 let { log, sin, cos } = Math; // 例二 const { log } = console; log('hello') // hello 2
阅读全文
摘要：一，JavaScript是什么？ 1，JavaScript简称： js，是一种浏览器解释型语言，嵌套在html文件中交给浏览器解释执行。主要用来实现网页的动态效果，用户交互及前后端的数据传输等。 2，JavaScript 组成 1，核心语法 - ECMAScript (ES5-ES6) 规范了Jav
阅读全文
摘要：第1题 请说出下列代码最终的执行结果，并解释为什么？ var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); } } a[6](); 最终执行结果为：打印 10。 原因：for 循环时是使用 va
阅读全文
摘要：在做移动端网站时，有时因技术问题或其他原因无法制作响应式版面，而移动端页面只能放到子目录下，但是手机端通过搜索引擎进入网站电脑端子页面，无法匹配到移动端页面，使得用户体验很不好，即影响排名也影响转化。这里有一个js代码可以实现用户使用手机访问电脑端，自动跳转到对应手机页面。 举例：一个pc页面htt
阅读全文
浙公网安备 33010602011771号