乐胖代购免代理版

欢迎

Navigator.sendBeacon()代码通常尝试在卸载（unload）文档之前向web服务器发送数据

navigator.sendBeacon() 方法可用于通过 HTTP POST 将少量数据异步传输到 Web 服务器。它主要用于将统计数据发送到 Web 服务器，同时避免了用传统技术（如：XMLHttpRequest）发送分析数据的一些问题。语法navigator.sendBeacon(url);navigator.sen

数据

用户代理

生命周期

原创精选 2022-03-29 10:53:55 10000+阅读

#yyds干货盘点#2022 年 1 月的 8 个有趣的排版链接

时不时地，我发现我已经积累了一堆关于我觉得有趣的各种事情的链接。排版就是其中之一！这是我一直保存并认为值得分享的其他文章的排版链接列表。来自 OH no Type Company的一款很棒的新字体输出 Sans 可变— David Jonathan Ross 的输出是真正的主力字体。他一直在将它作为一个变量重新做，作为努力让可变字体“越过驼峰”的一部分——也就是说，它不再

自定义字体

自定义

解决方案

原创 2022-02-28 08:30:15 1487 阅读 yyds干货盘点

#yyds干货盘点#2022 年 1 月的 8 个有用的辅助功能链接

不时地，我发现我已经积累了一堆关于我觉得有趣的各种事情的链接。可访问性就是其中之一！这是我一直保存并认为值得分享的其他文章的相关链接列表。关于 Web 可访问性的神话— 阿尔瓦罗·蒙托罗（Alvaro Montoro）涵盖了一些经典作品。我最喜欢的是“无障碍是为残障人士准备的”。可访问性是为残障人士服务的，因为他们是人，而可访问性是为人服务的。可访问性神话— 说到神话，S

表单

无障碍

html

原创 2022-02-28 08:29:42 1204 阅读 yyds干货盘点

#yyds干货盘点#Chrome 中的 CSS 下划线太细太低

text-decoration-thickness在测试新的 CSS和属性时，我在 Chrome 中遇到了两个错误text-underline-offset，我想在本文中与您分享它们。目录默认下划线不一致幸运的是，我们可以覆盖浏览器的默认值Chrome bug 1：macOS 上的下划线太细Chrome bug 2：下划线太低帮助确定 Chro

下划线

chrome

safari

原创 2022-02-28 08:29:01 841 阅读 yyds干货盘点

#yyds干货盘点#Chrome 中的 CSS 下划线太细太低

text-decoration-thickness在测试新的 CSS和属性时，我在 Chrome 中遇到了两个错误text-underline-offset，我想在本文中与您分享它们。目录默认下划线不一致幸运的是，我们可以覆盖浏览器的默认值Chrome bug 1：macOS 上的下划线太细Chrome bug 2：下划线太低帮助确定 Chro

下划线

chrome

safari

原创 2022-02-28 08:29:01 583 阅读 yyds干货盘点

#yyds干货盘点#没有运动并不总是喜欢减少运动

prefers-reduced-motion当谈论媒体查询时，我一直看到一个代码片段。这里是：@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-du

css

首选项

缩放

原创 2022-02-26 07:01:17 733 阅读 yyds干货盘点

你不知道的＜link＞

HTML外部资源链接元素 (<link>) 规定了当前文档与外部资源的关系。该元素最常用于链接样式表，此外也可以被用来创建站点图标(比如PC端的“favicon”图标和移动设备上用以显示在主屏幕的图标) 。要链接一个外部的样式表，你需要像这样在你的<head>中包含一个<link>元素：<link href

javascript

ico

样式表

css

原创 2022-02-25 09:57:13 583 阅读

你不知道的iframe

每个嵌入的浏览上下文（embedded browsing context）都有自己的会话历史记录(session history)和DOM树。包含嵌入内容的浏览上下文称为父级浏览上下文。顶级浏览上下文（没有父级）通常是由 Window 对象表示的浏览器窗口。页面上的每个<iframe>都需要增加内存和其它计算资源，这是因为每个浏览上下文都拥有

javascript

首部

html

html5

原创 2022-02-25 09:56:54 667 阅读

开发常用-post请求下载文件

