随笔分类 - Javascript
摘要：前言 当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈选、画箭头、马赛
阅读全文
摘要：介绍 driver.js是一个网页端的用户操作分步引导操作，可以在整个页面上引导用户操作，用这种方式来引导用户在进入页面后的操作，以便于用户更快的熟悉系统功能！ Github https://github.com/kamranahmedse/driver.js 特性 driver.js与所有主要浏览
阅读全文
摘要：最近在一些项目编译系统的工作中涉及到了很多关于babel插件的开发，关于babel大多数人的感受可能是既陌生又熟悉，可能大多数人对于babel的应用场景的认识就是在webpack中使用一个babel-loader，但当你真正了解他掌握它的时候，会发现他其实还有些更强的用法。。。 基本概念 babel
阅读全文
摘要：你是否曾经尝试过运行复杂的计算，却发现它需要花费很长时间，并且拖慢了你的进程？ 有很多方法可以解决这个问题，例如使用 web worker 或后台线程。GPU 减轻了 CPU 的处理负荷，给了 CPU 更多的空间来处理其他进程。同时，web worker 仍然运行在 CPU 上，但是运行在不同的线程
阅读全文
摘要：无论你用 React，Vue，还是 Angular，你还是要一遍一遍写相似的 CRUD 页面，一遍一遍，一遍一遍，一遍又一遍…… “天下苦秦久矣”～～ 前端开发的“痛点”在哪里？ 现在的前端开发，我们有了世界一流的 UI 库 React，Vue，Angular，有了样式丰富的 UI 组件库 Tea
阅读全文
摘要：古有赵子龙面对“冲锋之势，有进无退，陷阵之志，有死无生”的局面，能万军丛中取敌将首级。 在我们的Javascript中，往往用对象（Object）来存储一个数据结构。如果这个结构非常复杂，那么想要安全优雅地取出一个值，也并非简单。 这篇文章将会详细阐述在一个嵌套较深的场景中，如何安全的完成读写操作。
阅读全文
摘要：JavaScript是一门非常灵活的语言，我感觉在某些方面可能比PHP更加灵活。所以，除了传统的SQL注入、代码执行等注入型漏洞外，也会有一些独有的安全问题，比如今天要说这个prototype污染。 0x01 prototype和__proto__分别是什么？ JavaScript中，我们如果要定义
阅读全文
摘要：Polyfill 我们希望浏览器提供一些特性，但是没有，然后我们自己写一段代码来实现他，那这段代码就是补丁。 一般处理方式：babel-polyfill.js 引入 <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/
阅读全文
摘要：页面流畅与 FPS 页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到 60 时，页面是流畅的，小于这个值时，用户会感觉到卡顿。 1s 60帧，所以每一帧分到的时间是 1000/60 ≈ 16 ms。所以我们书写代码时力求不让一帧的工作量超过 16ms。 Frame 那么浏览器每一帧都需要完成
阅读全文
摘要：一、背景 文章2017 前端大事件和趋势回顾，2018 何去何从？中提到了2017年前端值得关注的十大事件，其中就提到了PWA。 大家都知道Native app体验确实很好，下载到手机上之后入口也方便。它也有一些缺点: 开发成本高(ios和安卓) 软件上线需要审核 版本更新需要将新版本上传到不同的应
阅读全文
摘要：微前端是一个可以追溯到多年前的新趋势。随着新方法的出现以及各种挑战被克服，它们正在慢慢地进入主流。但遗憾的是，许多非常明显的认识误区，让许多人很难理解微前端到底是什么。 简而言之，微前端就是将微服务的一些好处引入前端。除此之外，我们不应该忘记，微服务也不是什么“银弹”。 提示：要在微前端或任何其他项
阅读全文
摘要：在开发中，你是否会为了系统健壮性，亦或者是为了捕获异步的错误，而频繁的在 async 函数中写 try/catch 的逻辑？ async function func() { try { let res = await asyncFunc() } catch (e) { //...... } } 曾经
阅读全文
摘要：性能优化相关的文章其实网上挺多，但是大部分都是在讲如何优化性能，也就是讲方法论。但是在实际工作中，如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指标（也可以认为是性能指标），每个指标分别根据以下几点讲解： 指标本身的作用、测量、推荐时间区间等 如何指标进行优化，该内容会在文
阅读全文
摘要：在做多语言页面，接触过阿利伯语、希伯来语的同学肯定了解书写方向的重要性，包括我们五四运动前的书写顺序也是从右到左的。css中 unicode-bidi和direction属性决定了HTML或XML文字渲染方向，两个属性结合使用可以改变文字书写顺序 direction direction属性有三个值
阅读全文
摘要：上周的时候，朋友圈的直升飞机不知道为什么就火了，很多朋友开着各种花式飞机带着起飞。 还没来得及了解咋回事来着，这个直升飞机就🔥到了微博热搜。 后面越来越多人开来他们的直升飞机，盘旋在朋友圈上方。于是很多朋友开来他们的坦克，专打直升飞机，一轰一个准。 程序员朋友应该都很熟悉 Unicode （万国码
阅读全文
摘要：来自公众号：全栈修仙之路 如果你允许用户从你的网站上下载某些文件，那你可能会遇到 Blob 类型。为了实现上述的功能，你可以很容易从网上找到相关的示例，并根据实际需求进行适当的调整。对于部分开发者来说，在完成上述功能之后，他们并不会继续思考 Blob 是什么？ 这就导致了一些开发者，还是停留在熟练使
阅读全文
摘要：在日常开发中总是和各种 API 打交道，我们名为前端工程师实为 API 调用工程师。这篇文章我就分享 7 个有趣的 API，你若通过阅读这篇文章对前端增加一点点的乐趣，对我来说也是一种鼓励。这些API在不同的浏览器中兼容性也不一样，使用前请仔细审查。 API使用示例 我们先看下其中几个API的实战效
阅读全文
摘要：在线图片压缩 负责项目的朋友甩给我一个在线图片压缩网站（https://tinypng.com） tinypng 意图很明显，但难道让我把图片一张张上传上去压缩下载吗？ 我依然不是前端小白，即使肉眼一扫基本知道哪些图片需要处理，但这种重复劳动虽然管用但很“不健康”，对于自我成长，首先要有强烈的意愿去
阅读全文
摘要：前言 前面我们已经聊了ajax，它的特点是浏览器必须先发起请求，服务器才能给出对应的响应，想一想能不能让服务器主动向浏览器推送数据呢？那么这篇文章我们来聊一聊服务器推送功能。 轮询 假设你现在需要去做一个球赛直播页面，一个主播在后台文字直播比赛，那么这就要求解说数据尽可能的实时到达浏览器，那么我们如
阅读全文
摘要：前言：对于大多数前端工程师来说，图片就是UI设计师(或者自己)切好的图，你要做的只是把图片丢进项目中，然后用以链接的方式呈现在页面上，而且我们也经常把精力放在项目的打包优化构建上，如何分包，如何抽取第三方库……..有时我们会忘了，图片才是一个网站最大头的那块加载资源(见下图)，虽然图片加载可以不不阻
阅读全文
浙公网安备 33010602011771号