乐胖代购免代理版

Chrome 新功能 - 录制小视频

Chrome 97 推出了一个预览功能 - Recorder。它允许你录制 Web 页面的操作并支持「回放，编辑，测量性能」等诸多功能。它长什么样你可以直接在 chrome devtool 中看到一个 Recorder 面板，点击它就可以体验。❝如果没有找到，可以尝试 cmd + shift + p 调出命令面板搜索 Recorder。当然如果该功能未发布是搜不到的❞它有什么用？通过它，你可以实

chrome

github

typescript

原创 2021-12-30 11:27:26 366 阅读

从 23.9K 的前端开源项目我学到了啥？

在 7年技术写作，分享6点心得体会这篇文章中，阿宝哥介绍了自己经常使用的一款不错的在线绘图工具 — Excalidraw。使用它你可以轻松地绘制各种漂亮的手绘示意图，目前在 Github 上 Excalidraw 的 Star 数已达 23.9 K，因此它也是一个很不错的开源项目。在平时使用 Excalidraw 的时候，阿宝哥发现了该在线工具提供了一些不错的功能。比如保存 *.excalidr

剪贴板

保存文件

选择器

转载 2021-12-30 11:27:00 109 阅读

【干货】Chrome插件(扩展)开发全攻略

一、写在前面我花了将近一个多月的时间断断续续写下这篇博文，并精心写下完整demo，写博客的辛苦大家懂的。本文所有涉及到的大部分代码均在这个demo里面：https://github.com/sxei/chrome-plugin-demo ，大家可以直接下载下来运行。另外，本文图片较多，且图片服务器带宽有限，右下角的目录滚动监听必须等到图片全部加载完毕之后才会触发，所以请耐心等待加载完毕。本文目录

chrome

html

css

转载 2021-12-30 11:26:21 362 阅读

使用 Rust 编写更快的 React 组件

大家好，我是 ConardLi，上周发了一篇 Wasm 的文章，主要分析的是今年 Google 开发者大会上的 Wasm 主题：Wasm 为 Web 开发带来无限可能其实主要还是我个人对 Rust 比较感兴趣，在今天的文章中，我将带大家完成一个将 Rust 实际应用到 React 项目中的小 Demo。Wasm在开始之前

html

工具链

javascript

转载 2021-12-30 11:22:07 668 阅读

面试官超级喜欢问的synchronized锁

java 面试后端前言最近技术圈子里因log4j的漏洞炸开了锅。Synchronized锁在面试当中难免会遇到，那么如何完美应对面试官角度刁钻的问题就显得尤为重要。阿巴阿巴以身作则，给大家贡献面试经验。回家等通知面试官： synchronized应该了解吧？讲讲。阿巴阿巴：嗯嗯，了解一些，synchronized是Java中的关键字，它的作用主要是用来同步，一般叫它同步锁，一般可以用在

代码块

自旋锁

构造方法

转载 2021-12-30 11:21:08 172 阅读

让你 vscode 写代码效率更高的技巧

vscode 是我们写代码常用的编辑器，它的功能很多，但其实我们有很多功能都没用到，这篇文章就是想梳理下那些可能你不知道的但是却对效率提高很有帮助的一些技巧。包括：一键执行 npm scripts一键 diff、预览在新页面搜索git 视图显示目录树在新编辑器打开文件编辑时快速删除、复制、移动行全局搜索文件、跳转到某行快速切换大小写一键执行 npm scripts执行 npm scripts 需要

搜索

打开文件

大小写

转载 2021-12-30 11:16:28 137 阅读

你不知道的 LeetCode 技巧（第二篇）

上一篇你不知道的 LeetCode 技巧（第一篇）讲述了三个 JS 刷题的小技巧。今天来分享几个 lee

快捷键

数据结构

公众号

转载 2021-12-30 11:16:00 1142 阅读

正在搭建公司的 ab test 的小伙伴有福了~

在上一家公司工作的时候，我负责开发公司的 ab test 系统。说实话，我们的功能极其简单。尽管如此，这个功能也花费了我们大量的时间去设计，实现，调试，发布。easy-abtest 正如它的名字一样，是一个使用极为简单的 abtest 框架。有多简单呢？我们来看下。首先是定义变量，以及权重等配置。const abtest = require("easy-abtest");let options =

生产环境

github

权重

转载 2021-12-30 11:15:21 191 阅读

哭了，21k Star 的 Yapi 被黑客入侵了

事情是这样的，由于我们项目使用了这个 Yapi 项目，前几天收到了安全组的预警通知，说 Yapi 被爆出了安全漏洞，新注册的用户，可以在你的服务器执行任意代码，删除任意东西，让我紧急修改！！心想这么大个开源项目（21.7k），居然有这么严重的安全漏洞，不应该呀。相信很多小伙伴都用过这款开源软件来用作接口管理工具，但是为了防止有一些小伙伴不知道这个库是干嘛的，我就大概介绍一下。YApi （https

作用域

构造函数

转载 2021-12-30 11:15:07 106 阅读