function postExcelFile(params, url) { //params是post请求需要的参数，url是请求url地址　　var form = document.createElement("form");　　　　form.style.display = 'none';　　　　　form.action = url;　　　　　form.method = "post";　　　　document.body.appendChild(form);　　　　for(var key i.

javascript

post请求

其他

原创 2022-02-25 09:56:36 772 阅读

indexedDB 增删改查

/** * 打开数据库 */export function openDB() { return new Promise((resolve, reject) => { let indexedDB = window.indexedDB || window.webkitindexedDB; let request = indexedDB.open(conf.name); request.onerror = function (e) { .

javascript

数据

数据库

添加数据

其他

原创 2022-02-25 09:56:35 246 阅读

开发常用-绘制钟表

var canvas = document.getElementById("canvas");var ctx = canvas.getContext("2d");var width = canvas.width;var height = canvas.height;var centerX = width / 2;var centerY = width / 2;var r = 200;function init() {ctx.clearRect(0, 0, width, height);ct

canvas

i++

2d

其他

原创 2022-02-25 09:56:35 610 阅读

前端性能优化-Performance详解

Performance接口可以获取到当前页面中与性能相关的信息。它是 High Resolution Time API 的一部分，同时也融合了Performance Timeline API、Navigation Timing API、User Timing API和Resource Timing API。该类型的对象可以通过调用只读属性Window.performance来获得。注意：除了以下指出的情况外，该接口及其成员在Web Worker中可用。此外，还需注意，perfo...

javascript

输入缓冲区

json

性能测量

其他

原创 2022-02-25 09:56:34 533 阅读

jquery 插件的基本写法

(function($){ var a={name:'大师',age:5555} var b={sex:'男',grade:5555} var c=$.extend({},a,b);//合并到新的对象 console.log(c) $.extend({//扩展静态方法 wushu:function(){alert('你不讲武德');} }); $.fn.extend({..

jquery

实例方法

静态方法

其他

原创 2022-02-25 09:56:34 162 阅读

你不知道的MutationRecord

每个MutationRecord都代表一个独立的 DOM 变化，在每次随 DOM 变化调用MutationObserver的回调函数时，一个相应的MutationRecord会被作为参数，传递给回调函数。属性属性类型描述 MutationRecord.type String 如果是属性变化，则返回"attributes"；如果是characterData节点变化，则返回"characterData"；如果是子节点树childLis...

html

子节点

edn

回调函数

其他

原创 2022-02-25 09:56:33 298 阅读

你不知道的MutationObserver观察DOM树变动

MutationObserver接口提供了监视对DOM树所做更改的能力。它被设计为旧的Mutation Events功能的替代品，该功能是DOM3 Events规范的一部分。构造函数MutationObserver()创建并返回一个新的MutationObserver它会在指定的DOM发生变化时被调用。方法disconnect()阻止MutationObserver实例继续接收的通知，直到再次调用其observe()方法，该观察者对象包含的回调函数都不会再被调用。obse...

javascript

回调函数

构造函数

其他

原创 2022-02-25 09:56:33 116 阅读

jquery ajax同源、跨域请求整理

//同源ajax请求数据 function getData(url,paramjson,fn) { $.ajax({ type : "POST", //提交方式 url : url, //路径 async:true.

javascript

json

数据

ajax

其他

原创 2022-02-25 09:56:32 141 阅读

开发常用-libflexable.js--注释版

;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; /** * 获取例如<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scal

javascript

meta标签

字符串

缩放比例

原创 2022-02-25 09:51:23 121 阅读

开发常用-上传geojson文件前端解析

parseGeson(context, fileInputId) { return new Promise(((resolve) => { var inputFile = document.querySelector(`#${fileInputId}`); inputFile.addEventListener("change", (event) => { var uri = event.target.value; if (!/.ge...

javascript

json

上传

其他

原创 2022-02-25 09:51:06 256 阅读

开发常用-点击空白处隐藏

<head> <style> * { margin: 0; padding: 0; } #item { width: 200px; height: 200px; background: red; } </style> <meta name="v...

javascript

scala

html

其他

原创 2022-02-25 09:51:05 158 阅读

开发常用-改造老项目监听属性变动

varobj={name:99,age:777}functionWatch(obj,prop){varthat=this;that.val=obj[prop];that.setFuns=[];Object.defineProperty(obj,prop,{...

javascript

其他

原创 2022-02-25 09:51:05 33 阅读

开发常用-无操作多少时间后退出

<head> <style> * { margin: 0px; padding: 0px; } .con { width: 1000wpx; height: 800hpx; background: gray } .header { ...

javascript

html

scala

其他

原创 2022-02-25 09:51:04 79 阅读

开发常用-格式化checkbox

<head> <style> * { margin: 0px; padding: 0px; } input { margin: 20px; border: 0px; outline: 0px!important; background-color: transparen...

css

scala

html

其他

原创 2022-02-25 09:51:04 32 阅读

Goibibo 的 PWA 如何将转化率提高 60%

Goibibo是印度领先的在线旅游预订门户。通过构建与 iOS 和 Android 应用程序功能相匹配的全功能且可靠的渐进式 Web 应用程序，Goibibo 实现了 60% 的转换（与之前的 Web 流程相比）。突出机会#在改善用户体验的过程中，Goibibo 注意到了一些趋势：由于用户已经转向或迅速转向移动设备，他们对移动网络的最初策略是构建轻量级且功能强大的应用程

前端

应用程序

ios

android

原创 2022-02-25 09:47:46 141 阅读

判断是否为强口令

functionifruo(value){varm=/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/;if(m.test(value)){returntrue;}else{returnfalse;}}

javascript

其他

原创 2022-02-25 09:30:59 73 阅读

移动端长按事件

//callback:长按回调//longTime:长按时间functionLongTouch(dom,callback,longTime){varthat=this;that.dom=dom;that.fn=function(){varstartTime=newDate().getTime();...

javascript

长按事件

其他

原创 2022-02-25 09:30:59 509 阅读

你不知道的＜img＞

src 属性是必须的，它包含了你想嵌入的图片的文件路径。 alt 属性包含一条对图像的文本描述，这不是强制性的，但对可访问性而言，它难以置信地有用——屏幕阅读器会将这些描述读给需要使用阅读器的使用者听，让他们知道图像的含义。如果由于某种原因无法加载图像，普通浏览器也会在页面上显示alt 属性中的备用文本：例如，网络错误、内容被屏蔽或链接过期时。还有很多其他属性，可

javascript

描述符

css

chrome

原创 2022-02-25 09:29:35 118 阅读

webSQL 增删改查

/** *数据库操作辅助类,定义对象、数据操作方法都在这里定义 */const conf = { dbName: 'h5ds', /*数据库名*/ version: '2.0', /*数据库版本*/ dbDesc: 'h5ds 本地本地数据库', /*数据库描述*/ dbSize: 100 * 1024 /*数据库大小 kb*/}/** * 打开数据

javascript

sql

表单

数据库

原创 2022-02-25 09:19:19 116 阅读

浏览器知识面试必备

1. 跨标签页通讯通过父页面window.open()和子页面postMessage异步下，通过 window.open('about: blank') 和 tab.location.href = '*'设置同域下共享的localStorage与监听window.onstorage重复写入相同的值无法触发会受到浏览器隐身模式等的限制设置共享cookie与不断轮询脏检查(setInterval)借助

javascript

重绘

css

数据

原创 2022-02-25 09:19:02 64 阅读

你不知道的window.URL

URL接口用于解析，构造，规范化和编码 URLs。它通过提供允许您轻松阅读和修改URL组件的属性来工作。通常，通过在调用URL的构造函数时将URL指定为字符串或提供相对URL和基本URL来创建新的URL对象。然后，您可以轻松读取URL的已解析组成部分或对URL进行更改。如果浏览器尚不支持URL()构造函数，则可以使用Window中的Win

javascript

字符串

构造函数

html

原创 2022-02-25 09:18:35 161 阅读

关键渲染路径

关键渲染路径是浏览器将 HTML，CSS 和 JavaScript 转换为屏幕上的像素所经历的步骤序列。优化关键渲染路径可提高渲染性能。关键渲染路径包含了文档对象模型 (DOM)，CSS 对象模型 (CSSOM)，渲染树和布局。在解析 HTML 时会创建文档对象模型。HTML 可以请求 JavaScript，而 JavaScript 反过来，又可以更改 DOM。HTML

javascript

css

html

对象模型

原创 2022-02-25 09:18:14 57 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

11631800

欢迎

Navigator.sendBeacon()代码通常尝试在卸载（unload）文档之前向web服务器发送数据

#yyds干货盘点#2022 年 1 月的 8 个有趣的排版链接

#yyds干货盘点#2022 年 1 月的 8 个有用的辅助功能链接

#yyds干货盘点#Chrome 中的 CSS 下划线太细太低

#yyds干货盘点#Chrome 中的 CSS 下划线太细太低

#yyds干货盘点#没有运动并不总是喜欢减少运动

你不知道的＜link＞

你不知道的iframe

开发常用-post请求下载文件

indexedDB 增删改查

开发常用-绘制钟表

前端性能优化-Performance详解

jquery 插件的基本写法

你不知道的MutationRecord

你不知道的MutationObserver观察DOM树变动

jquery ajax同源、跨域请求整理

开发常用-libflexable.js--注释版

开发常用-上传geojson文件前端解析

开发常用-点击空白处隐藏

开发常用-改造老项目监听属性变动

开发常用-无操作多少时间后退出

开发常用-格式化checkbox

Goibibo 的 PWA 如何将转化率提高 60%

判断是否为强口令

移动端长按事件

你不知道的＜img＞

webSQL 增删改查

浏览器知识面试必备

你不知道的window.URL

关键渲染路径