## 往事不堪回首 犹记在很久之前的某次面试中，和那技术大哥谈的正欢呢，冷不防他来了句：谈一谈防抖和节流吧。 抹了把凉汗，我用颤抖的、不自信的语气回答道：呃，防抖就是应该是防止抖动的意思，节流大概是节省流量吧…… 当时，我的心理活动是这样的：  当年心理素质是真的差，这个坎没翻过去，最后的结果就是： ![悲...

要在Web端实现基于摄像头的实时QR二维码扫描，需要包含摄像头控制和QR二维码解码两个部分的代码。Dynamsoft把这两部分封装在了一个JS SDK中，使用起来非常方便。 ## 开发文档 [https://www.dynamsoft.com/barcode-reader/programming/javascript/api-reference/BarcodeScanner.html?ver=latest](https://www.dynamsoft.com/barcode-reader/programming/javascript/api-reference/BarcodeScanner.html?ver=latest) ## 快速创建W...

本周继续就前端之变阐述自己的思考。 前面我讲了前端的一些变化，但是事实上，过去数年，前端不仅是在自己的技术方向发生了巨大的变化，它试图向所有技术方向发起进攻，取代其主流技术。那这一切又是怎么回事，现状如何？ 本篇为前端之变系列的第四篇：进击的前端，本系列其它文章： 1. [前端之变（一）：技术的变与不变](https://my.oschina.net/lingenliu/blog/5050536) 2. [前端之变（二）: "不变"的前端](https://my.oschin...

Sass 中定义了各种类型的函数，其中大部分函数我们可以通过 CSS 语句直接调用。下面是 Sass 中的函数分类： - 字符串函数 - 数字函数 - 列表函数 - 映射函数 - 选择器函数 - Introspection函数 - 颜色值函数 本节我们先来学习字符串相关函数。 #### 字符串函数有哪些 Sass 中的字符串函数用于处理字符串并获取相关信息。有一点需要注意，一般编程语言中字符串的索引都是从 0开始的，但是注意哟，Sass 中字符串的索引是从 1 开始...

WEB 安全攻防是个庞大的话题，有各种不同角度的探讨和实践。即使只讨论防护的对象，也有诸多不同的方向，包括但不限于：WEB 服务器、数据库、业务逻辑、敏感数据等等。除了这些我们惯常关注的方面，WEB 安全还有一个重要的元素——**网站的使用者**。 他们通常是完全没有 IT 知识的普通用户，网站方可以做点什么，以增加对这些普通用户的保护呢？以前较被忽略的步骤是：正确设置页面的**响应头 (Response Headers)** 。这类加入...

## 概述 AJAX 是一个缩写，它的全名是 **Asynchronous JavaScript and XML**，意思就是异步 JavaScript 和 XML，即**用JavaScript执行异步网络请求**。 AJAX 不是一种新技术，而是一个在 2005 年被 Jesse James Garrett 提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括: - HTML 或 XHTML - CSS - JavaScript - DOM - XML - XSLT - XMLHttpRequest 尽管 X 在 AJAX 中代表 XML, 但由于 JSON 的许多优势，比如更加轻...

👆 这是第 92 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：编写高质量可维护的代码：编程范式 https://www.zoo.team/article/program-paradigm 什么是编程范式呢？ 编程范式（Programming paradigm）是一类典型的编程风格，是指从事软件工程的一类典型的风格（可以对照方法学）。如：函数式编程、过程式编程、面向对象编程、指令式编程等等为不同的编程范式...

👆 这是第 97 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：深入解析 CSS 选择器 https://www.zoo.team/article/about-css-selector 一、前言 CSS 选择器对 HTML 页面中的元素实现一对一，一对多或者多对一的控制，从而给指定元素添加样式。同时还要考虑一个元素被赋予多个样式时如何生效的问题，这个就和选择器优先级相关了。 优先级是基于不同种类选择器组...

👆 这是第 99 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：聊聊Deno的那些事 https://www.zoo.team/article/talk-about-deno Deno 是什么 Deno 是一个简单、现代、安全的 JavaScript、TypeScript、Webassembly (https://webassembly.org/) 运行时环境。 Deno 是 Node 的变位词，其发音是恐龙（dinosaur）的缩写读音"蒂诺"。 它是建立在： Rust (https://ww...

👆 这是第 100 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：JS常用的循环遍历你会几种 https://www.zoo.team/article/cycle-in-js 前言 数组和对象作为一个最基础数据结构，在各种编程语言中都充当着至关重要的角色，你很难想象没有数组和对象的编程语言会是什么模样。特别是 JS，弱类型语言，非常灵活。本文带你了解常用数组遍历、对象遍历的使用，对比以及...

👆 这是第 101 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：手把手带你入门Webpack Plugin https://www.zoo.team/article/webpack-plugin 关于 Webpack 在讲 Plugin 之前，我们先来了解下 Webpack。本质上，Webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。它能够解析我们的代码，生成对应的依赖关系，然后将不同的模块达成一个或多个 bund...

👆 这是第 102 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：V8 执行 JavaScript 的过程 https://www.zoo.team/article/the-process-of-executing-js-in-v8 前言 本文意在简单的介绍一下 V8 执行 JS 的过程，通过了解 V8 执行 JS 的过程，知道 JS 代码呈现在浏览器上到底做了什么。当然本人也是在陆续探索 V8 ，文章中如有不当之处，还望不吝指正，理性交流。...

XSS／跨站脚本攻击，是一种代码注入网页攻击，攻击者可以将代码植入到其他用户都能访问到的页面（如论坛、留言板、贴吧等）中。 如今，XSS 攻击所涉及的场景愈发广泛。越来越多的客户端软件支持 html 解析和 JavaScript 解析，比如：HTML 文档、XML 文档、Flash、PDF、QQ、一些音乐播放器以及浏览器的功能界面等。这些用户经常使用的场景往往都是 XSS 攻击的高发地带。 # 一、XSS攻击类型 ## 1. 存储型XSS（持久型） 攻击者在表...

# 前言 > **看了Bloc源码后，心情有点复杂呀。。。**  > **说点积极的...** 用过Bloc的靓仔们，肯定能感受到，Bloc框架对开发页面，做了很清晰划分，框架强行定了俩种开发模式 - Bloc模式：该模式划分四层结构 - bloc：逻辑层 - state：数据层 - event：所有的交互事件 - view：页面 - Cubit模式：该模式划分了三层结构 - cubi...

摘要：Vue为生命周期中的每个状态都设置了钩子函数(监听函数) 。每当Vue实例处于不同的生命周期时，对应的函数就会被触发调用。 本文分享自华为云社区《一文带你弄懂Vue八大生命周期钩子函数》，原文作者：北极光之夜。。 一.速识概念： 我们把一个对象从生成（new）到被销毁（destory）的过程，称为生命周期。而生命周期函数，就是在某个时刻会自动执行的函数。 按照官方的原话，就是每个 Vue 实例在被创建时都要经过一系列的初...

## 背景 复杂的网站都会有大量的CSS代码，通常也会有许多重复的值。 举个例子，同样一个颜色值可能在成千上百个地方被使用到，如果这个值发生了变化，需要全局搜索并且一个一个替换，效率不高且容易出错。 自定义属性在某个地方存储一个值，然后在其他许多地方引用它。另一个好处是语义化的标识。比如，`--main-text-color` 会比 `#00ff00` 更易理解，尤其是这个颜色值在其他上下文中也被使用到。 ![css3-scaled](https://gitee...

# 一、背景 在学习Rx编程的过程中，理解Observable这个概念至关重要，常规学习过程中，通常需要进行多次“碰壁”才能逐渐“开悟”。这个有点像小时候学骑自行车，必须摔几次才能掌握一样。当然如果有办法能“言传”，则可以少走一些弯路，尽快领悟Rx的精妙。 # 二、Observable Observable从字面翻译来说叫做“可观察者”，换言之就是某种“数据源”或者“事件源”，这种数据源具有可被观察的能力，这个和你主动去捞数据有本质区...

个人觉得 CSS 是每个前端开发人员都必须掌握的基础，以完成相应的交互和终端设备的响应。在项目开发中，有些容易被忽略的小问题带来项目后期的胶水代码。本文总结一些项目开发中CSS的10个小技巧。 1.使用相对单位 通常我们在项目开发中，使用px作为尺寸的单位，而不是使用相对单位，如：rem、em等。在万物互联的时代，最好的方式是相对单位rem、vh、vw等现代 CSS 布局（如 flexbox 和 grid）方式，最大限度的支持各种终端设备。...

本节我们学习 Sass 中的循环语句，Sass 中的循环语句可以使用 `@for` 指令和 `@while` 指令来实现。 #### @for指令 `@for` 指令可以用于循环生成样式，`@for` 指令有两种类型，如下所示： ```scss // 第一种 @for $i from through // 第二种 @for $i from to ``` 其中 `$i` 表示变量，`start` 表示起始值，`end` 表示结束值。其实这两种方式的区别就在于，使用关键字 `through` 时会包括 `end` 这个数，而使用关键字 `to` 则不会...

模态框是常用的组件，常用在需要显示较少但是重要内容的时候。它需要立即抓到用户的焦点，所以常设计为一个居中的对话框和一个处在背后的黑色半透明遮罩。整体的样式不会有多少变化，但是内容经常变化。 对于单个页面来说，一个模态框的内容可能不会变化，所以可以写一个静态的组件放在页面中，需要时控制它的显示和隐藏即可。但是对于多个页面，内容不同，如果每个页面都放一个模态框组件，那就有点浪费资源且不够灵活。还有一...