又一个前端框架 Solid ？性能直逼原生 JS ？

Solid 是什么？Solid 号称拥有 JSX 语法，类似于 React hook 的语法，你可以用现代化的开发方式，获得性能最快的代码。真正的既要又要还要。image.png到底有多快，我们看看 Benchmarkimage.png原生 JS 是 1， Solid 1.05，比 Svelte 也快，React 跑到了 1.93 。为什么这么快？让我们来揭开神秘的面纱。官方也提供了 playg

响应式

typescript

公众号

转载 2021-12-30 11:13:25 68 阅读

我的《算法通关之路》出版啦！

公众号

github

回溯法

原创 2021-12-30 11:12:36 171 阅读

【每日一荐】每天一个「知识点」

github

测试用例

webview

原创 2021-12-30 11:11:07 133 阅读

前端劝退之前端知识体系（前端面试体系）

作者：last_order前言虽然马上就要金九银十了，面试的人应该不少，虽然我也有在面，写文的目的主要是梳理下知识，能对复习有点帮助就行，本文主要针对前端知识体系相关，涉及的内容有：浏览器计算机网络前端基础（html、css、js）nodewebpack数据结构和算法web安全前端工程化（编译原理的应用）渲染优化性能监控不包括：跨端（小程序、混合应用）框架typescript移动端不过前端是真的

css

数据结构

v8

转载 2021-12-30 11:10:18 144 阅读

ESModule 系列 (二)：构建下一代基础设施 PDN

借助包的分发服务，我们甚至能将本地安装依赖的速度提升10倍 ESM包的分发什么是ESM包的分发？参考一下下面的几个网站https://esm.sh/">https://esm.sh/[1]https://cdn.skypack.dev/">https://cdn.skypack.dev/[2]https://jspm.org/">https://jspm.o

开发工具

bundle

构建工具

转载 2021-12-30 11:07:00 61 阅读

想远程办公么？西法给你内推

上一次给大家讲了我现在已经全职远程办公（简称 wfh），算起来有超过一个月的时间了。很多同学对此比较感兴趣，

远程办公

微信

公众号

转载 2021-12-30 11:06:33 127 阅读

github 又出新功能，布局云端 vscode？

vscode 和 github 是微软的两大开源产品，二者在业界的影响力都是巨大的。近日 Github 新出了一个功能，用户可以通过将 url 中的「.com 替换为 .dev」来直接打开在线版的 vscode 编辑器。如果大家听过之前出现的一个叫做 github1s 的第三方工具的话，那就很容易理解这个功能。和 github1s 的一样，用户通过修改 url 中的少量字符就可以直接在在线版的

github

typescript

git

原创 2021-12-30 11:05:38 296 阅读

或许是一本可以彻底改变你刷 LeetCode 效率的题解书

经过了半年时间打磨，投入诸多人力，这本 LeetCode 题解书终于要和大家见面了。背景自 LeetCode 题解（现在已经接近 45k star 了）项目被大家开始关注，就有不少出版社开始联系我写书。刚开始后的时候，我并没有这个打算，觉得写这个相对于博客形式的题解要耗费时间，且并不一定效果比博客形式的效果好。后来当我向大家提及“出版社找我写书”这件事情的时候，很多人表示“想要买书，于是我就开

时间复杂度

结点

数据

转载 2021-12-30 11:04:46 64 阅读

写注释就能自动出代码？copilot 尝鲜

copilot 是一个基于 AI 的编程辅助工具。目前已经集成在了 vscode 中，后续可能集成到更多平台和工具，目前还是测试阶段。官网地址：https://copilot.github.com/支持所有语言copilot 是利用网络中现有的公开数据，尤其是开源在 Github 上的代码，然后基于机器学习算法训练出来的。因此 copilot 理论上支持所有编程语言。目前我测试了 JS 和 Py

github

代码仓库

json

原创 2021-12-30 11:03:58 3933 阅读

关于鉴权，看懂这篇就够了

刘妮萍: 微医前端技术部前端工程师。养鱼养花养狗，熬夜蹦迪喝酒。出走半生，归来仍是三年前端工作经验。第一篇章Cookie 的诞生及其特点众所周知，web 服务器是无状态的，无状态的意思就是服务器不知道用户上一次请求做了什么，各请求之间是相互独立的，客户信息仅来自于每次请求时携带的，或是服务器自身保存的且可以被所有请求使用的公共信息。所以为了跟踪用户请求的状态信息，比如记录用户网上购物的购物车历史记

服务器

用户信息

单点登录

转载 2021-12-30 11:03:23 252 阅读

有了这个可视化插件，刷题调试更轻松

如何有效学习算法学习算法的基本思路就是：「先学习算法思想，然后通过做题消化思想，并在做题过程中慢慢学习，掌握

算法思想

公众号

推送

转载 2021-12-30 11:02:52 355 阅读

我从 Vuejs 中学到了什么

