随笔分类 - Javascript
摘要：前言 在JavaScript中，document对象有很多属性，其中有3个与对网页的请求有关的属性，它们分别是URL、domain和referrer。 URL属性包含页面完整的URL，domain属性中只包含页面的域名，而referrer属性中则保存着链接到当前页面的那个页面的URL。 前面两个很好
阅读全文
摘要：pointer-events 更像是JavaScript，它能够： 阻止用户的点击动作产生任何效果 阻止缺省鼠标指针的显示 阻止CSS里的 hover 和 active 状态的变化触发事件 阻止JavaScript点击动作触发的事件 实际代码使用中案例： 1、提交页面，提交按钮点击后，添加这个样式属
阅读全文
摘要：类的修饰 许多面向对象的语言都有修饰器（Decorator）函数，用来修改类的行为。目前，有一个提案将这项功能，引入了 ECMAScript。 @testable class MyTestableClass { // ... } function testable(target) { target.
阅读全文
摘要：1. 实现一个简单的三角形 使用CSS盒模型中的border（边框）即可实现如下所示的三角形： CSS实现简单三角形 实现原理： 首先来看在为元素添加border时，border的样子；假设有如下代码： <div></div> div { width: 50px; height: 50px; bor
阅读全文
摘要：1.什么是BOM？ BOM是用来判断文本文件是哪一种Unicode编码的标记，其本身是一个Unicode字符（"\uFEFF"），位于文本文件头部。 在不同的Unicode编码中，对应的bom的二进制字节如下： Bytes Encoding FE FF UTF16BEFF FE UTF16LEEF
阅读全文
摘要：这两个事件看起来很相似，事实上却非常的不同。 onselectstart 使用js禁止用户选中网页上的内容，IE及Chrome下的方法一样。使用onselectstart，例如 IE: <body onselectstart="return false"> Firefox：，控制css: body
阅读全文
摘要：一、简介 HTML5引入了 history.pushState() 和 history.replaceState() 方法，它们分别可以添加和修改历史记录条目。这些方法通常与window.onpopstate 配合使用。 二、pushState() 方法的例子 假设在 http://mozilla.
阅读全文
摘要：一般在web端图片100%自适应,在页面加载的时候存在高度塌陷的问题 解决这个问题其实很简单,用padding-top设置百分比值来实现自适应,公式如下 padding-top = (Image Height / Image Width) * 100% 如:图片宽400px,高200px;套用上面公
阅读全文
摘要：在大多数情况下，浏览器为了提高性能，会有相应的缓存措施，其中缓存图片是一种常见的做法，因为图片在请求时需要占用大量的流量，所以在短时间内缓存图片可以起到不错的提高响应速度的作用。但是在有些时候，我们不希望浏览器的这种对于图片的缓存，举个例子，使用后台管理前台显示的图片内容时，为了能够看出修改图片后的
阅读全文
摘要：node.js篇 第一步引入包 npm install xlsx -save 第二步使用 var xl =require('xlsx'); //workbook 对象，指的是整份 Excel 文档。我们在使用 js-xlsx 读取 Excel 文档之后就会获得 workbook 对象。 var wo
阅读全文
摘要：iframe基本内涵 通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。 <iframe src="demo_iframe_sandbox.htm"></iframe> 但是，有追求的我们，并不是想要这么low的iframe. 我们来看看在iframe中还可以设置些什么属
阅读全文
摘要：meta标签介绍 meta标签是HTML语言head区域的一个辅助性标签，常用于定义页面的说明，关键字，最后修改的日期和其他的元数据。这些元数据将服务于浏览器，搜索引擎和其他网络服务。 meta标签的组成 meta标签共有两个属性，分别是http-equiv属性和name属性。 name属性 nam
阅读全文
摘要：什么是ServiceWorker 在介绍ServiceWorker之前，我们先来谈谈PWA。PWA (Progressive Web Apps) 是一种 Web App 新模型，并不是具体指某一种前沿的技术或者某一个单一的知识点，，这是一个渐进式的 Web App，是通过一系列新的 Web 特性，配
阅读全文
摘要：js中获取各种宽度和距离，常常让我们混淆，各种浏览器的不兼容让我们很头疼，现在就在说说js中有哪些宽度和距离。 1、名词解释 screen：屏幕。这一类取到的是关于屏幕的宽度和距离，与浏览器无关，应该是获取window对象的属性。 client：使用区、客户区。指的是客户区，当然是指浏览器区域。 o
阅读全文
摘要：现代浏览器包括ie11，可以直接用h5的全屏api实现 低版本的IE需要通过ActiveX插件实现； 代码实现 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button on
阅读全文
摘要：定义和用法 createPattern() 方法在指定的方向内重复指定的元素。 元素可以是图片、视频，或者其他 <canvas> 元素。 被重复的元素可用于绘制/填充矩形、圆形或线条等等。 JavaScript 语法： context.createPattern(image,"repeat|repe
阅读全文
摘要：效果图.gif prologue 之前在网上看到一个面试题：如何实现浏览器中多个标签页之间的通信。我目前想到的方法有三种：使用websocket协议、通过localstorage、以及使用html5浏览器的新特性SharedWorker。 websocket这里先不介绍了,全双工(full-dupl
阅读全文
摘要：BroadcastChannel，就字面意思来言，叫做“广播频道”，官方文档说，该API是用于同源不同页面之间完成通信的功能。 1. 概况 它与window.postMessage的区别就是，BroadcastChannel只能用于同源的页面之间进行通信，而window.postMessage却可以
阅读全文
摘要：这是著名开源项目 clipboard.js 的 README.md，我把它翻译成中文。发出来，方便自己和他人阅读。项目地址：https://github.com/zenorocha/clipboard.js 现代化的“复制到剪切板”插件。不包含 Flash。gzip 压缩后仅 3kb。 为什么使用它
阅读全文
摘要：当使用fetch 发起跨域请求时，CORS（跨域资源共享Cross-origin resource sharing） 请求fetch const body = {name:"Good boy"}; fetch("http://localhost:8000/API",{ headers:{ 'cont
阅读全文
浙公网安备 33010602011771号