08 2021 档案
摘要：History API History 作为一个全局变量（即 window.history），不继承任何属性，在 html4 时代就已经存在，通过这个接口，我们可以操纵浏览器中曾经访问过的会话历史记录，但当时我们能使用的属性与方法只有这么几个： History.length 属性: 返回一个整数，该
阅读全文
摘要：函数式编程比较复杂比较枯燥，但是为了了解react和redux，如果没有函数式编程的理论铺垫，很难学好他们。 函数式编程在js当中是一个比较抽象的概念，大家在以前可能听说过函数式编程，但是可能并没有系统的去了解过他们。 函数式编程和面向对象编程一样，是一套编程范式，你可以根据函数式编程的理论为你的代
阅读全文
摘要：JavaScript DOM 编程 DOM - D：文档 - html 文档或 xml 文档 - O：对象 - document 对象的属性和方法 - M：模型 - DOM 是针对 xml 的基于树的API - DOM 树：节点的层次 - DOM 把一个文档表示为一颗家谱树（父，子，兄弟） - DO
阅读全文
摘要：Promise 是 ES2015 新增的对象 Promise 对象有几个组合方法，可以将多个承诺合并成一个进行处理 分别是 Promise.all, Promise.race, Promise.allSettled, Promise.any 这些方法都可以接收一组承诺，返回一个新的承诺 Promis
阅读全文
摘要：一般表单页面都需要填写手机号，校验用户输入的手机号码是否正确，就要用到正则表达式，用正则表达式来匹配手机号段，如在运营商号段内，则号码正确。因此，需要知道运营商最新的号段，如下所示： 各大运营商手机号码段（新） 中国电信号段 133、153、173、177、180、181、189、190、191、1
阅读全文
摘要：导读 在开发中，有时，我们花了几个小时写的js 代码，在游览器调试一看，控制台一堆红，瞬间一万头草泥马奔腾而来。 至此，本文主要记录js 常见的一些错误类型，以及常见的报错信息，分析其报错原因，并给予处理方法。并且将介绍几种捕获异常的方法。 常见的错误类型 RangeError： 标记一个错误，当设
阅读全文
摘要：切入点从场景描述出发，即先定义好我们要实现的功能 执行器函数 构造函数入参 executor 自执行函数。会在在 new 的时候同步执行，传入 resolve 和 reject 状态扭转函数。自执行函数内部根据异步任务执行结果（成功或失败）调用状态扭转函数，把状态传递给后续的 then。 状态转化
阅读全文
摘要：众所周知，JavaScript 浮点数运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果，如 0.1+0.2=0.30000000000000004、1-0.9=0.09999999999999998，很多人知道这是浮点数误差问题，但具体就说不清楚了。本文帮你理清这
阅读全文
摘要：JavaScript中有多种循环Array的方式，你是否常常分不清他们的细微差别，和适用场景。本文将详细梳理各间的优缺点，整理成表以便对比。 循环可访问element可访问index可迭代property支持中断支持await支持任意位置开始 for √ √ × √ √ √ for in √ × √
阅读全文
摘要：1. 转字符串 const input = 123; console.log(input + ''); // '123' console.log(String(input)); // '123' console.log(input.toString()); // '123' 2. 转数字 const
阅读全文
摘要：前言 首先，我们看一下微信开放文档中的一张图： 上面的一幅图中清楚地介绍了微信登录整个过程，下面对图上所示进行总结： 一、二维码的获得 用户打开登录网页后，登录网页后台根据微信OAuth2.0协议向微信开发平台请求授权登录，并传递事先在微信开发平台中审核通过的AppID和AppSecrect等参数;
阅读全文
摘要：语言相关样式 你有没有想过，Chrome浏览器是怎么知道问你要不要翻译网页内容的？这是因为 <html> 元素上的 lang 属性。 lang 属性是一个非常重要的属性，因为它标识web上文本内容的语言，而且这种信息在许多地方都被使用。上面提到的Chrome的内置翻译，针对特定语言的内容的搜索引擎以
阅读全文
摘要：DOM布局 const label = { lettersort: false, paramname: "label", paramid: 0, title: "车源列表筛选项", option: [{ value: 1, text: "全部" }, { value: 2, text: "本地求购"
阅读全文
摘要：先废话一下 之前在自己的个人公众号中提到了一篇利用 css 的方式进行 XSS 攻击，当时有朋友跟我说，让我去获取那个网站的 cookie，再然后进入那个网站的后台去玩。然而，技术能力实在有限，搞不了这些东西，只是觉得那个网站没有适当过滤 html 标签是一件很危险的事情。 不过今天要说的 css
阅读全文
摘要：我们平常在用div+css制作html网页页面时，常会用到class 和id来选择调用css样式属性。对学习CSS的新手来说class和id可能比较模糊，同时不知道什么时候该用class，什么时候又用id，以及它们用法与限制是怎么样的。 ID和class都是“钩子” 我们需要一个使用html/xht
阅读全文
摘要：1、使用display:none来隐藏div 我们可以使用display:none属性来隐藏所有的信息，包括文本和图片，语法为： <div>这里你是看不到的</div> 当我们使用div中的css样式，我们就可以使用display:none属性对内容进行隐藏，并且通过浏览器也是看不到的，同时被隐藏的
阅读全文
摘要：灵魂三问： 标签语义化是什么？为什么要标签语义化？标签语义化使用场景有哪些？ 下面让我们跟着这三个问题来展开一下本文的内容。 一、标签语义化是什么？ 标签语义化就是让元素标签做适当的事情。例如 p 标签就是代表文本，button 标签代表按钮，nav 标签代表导航等等。 二、为什么要标签语义化？ 其
阅读全文
摘要：普通用户下载图片时只需一个「右键另存为」操作即可完成，但当我们做在线编辑器、整个 UI 都被自定义实现时，如何解决不同域问题并实现页面中图片资源的安全下载呢？本文就解决该问题过程中所涉及的正则表达式、Web API 和 canvas 操作进行记录。 本文分为以下七个部分： 利用 <a> 标签下载任意
阅读全文
摘要：使用Notification的流程 1.检查浏览器是否支持Notification2.检查浏览器的通知权限3.如果权限不够则申请获取权限4.创建消息通知5.展示消息通知 Notification API 构造方法 let notification = new Notification(title,
阅读全文
摘要：我们在网页设计中，通常会使用ps工具来达到图片或者边框阴影、立体等效果。但是如果一些基础效果都需要用p图来完成那就显得效率比较低了。其实可以使用css来设置边框阴影，下面本篇文章来给大家介绍一下。 在css中，我们可以通过box-shadow属性来设置边框阴影。 box-shadow属性可以向边框添
阅读全文
摘要：前言 Canvas是H5中新增的技术，主要运用在图片的处理和动画的绘制上，随着Canvas的使用场景越来越多，了解Canvas对平时开发大有裨益，这篇文章将介绍Canvas基本图片操作与处理 图片上传与绘制 将图片上传并绘制到Canva中是最常见的Canvas的图片处理，这个上传与绘制的过程是怎么实
阅读全文
摘要：先看看效果 【 方法一：截图模拟实现 】 原理：先截一张相同位置的图片，创建一个遮罩层，然后把图片定位在相应的位置上。 优点：原理简单；兼容性好，可以兼容到IE6、IE7；可以同时实现镂空多个。 缺点：此方法只适合静止页面，不适合可以滚动的页面。也不适合页面内容会发生变换的页面。 代码如下： <di
阅读全文
摘要：父级元素包含几个行内元素 <div id="box"> <p> <span>按钮</span> <span>测试文字文字文字测试文字文字文字</span> <span>看这里</span> </p> </div> #box p{ width: 800px; font-size: 30px; } #b
阅读全文
摘要：在网页中，元素有三种布局模型：流动模型（Flow） 默认的、浮动模型 (Float)、层模型（Layer）。下面我们来看一下这三种布局模型。 三种布局模型介绍： 1、流动模型（Flow） 流动（Flow）模型是默认的网页布局模式。也就是说网页在默认状态下的 html 网页元素都是根据流动模型来分布网
阅读全文
摘要：一个网页有时会使用两种css，那发生css样式冲突要怎么解决？下面本篇文章就来给大家介绍一下发生css样式冲突的解决方法，希望对大家有所帮助。 css冲突怎么解决？ 解决方法有很多，如果可以对html改动的话，就给你需要细化的页面元素加多一个class或者ID就行了，当然这种方法应该不是你想要的。那
阅读全文
摘要：毛玻璃效果 ios里毛玻璃效果的使用非常多，本文介绍一个实现div毛玻璃背景的方法 css3 Filter css3的Filter主要用在图像的特效处理上，默认值为none，还有以下备选项： 1.grayscale灰度 2.sepia褐色 3.saturate饱和度 4.hue-rotate色相旋转
阅读全文
