随笔分类 - Javascript
摘要：URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。 一个实现了 URLSearchParams 的对象可以直接用在 for...of 结构中，例如下面两行是相等的： for (const [key, value] of mySearchParams) {} for
阅读全文
摘要：直播有一个很重要的互动：点赞。 为了烘托直播间的氛围，直播相对于普通视频或者文本内容，点赞通常有两个特殊需求： 点赞动作无限次，引导用户疯狂点赞 直播间的所有疯狂点赞，都需要在所有用户界面都动画展现出来 我们先来看效果图： 从效果图上我们还看到有几点重要信息： 点赞动画图片大小不一，运动轨迹也是随机
阅读全文
摘要：require.context是什么 一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用i
阅读全文
摘要：简介 V8 是谷歌开发的高性能 JavaScript 引擎，该引擎使用 C++ 开发。目前主要应用在 Google Chrome 浏览器和 node.js 当中。 V8 自带的高性能垃圾回收机制，使开发者能够专注于程序开发中，极大的提高开发者的编程效率。但是方便之余，也会出现一些对新手来说比较棘手的
阅读全文
摘要：来看看 HTML 的历史和规范常识。HTML 规范是 W3C 与 WHATWG 合作共同产出的，HTML5 因此也不例外。其中： W3C 指 World Wide Web Consortium WHATWG 指 Web Hypertext Application Technology Working
阅读全文
摘要：简单说一下准备工作 安装 photo-sphere-viewer依赖 npm install photo-sphere-viewer --save 在你需要用到的页面引入文件 import PhotoSphereViewer from 'photo-sphere-viewer' import 'ph
阅读全文
摘要：学习《JavaScript 高级程序设计》 12章dom范围的笔记 dom2级在Document类型中定义了 createRange()方法； 创建range对象很简单 var range = document.createRange() 操作range对象，有两个步骤，1选择节点，2,操作节点 选
阅读全文
摘要：来自公众号：鱼头的Web海洋 链接：https://github.com/YvetteLau/Step-By-Step/issues/9#issuecomment-495684588 此题目的答案可以分为三大类： 1. 类型转换时的劫持 首先我们要知道，在 JS 中类型转换只有三种情况，分别是： 转
阅读全文
摘要：最近做一个移动端的页面，有一个输入框是放在了页面的底部，当点击输入框弹出输入法虚拟键盘的时候，出现了虚拟键盘遮挡输入框的情况，虽然手动向上滑动页面将输入框滑到可视范围内，但在一定程度上影响了用户体验，若能解决掉这个问题，最好不过了，到网上查了一下，很显然不止我一个人遇到这种问题，而解决方案，居然也很
阅读全文
摘要：Notification 对象，存在于window上，可以生成一个通知对象以推送推送浏览器消息通知。 这玩意兼容性不咋地，实不实用看场景。对外用户的应用，自然是鸡肋功能，因为你无法知道用户使用的是哪家哪版本的浏览器；对内部系统的帮助则是很大，内部员工使用的浏览器是可控的，为了实现更大的工作效率，该功
阅读全文
摘要：前言 我们知道，JavaScript之所以能在浏览器环境和NodeJS环境运行，都是因为有V8引擎在幕后保驾护航。从编译、内存分配、运行以及垃圾回收等整个过程，都离不开它。 在写这篇文章之前，我也在网上看了很多博客，包括一些英文原版的内容，于是想通过这篇文章来做一个归纳整理，文中加入了我自己的思考，
阅读全文
摘要：简介 Javascript 是一种奇怪语言，有些人喜欢它，有些人讨厌它。它有许多独特的机制，这些机制在其他流行语言中不存在，也没有对应的机制，还有突出明显的就是代码的执行顺序 了解浏览器环境，它的组成以及它的工作原理会让我们在编写 JS 时更加自信，并为可能发生的潜在问题做好了充分的准备。 在这篇文
阅读全文
摘要：TreeWalker是NodeIterator的一个更高级的版本。 TreeWalker的创建 document.createTreeWalker(root, whatToShow, filter, EntityReferenceExpansion) 其中接收的参数与 document.create
阅读全文
摘要：NodeIterator和TreeWalker能够基于给定的起点对DOM结构进行深度优先（depth-first）的遍历操作。 IE不支持DOM遍历。 可以使用下面代码检测浏览器DOM2级遍历能力的支持： var supportTraversala = document.implementation
阅读全文
摘要：//convert string to xml object function String2XML(xmlString) { // for IE if (window.ActiveXObject) { var xmlobject = new ActiveXObject("Microsoft.XML
阅读全文
摘要：onpageshow 事件 定义和用法 onpageshow 事件在用户浏览网页时触发。 onpageshow 事件类似于 onload 事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发。 为了查
阅读全文
摘要：众所周知canvas是位图，你可以在里面渲染你要的东西，不过你只能操作canvas的属性来进行编辑。就是说你并不能操作画进canvas的东西，例如我在canvas里添加一幅画，我现在想将那幅画移动10px，我们并不能直接操作那幅画，因为我们根本获取不到那幅画的任何信息。我们永远只能获取到的是canv
阅读全文
摘要：globalCompositeOperation 实例 使用不同的 globalCompositeOperation 值绘制矩形。红色矩形是目标图像。蓝色矩形是源图像： source-over destination-over JavaScript: var c=document.getElemen
阅读全文
摘要：零、 介绍 本篇文章主要介绍如何从零开始做一个完整的图片裁剪组件 背景 一个图片裁剪组件的应用场景其实比较多，相应的第三方插件也不少，但有时候会需要一些特定的功能，比如想有个特定样式的裁剪框，想批量裁剪，甚至想直接裁出定制化的尺寸等等，这时就只能手写一个裁剪组件了。 大致流程 一、上传读取图片 上传
阅读全文
摘要：业务场景当用户关闭浏览器、刷新浏览器或者跳转其他页面时，向服务器发送一些统计数据。 常规方案1. 直接发送 xhr 请求我们会优先想到监听页面的unload或者beforeunload事件，在事件回调里使用XMLHttpRequest发送异步请求。 但是由于是xhr请求是异步发送，很可能在它即将发送
阅读全文
浙公网安备 33010602011771号