框架设计远没有大家想的那么简单，并不是说只把功能开发完成，能用就算完事儿了，这里面还是有很多学问的。比如说，我们的框架应该给用户提供哪些构建产物？产物的模块格式如何？当用户没有以预期的方式使用框架时是否应该打印合适的警告信息从而提升更好的开发体验，让用户快速定位问题？开发版本的构建和生产版本的构建有何区别？热跟新（HMR：Hot Module Replacement）需要框架层面的支持才行，我们是

bundle

错误处理

开发环境

转载 2021-12-30 11:02:02 62 阅读

6.7K Star 的知名开源项目源码，该怎么看？

源码解读读懂开源精选好文大家好，我是皮汤。最近程序员巴士学习交流群里有小伙伴想要了解一下如何看源码，正好最近有一点心得感悟，之前也写过一篇实际跑通 NaiveUI 源码的文章：尤大都推荐的组件库是如何开发出来的？[1] 源码的经验，来给大家分享一下。心理认知要到位首先要认识到，看源码是一个开始比较枯燥、同时时间跨度相对比较长的一个过程。所以看源码的第一步是找到自己想要了解领域、或者自己

css

ico

sed

转载 2021-12-29 15:29:49 195 阅读

CSS 奇技淫巧 | 巧妙实现文本

Hello，大家好，我是 Coco，今天又是一篇 CSS 的奇技淫巧。由阅文前端 XboxYan 投稿，授权

css

省略号

自适应

转载 2021-12-28 15:56:20 129 阅读

【每日算法Day 109】五大解法，带你深入了解完全背包方案数

今天这题是完全背包问题 + 背包问题方案数，我一共列举了 5 种解法，层层递进优化。并且从两个角度殊途同归，

时间复杂度

动态规划

c++

空间复杂度

背包问题

转载 2021-08-04 17:21:44 104 阅读

写给初中级前端的高级进阶指南（万字长文，建议收藏）

本篇文章是我在这一年多的学习经历抽象中总结出来，还有很多东西我会陆续加入到这篇文章中去。

typescript

github

5e

响应式

javascript

转载 2021-08-04 17:18:37 195 阅读

react 渲染优化

摘要: 本篇主要讲react render，虚拟dom原理，以及如果根据这些优化代码。

github

数据

扁平化

子树

最小化

转载 2021-08-04 16:05:28 507 阅读

【leetcode系列】20.有效的括号

题目地址https://leetcode.com/problems/valid-parentheses/de

sed

javascript

xml

python

ide

原创 2021-08-04 16:04:44 131 阅读

深入理解redux

学习一个东西的最好方法就是自己写一个,redux并不复杂，重新实现一个redux并不困难,源码也就区区200行左右,里面大量使用高阶函数，闭包，函数组合等知识。让代码看起来更加简短，结构更加清晰。

中间件

数据

javascript

最小化

高阶函数

转载 2021-08-04 16:03:28 249 阅读

深入理解redux

学习一个东西的最好方法就是自己写一个,redux并不复杂，重新实现一个redux并不困难,源码也就区区200行左右,里面大量使用高阶函数，闭包，函数组合等知识。让代码看起来更加简短，结构更加清晰。

中间件

数据

javascript

最小化

高阶函数

原创 2021-08-04 16:01:40 333 阅读

【leetcode系列】26. 删除排序数组中的重复项

双指针这道题如果不要求，O(n)的时间复杂度， O(1)的空间复杂度的话，会很简单。但是这道题是要求的，这种题的思路一般都是采用双指针

数组

sed

两个指针

i++

双指针

转载 2021-08-04 16:00:42 134 阅读

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

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

51CTO博客

wx5ac7669dc516c的博客

Chrome 新功能 - 录制小视频

从 23.9K 的前端开源项目我学到了啥？

【干货】Chrome插件(扩展)开发全攻略

使用 Rust 编写更快的 React 组件

面试官超级喜欢问的synchronized锁

让你 vscode 写代码效率更高的技巧

你不知道的 LeetCode 技巧（第二篇）

正在搭建公司的 ab test 的小伙伴有福了~

哭了，21k Star 的 Yapi 被黑客入侵了

又一个前端框架 Solid ？性能直逼原生 JS ？

我的《算法通关之路》出版啦！

【每日一荐】每天一个「知识点」

前端劝退之前端知识体系（前端面试体系）

ESModule 系列 (二)：构建下一代基础设施 PDN

想远程办公么？西法给你内推

github 又出新功能，布局云端 vscode？

或许是一本可以彻底改变你刷 LeetCode 效率的题解书

写注释就能自动出代码？copilot 尝鲜

关于鉴权，看懂这篇就够了

有了这个可视化插件，刷题调试更轻松

我从 Vuejs 中学到了什么

6.7K Star 的知名开源项目源码，该怎么看？

CSS 奇技淫巧 | 巧妙实现文本

【每日算法Day 109】五大解法，带你深入了解完全背包方案数

写给初中级前端的高级进阶指南（万字长文，建议收藏）

react 渲染优化

【leetcode系列】20.有效的括号

深入理解redux

深入理解redux

【leetcode系列】26. 删除排序数组中的重复项

欢迎