javascript
文章平均质量分 85
风萧萧梦潇
这个作者很懒,什么都没留下…
展开
-
除了自动化访问性测试,我还对构建的页面做的六件事
本文翻译自《Beyond automatic accessibility testing: 6 things I check on every website I build》。如有翻译不当之处,请不吝指正。我刚对客户端完成一次可访问性审核(accessibility audit),然后我决定将我在审核和构建站点过程中执行的各种测试分享给大家。你可以立即应用到项目中,而无需学习一种工具或软件。Step 0:Automatic tests 自动化测试我进行可访问性检测的第一件事就是使用LightHous翻译 2020-06-28 13:14:33 · 281 阅读 · 0 评论 -
遇见你,很幸运——初识 Web Audio
注:本文使用的Web Audio API遵循W3C在18年9月发布的候选推荐版本,本文代码在Chrome76中测试通过,请注意代码兼容性。如有错误,请不吝指正。引言每段缘起始都很简单,或是擦肩而过的那阵清风,或是四目相对的那缕温情,亦是共经患难的那份情谊……初春的一天,在我被工作中出现的问题折磨的不堪之际,经朋友引荐,她出现在我的视野中。我忘不了她解决问题时的煞爽英姿,那干练的身影在我脑海中...原创 2019-11-01 14:57:54 · 1631 阅读 · 2 评论 -
Node爬虫神器Puppeteer安装记(Windows)
对于爬虫,相信大家并不陌生。当希望得到一些网站的数据并做一些有趣的事时,必不可少要爬取网页,用到爬虫。而目前网络上也有很多爬虫的教程资料,不过又尤以python语言居多。想来自己是做web的,就希望以js的方式解决问题,于是希望利用nodejs。今天介绍一款node的爬虫利器:Puppeteer。Puppeteer正如其名“木偶”,它允许我们像牵线木偶一样操纵它。它是一个建立在DevTools...原创 2018-04-29 11:23:09 · 11851 阅读 · 1 评论 -
JavaScript框架对比
如今JavaScript框架三分天下,该学哪些和如何学呢?要知道这些问题,必须要将其进行对比。本文介绍了一种比较方式。本文翻译自Change And Its Detection In JavaScript Frameworks。PS:因为原文写于2015年,有些地方在如今看来有些过时或者改变,但原文思考框架的角度仍然使我感到受益。翻译 2017-10-07 10:53:16 · 346 阅读 · 0 评论 -
JavaScript集合对象遍历方法总结
在JavaScript中能表示集合的数据结构是对象,如数组、普通对象和ES2015中新增的Set和Map等。当然不同对象的表现形式和功能不一样。新增的数据结构和新增的方法也使得集合的遍历变得很容易。针对这样的对象,我们经常使用的操作就是遍历,本文将总结集合对象遍历的几种方式。原创 2017-08-30 16:34:37 · 5622 阅读 · 0 评论 -
阿里前端2018秋招笔试题:判断JSON对象是否有环
前几天做了阿里前端秋招笔试题,感觉受打击很深,找工作很难呀。不过考试完还是要复盘一下。记得有一道题目是判断JSON对象是否有环。因为当使用JSON.stringify()方法格式化一个JSON对象时,如果该对象有环路,就会抛出异常:Uncaught TypeError: Converting circular structure to JSON。原创 2017-08-24 22:44:59 · 1633 阅读 · 0 评论 -
前端面试题:如何使字符串可执行
这是一道今年腾讯春招的面试题。字符串可执行的意思是将字符串转为立即执行的代码,如字符串var a=23;,使其经过某种操作后确实有个值为23的a变量。面试过后我就想总结一下这个问题,于是拖延了几个月后终于写了这篇文章。原创 2017-09-03 20:17:33 · 602 阅读 · 0 评论 -
JavaScript中的冷知识(持续更新中……)
本文将记录一些JavaScript中容易出错的点,由于本人知识有限,所以文章将采取持续更新的方式。本文的JavaScript会涉及浏览器端和服务器端的Node.js。可能有点混杂,等文章丰富了再整理吧。您也可以补充一些自己容易犯的错误。如有错误,请不吝指正。原创 2017-08-31 22:28:05 · 344 阅读 · 0 评论 -
JS实现HTML实体与字符的相互转换(二)
本系列的前一篇文章讲述了HTML实体编码(10进制、16进制)与字符的相互转换,本文将讲述HTML命名实体与字符的相互转换,如<转义成'<'。原创 2017-08-19 18:44:26 · 18687 阅读 · 3 评论 -
JS实现HTML实体与字符的相互转换(一)
最近在用Node.js获取网页时发现返回的网页中有一些实体字符,比如中文应该是“用户名”,结果返回的是用户名,读起来相当不爽,于是网上查询能将html实体字符转化为相应字符的方法,找了一些感觉不对症(不知道我是不是没找对地方)。不多幸好知道了实体字符也是相应Unicode字符的再包装,于是自己写了js代码来完成二者之间的相互转换。不过还是要澄清一下,本文主要原创 2017-06-02 22:58:06 · 19242 阅读 · 1 评论 -
Ajax获取图片的两种方式
在Web项目中,我们可能遇到需要利用Ajax来获取图片的情况。因为客户端处理的是图片文件的二进制流,所以可利用Blob和File API来将图片转为URL,赋值给img的src属性来解决这个问题。本文总结Ajax获取图片的两种方式,即针对XMLHttpRequest Level 1和Level 2给出解决方案。原创 2017-08-10 21:00:24 · 11015 阅读 · 0 评论 -
从一道编程题看JS字符串连接性能
马上就要秋招了,又进入了刷题的季节。在刷题中进步,在刷题中成长。今天就讲一道刷题的趣事。文章结尾给出一些用JS做编程题的小技巧。在讲之前呢,先说一些题外话。之前感觉主流算法编程语言是C、C++、Java,作为前端是很不服气的。但最近题做多了,发现这样不是没有道理的……原创 2017-08-17 11:32:24 · 347 阅读 · 0 评论 -
自己动手搭建React开发环境之五Conclusion
导读:React作为近年来大红大紫的view层框架,以其高效、灵活性、强大的社区环境而受到广泛关注。但react也不是直接就能拿来使用的,它必须通过配置相应环境才能更好的开发项目。虽然你可以使用官方推荐的构建React环境方式Create React App,但有时候也想知道到底它是怎么配置的,所以自己动手搭建React环境也是很必要的学习过程。本系列分为5章,翻译自codecademy关于Reac翻译 2017-07-20 10:11:04 · 584 阅读 · 0 评论 -
自己动手搭建React开发环境之一React和ReactDOM
导读:React作为近年来大红大紫的view层框架,以其高效、灵活性、强大的社区环境而受到广泛关注。但React也不是直接就能拿来使用的,它必须通过配置相应环境才能更好的开发项目。虽然你可以使用官方推荐的构建React环境方式Create React App ,但有时候也想知道到底它是怎么配置的,所以自己动手搭建React环境也是很到的学习过程。本系列分为5篇,本文是第一篇。翻译 2017-07-17 12:25:46 · 5933 阅读 · 0 评论 -
自己动手搭建React开发环境之二Babel
导读:React作为近年来大红大紫的view层框架,以其高效、灵活性、强大的社区环境而受到广泛关注。但React也不是直接就能拿来使用的,它必须通过配置相应环境才能更好的开发项目。虽然你可以使用官方推荐的构建React环境方式Create React App ,但有时候也想知道到底它是怎么配置的,所以自己动手搭建React环境也是很必要的学习过程。本系列分为5章,本文章为第二篇……翻译 2017-07-17 20:29:15 · 726 阅读 · 0 评论 -
自己动手搭建React开发环境之三Webpack
导读:React作为近年来大红大紫的view层框架,以其高效、灵活性、强大的社区环境而受到广泛关注。但react也不是直接就能拿来使用的,它必须通过配置相应环境才能更好的开发项目。虽然你可以使用官方推荐的构建React环境方式Create React App ,但有时候也想知道到底它是怎么配置的,所以自己动手搭建React环境也是很必要的学习过程。本系列分为5章,翻译自codecademy关于Rea翻译 2017-07-19 09:30:09 · 921 阅读 · 0 评论 -
Promise使用手册
本篇以Promise为核心, 逐步展开, 最终分析process.nextTick , promise.then , setTimeout , setImmediate 它们的异步机制.导读Promise问世已久, 其科普类文章亦不计其数. 遂本篇初衷不为科普, 只为能够温故而知新.比如说, catch能捕获所有的错误吗? 为什么有些时候会抛出”Uncaught转载 2017-07-15 10:00:53 · 896 阅读 · 0 评论