摘要:
当谈到运动和动画时,可能没有什么比粒子更让我喜欢了,这就是为什么每次我探索新技术时,我总是以尽可能多的创建粒子来演示。 在本文中,单击按钮时,我们将使用Web Animations API创建烟花效果,从而制作更多的粒子魔术。 浏览器支持 在我撰写本文时,除了Safari和Internet Expl 阅读全文
摘要:
最近开发前端一直用的前端模板引擎;一直使用的 TPPL 模板引擎 源代码如下: function tppl(tpl, _data) { tpl = tpl.replace(/(<)/g, "<").replace(/(&)/g, "&").replace(/(>)/g, ">") 阅读全文
摘要:
在我们学习ESLint之前,我们先来了解一下什么是ESLint ? 什么是ESLint? 官网上告诉我们,ESLint 是一个用来识别 ECMAScript/JavaScript 并且按照规则给出报告的代码检测工具,哦,所以我们可以知道,ESLint 就是一个工具,而且是一个用来检查代码的工具。 代 阅读全文
摘要:
当前端应用越来越复杂时,我们想要将代码分割成不同的模块,便于复用、按需加载等。require 和 import 分别是不同模块化规范下引入模块的语句,下文将介绍这两种方式的不同之处。 1. 出现的时间、地点不同 年份出处 require/exports 2009 Commonjs import/ex 阅读全文
摘要:
一、typeof 简介 在 TypeScript 中, typeof 操作符可以用来获取一个变量或对象的类型。 interface Person { name: string; age: number; } const sem: Person = { name: "semlinker", age: 阅读全文
摘要:
虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作,然而从各大公司面试来看,算法依旧是考察的一方面。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题,这些基础知识的积累可以帮助我们更好的优化解决思路。下面罗列在前端面试中经常撞见的几个问题吧。 阅读全文
摘要:
由于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 [...] 阅读全文