blog
blog copied to clipboard
biaochenxuying
大前端技术为主，读书笔记、随笔、理财为辅，做个终身学习者。
Bumps [terser](https://github.com/terser/terser) from 4.4.0 to 4.8.1. Changelog Sourced from terser's changelog. v4.8.1 (backport) Security fix for RegExps that should not be evaluated (regexp DDOS) v4.8.0 Support for numeric separators (million...
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot] avatar"){kind=avatar}
 用了一年时间的 TypeScript 了，项目中用到的技术是 Vue + TypeScript 的，深感中大型项目中 TypeScript 的必要性，特别是生命周期比较长的大型项目中更应该使用 TypeScript。 以下是我在工作中总结到的经常会用到的 TypeScript 技巧。 ## 1. 注释 通过 `/** */` 形式的注释可以给 TS 类型做标记提示，编辑器会有更好的提示： ```js /** This is a cool guy....
 今天讲⼀些让您按捺不住和欲求不满的反浏览器追踪技术，揭开你是如果被互联网巨头监控的。 - 场景一：在⽹站上浏览了某个商品，了解了相关的商品信息，但并没有下单购买，甚⾄没有进⾏登录操作，过两天⽤同台电脑访问其他⽹站的时候却发现很多同类商品的⼴告。 - 场景二：在某博客中你有多个小号（水军），这些小号的存在就是为了刷某个帖子的热度或者进行舆论引导，又或者纯粹进行流量交易，即便你在切换账号的时候清空了cookie、本地缓存，重开路由器甚至使用 vpn 来进行操作，你觉得自己足够小心，并尽可能提高水军的真实性，但是管理人员可能还是知道这是同一个人在操作，从而被打击。 一般情况下，网站或者广告商都想要一种技术可以在网络上精确的定位到每一个个体，就算你没有账号，没有登录，也可以通过收集这些个体的数据，然后加以分析之后更加精确的去推送广告和其他的一些活动。 而这个技术就是浏览器指纹，这还是用前端技术来实现的。 ## 定义 游览器指纹，就像现实生活中人的指纹一样，特异地标记着每个上网用户。 浏览器指纹：是一种通过浏览器对网站可见的配置和设置信息来跟踪Web浏览器的方法，浏览器指纹就像我们人手上的指纹一样，具有个体辨识度，只不过现阶段浏览器指纹辨别的是浏览器。 人手上的指纹之所以具有唯一性，是因为每个指纹具有独特的纹路、这个纹路由凹凸的皮肤所形成。每个人指纹纹路的差异造就了其独一无二的特征。 那么浏览器指纹也是同理，获取浏览器具有辨识度的信息，进行一些计算得出一个值，那么这个值就是浏览器指纹。 辨识度的信息可以是UA、时区、地理位置或者是你使用的语言等等，你所选取的信息决定了浏览器指纹的准确性。 ## 指纹技术历史 1. 第 1 代：服务端在客户端设置标志 第一代指纹追踪是 cookie 这类的服务端在客户端设置标志的追踪技术，evercookie 是 cookie 的加强版。 2....
 ## 1. 前言 本文内容讲笔者在 2019 的秋季社招时期，去大厂面试的问题和经验总结。 > 居安思危，安逸久了，都要试着知道自己目前的市场价，而最好的方法就是去外面面试几场，受受打击，知道自己的不足，以后加强。 笔者入坑前端 3 年多了，有 2 年多的前端工作经验，面试坐标：广州。 本文的面试问题只写了些开放性的问题，其公司要求保密的试题就不写出来了。 ## 2. 字节跳 X **一面，45分钟** - 根据自己简历和做过的项目，问一系列相关问题。 - 闭包的输出值，考查闭包（看试题给结果，分析过程）。 - 状态码 304 是什么意思，有什么用 ？ -...
 ## 1. 前言 本文介绍如何在 GitHub 上发现优秀的开源项目，找到你想要的矿。 GitHub 作为全球最大的同性交友网站，也是矿资源非常丰富的矿场。 GitHub 有时比 Google 还有用，如果你不懂如何使用它来挖矿，那你不算一名合格的程序员。 GitHub 是一个宝藏库，可没有藏宝图，GitHub 这个亿计的优秀的开源项目也和你没有关系。 一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目，久而久之，这差距就越来越大，那么如何发现优秀的开源项目呢 ？ 笔者做前端开发这些年，几乎每天都会刷 GitHub，也算是 GitHub 的重度使用者了，其中也掌握了一定的技巧，由此写一下我是如何使用它来挖矿的 ！ 笔者博客地址：[GitHub](https://github.com/biaochenxuying)。 ## 2. Follow 关注...
 > 程序员不止眼前的逻辑和代码，还应有健康的体魄和精气神。 ## 程序猿 对大多数程序猿来说，生活没那么多诗和远方，只有加不完的班，写不完的代码和修不完的 bug。 大多数人对程序猿的看法应该是生活随便，只专注于与电脑交流的一个群体吧，程序猿一天的时间大概有 90% 都是与电脑陪伴的，上班和加班时间都对着电脑，下班了学习时间用电脑，下班的娱乐时间也用电脑，睡觉抱着电脑睡觉，睡前还想着没解决的 bugger ！！！梦里还梦见自己敲着代码、修着 bugger（言重了、言重了，开个玩笑！）。 说程序猿没有女朋友、老婆！不存在的！！！电脑就是自己的女朋友、自己的老婆，谁要敢破坏程序猿的电脑，他可是会和你拼命的！！！ 程序猿就是这个一个特殊的群体，都说程序猿是在拿身体与时间换未来，真是说的一点也没错。除了晚上是躺着的，大多数时间都是坐着的，就连站着和蹲着的时间都是屈指可数，是不是 ？ **但本汪想说：程序员，你的身体还健康吗 ？你重视了吗 ？**  ## 危害程序猿的几大害 说程序猿苦逼，恐怕没有几个人会反对，相对之下的高薪也是以牺牲健康为代价。由于工作性质的关系，程序猿健康状况整体不高，在社会公认最毁健康的三件事中，程序猿全占了！ 本汪昨晚就因为一个浏览器环境的 bugger，修了将近 3 小时！我说我这样子修仙很快乐，你相信吗 ？我呸，我自己都不相信 ！ ...
 今天，笔者给大家分享一个能提升开发效率的网站：Dev Hints。 做为一个技术人员，要记很多东西，但是又不是全部都记得住。 特别是有些知识很久不用了，就忘记的差不多了，只有经常用到的才会记得牢。 如果要用到不是很记得的 api 的时候，这时候就要搜索了。 Dev Hints 就是一个速查表，我们要使用速查表来快速查找一些技术知识点。  这个网站里面收集了非常多技术类型的速查表。 你能很轻松的从上面找到具体某项技术的快捷命令与基础语法，用上之后，相信能大幅提升开发效率。 下面我简单列举下该网站提供的几种技术速查表，让大家感受下。 **Vim** 如果你不常上手使用，玩起来还是比较吃力的。 如果你也有类似问题，那么该网站提供的 Vim 速查表可以收藏看下。  **Git** 但一些比较长的命令，还是可以用它来查一下的。  **React.js**   **Vue.js** 提供了基本的语法，表达式、绑定、事件、列表渲染、生命周期 等有用语句的速查表。...
 ## 前言 > 1. 基础知识就像是一座大楼的地基，它决定了我们的技术高度。 > 2. 我们应该多掌握一些可移值的技术或者再过十几年应该都不会过时的技术，数据结构与算法就是其中之一。 栈、队列、链表、堆 是数据结构与算法中的基础知识，是程序员的地基。 笔者写的 **JavaScript 数据结构与算法之美** 系列用的语言是 **JavaScript** ，旨在入门数据结构与算法和方便以后复习。 ## 1. 线性表与非线性表 **线性表**（Linear List）：就是数据排成像一条线一样的结构。每个线性表上的数据最多只有前和后两个方向。数组、链表、队列、栈 等就是线性表结构。  **非线性表**：数据之间并不是简单的前后关系。二叉树、堆、图 就是非线性表。  本文主要讲线性表，非线性表会在后面章节讲。 ##...
Bumps [eventsource](https://github.com/EventSource/eventsource) from 1.0.7 to 1.1.1. Changelog Sourced from eventsource's changelog. 1.1.1 Do not include authorization and cookie headers on redirect to different origin (#273 Espen Hovlandsdal) 1.1.0 Improve performance...
  ## 1. 前言 > 想学好前端，先练好内功，内功不行，就算招式练的再花哨，终究成不了高手。 非线性表（树、堆），可以说是前端程序员的内功，要知其然，知其所以然。 笔者写的 **JavaScript 数据结构与算法之美** 系列用的语言是 **JavaScript** ，旨在入门数据结构与算法和方便以后复习。 非线性表中的树、堆是干嘛用的 ？其数据结构是怎样的 ？ 希望大家带着这两个问题阅读下文。 ## 2. 树  `树`的数据结构就像我们生活中的真实的树，只不过是倒过来的形状。 **术语定义** - 节点：树中的每个元素称为节点，如 A、B、C、D、E、F、G、H、I、J。 - 父节点：指向子节点的节点，如...