curated-article icon indicating copy to clipboard operation
curated-article copied to clipboard

Published 20 hours ago • verified publisher icon dravenww
→

Metadata

收集各大技术社区网站每周

curated-article

收集各大技术社区网站每日热文，个人技术博客 在此

每日更新，展示最近2天的数据，更早的数据可以前往这里 进行查看,欢迎关注，点个star呀

2022-10-14

CSDN

数据结构与算法

javascript

java

php

python

运维

移动开发

c/c++

掘金

前端

  • Vue3 组件库 | Varlet v2.0.0 发布了 🎉🎉🎉: 写在前面 经过了社区贡献者们的两个月努力，Varlet 的 2.0 版本终于发布了！ 🎉🎉🎉，这次版本更新主要是对组件库整体做了一次重构和细节优化，同时撇去了一些技术债务(舒服了舒服了)。主要的变更看
  • 前端性能-首次加载优化70%: 打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！
  • 2022高频前端面试题合集之JavaScript篇（上）: 近期整理了一下高频的前端面试题，分享给大家一起来学习。如有问题，欢迎指正！ 前端面试题系列文章： 【1】2022高频前端面试题——HTML篇 【2】2022高频前端面试题——CSS篇

前端-JavaScript

  • Vue3 组件库 | Varlet v2.0.0 发布了 🎉🎉🎉: 写在前面 经过了社区贡献者们的两个月努力，Varlet 的 2.0 版本终于发布了！ 🎉🎉🎉，这次版本更新主要是对组件库整体做了一次重构和细节优化，同时撇去了一些技术债务(舒服了舒服了)。主要的变更看
  • 一个惊人的问题，parseInt(0.0000005) 返回结果是“5”？: 我正在参加「掘金·启航计划」 前言 作为前端开发工程师，JavaScript是我们主要的开发语言，是每个人必须要掌握的，它是弱类型语言，本身语法也比较简单，最近我偶然间发现了一个奇怪的问题，parse
  • Element Plus 组件库相关技术揭秘：3.ESLint 核心原理剖析: 任何工具我们都只有理解它的原理才能真正地掌握它，所以下面我们将从 ESLint 的原理剖析开始吧。近半个月的啃源码的研究结果：ESLint 修复源码的方式居然仅是使用 slice 函数对源码进行截取替

前端-Vue.js

  • Vue3 组件库 | Varlet v2.0.0 发布了 🎉🎉🎉: 写在前面 经过了社区贡献者们的两个月努力，Varlet 的 2.0 版本终于发布了！ 🎉🎉🎉，这次版本更新主要是对组件库整体做了一次重构和细节优化，同时撇去了一些技术债务(舒服了舒服了)。主要的变更看
  • Element Plus 组件库相关技术揭秘：3.ESLint 核心原理剖析: 任何工具我们都只有理解它的原理才能真正地掌握它，所以下面我们将从 ESLint 的原理剖析开始吧。近半个月的啃源码的研究结果：ESLint 修复源码的方式居然仅是使用 slice 函数对源码进行截取替
  • 【第19题】vue for循环中key有什么作用: 题目描述： 答案解析： 这道题目实际考察的是对虚拟dom对象中diff算法的理解。 diff算法的本质是：找出新旧两个虚拟dom对象之间的差异，目的是尽可能复用节点，提高性能。 key的主要作用就是在

前端-React.js

  • 为什么不要在 useEffect 中进行 API 调用？: 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第6天，点击查看活动详情 随着 React 的版本更新，内置 Hooks 越来越多了。很多 Hook 可能你压根都没听说过。但是
  • 异步分片计算在腾讯文档的实践: 1. 背景 几个月前对腾讯文档 Smart Sheet 中看板视图的排版计算进行了一次优化，主要是利用异步分片计算来提高当前的 FPS 值，避免用户操作被阻塞。感谢 kylehr 的支持和帮助。
  • 想写出复用性强的组件？快来试试 Storybook 吧！: 最近笔者通过学习和使用 Storybook 时，记录了一些使用心得，写下这篇文章和大家分享一下，希望此文章可以给大家带来一些帮助......

前端-CSS

  • 💡✨ 包教包会！纯 CSS 实现步进环绕跑马灯效果: 跑马灯大家都见过吧？只是单单的跑马灯有点太炫了，看久了眼睛就亮瞎了，今天我带大家手把手用 CSS 制作一个百看不腻的跑马灯，不信你往下瞅瞅？
  • 前端面试之CSS重点概念精讲: 大家好，我是柒八九。 今天，我们又开辟了一个新的篇幅 --前端面试。即是把一些平时常用的概念和工具方法整理和罗列，也算是一种变向的未雨绸缪。 该系列的文章，大部分都是前面文章的知识点汇总，但是也不乏参
  • 复刻解析一个流光溢彩炫到掉渣的 CSS 动画按钮: 最近在看 next.js 官网是被引流到 conf 页面，发现上面有一个炫酷的按钮，按钮的边框色彩不断变动给人感觉是光在随着按钮旋转一般，感觉挺酷的，复刻一下讲解下原理。

前端-掘金·日新计划

前端-面试

  • 2022高频前端面试题合集之JavaScript篇（上）: 近期整理了一下高频的前端面试题，分享给大家一起来学习。如有问题，欢迎指正！ 前端面试题系列文章： 【1】2022高频前端面试题——HTML篇 【2】2022高频前端面试题——CSS篇
  • 【第20题】npm run xxx 的执行过程: 面试题目(字节)： 答案解析： 以npm run start为例 最常见的就是"start": "vue-cli-service serve"， 执行过程： npm会创建一个shell脚本; 在she
  • 【第19题】vue for循环中key有什么作用: 题目描述： 答案解析： 这道题目实际考察的是对虚拟dom对象中diff算法的理解。 diff算法的本质是：找出新旧两个虚拟dom对象之间的差异，目的是尽可能复用节点，提高性能。 key的主要作用就是在

前端-Node.js

  • 2022 JavaScript 年度报告（翻译）: 随着 Web 平台的成熟，我们希望看到更多地直接采用其各种 API 和功能，因为这样做是有意义的。对于那些需要框架来获得更好的开发者体验的体验，我们希望看到框架作者有更多的优化和机会来采用新的 API
  • Node.js 连接 MySql 统计组件属性的使用情况: 我正在参加「掘金·启航计划」 今天给大家带来的是一篇实际场景的问题解决方案：Node.js 连接 MySql 统计组件属性的使用情况。

前端-后端

前端-TypeScript

  • Vue3和@types/node的类型不兼容问题: Vue3er 最近可能会遇到的 TypeScript 问题。最近有个新项目启动，主体内容与先前做的一个项目相似度很高，于是我准备拿这个旧项目作为模板简单改改，就可以启动新项目的开发了，没想到问题来了。
  • ⚡今日算法 -- 尽可能多地组织比赛场数: 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第14天，点击查看活动详情 我的今日算法
  • 🚀 通过一个案例初探微前端架构: 现在微前端的架构十分流行，为了跟上前端高速发展的步伐，通过本篇文章初探一下微前端架构到底是怎么一回事，以及为什么要使用这种架构模式

前端-前端框架

  • 2022重庆前端交流会「同舟」：等你来报名！: 「同舟」共济扬帆起，乘风破浪万里航。 在大家的期待与呼声中，2022 重庆前端交流会来啦！！ 本次交流会聚焦时下火热的前沿技术和实践经验，特邀精选主题分享；并且重磅推出 Light Talk，倾听更丰
  • React-过渡技术(memo,context),Hook(useState,useEffect): 过渡技术 1、memo 1.React核心开发团队一直都努力地让React变得更快。在React中可以用来优化组件性能的方法大概有以下几种: 组件懒加载: React.lazy(...) 和 < Su
  • 经验之谈：AntD级联选择动态加载数据: 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第6天，点击查看活动详情 前言 最近在将一个原生项目改版为Vue版本，顺便进行了一些优化，既然用Vue，顺便使用antd作为ui，

前端-Webpack

前端-算法

  • 【工作实践篇】等待轮询结果后再发请求: 为啥会有这篇 ？ 一些同学说 想看 工作中常用的一些操作分享， 它来了 在一些场景下我们需要去重复请求接口 数据 经典场景 实现 其实 实现轮询 非常 简单 先给一个 最简单轮询版本 看起来 非常 简

前端-HTML

前端-架构

后端

  • 刚插上网线，电脑怎么知道自己的IP是什么？: 今天这篇文章，很有意思，它来源于我曾经的一次真实面试里的其中一个小问题。当时是终面，面我的是那家公司的技术顾问，在面试前hr还让我看了他的履历，是一位1996年就进了麻省理工计算机系的大佬。。。
  • 2023 届秋招回顾，寒气逼人。。。: 最近几天朋友圈被一篇文章刷屏了，是一位参与了 2023 届秋招的同学分享的秋招回顾总结。 都说今年的秋招难，寒气弥漫，那我们一起来看看这位同学是如何准备秋招、如何应对焦虑，最终拿到 offer 的吧！
  • 别动 我把知识装你脑子里 冷宫霸主JVM: 万字整理 JVM可以不用 但是理论不能不懂 毕竟现在面试JVM的提问频率还是很高的 温故而知新 加油

Android

  • 2022年编译加速的8个实用技巧: 关于Android编译加速的文章相信大家都看过不少，但常常要么是好几年前写的，目前看来有些过时；要么介绍了一大堆配置，最后一实践发现并没有多大效果，今天我们一起来看一些实用的~
  • Flutter 工程化框架选择 — 混合开发的摸爬滚打: 这是 《Flutter 工程化框架选择》 系列的第四篇 ，就像之前说的，这个系列只是单纯告诉你，创建一个 Flutter 工程，或者说搭建一个 Flutter 工程脚手架，应该如何快速选择适合自己的功
  • 【杰哥带你玩转Android自动化】学亿点有备无患的"姿势": 🤡 本节简要学习了亿点和自动化有关的 "姿势(知识)"，包括：OCR文字识别、消息推送、图片处理、获取当前页面的所有控件信息。看似轻松愉快的一节，但实操性极强。杰哥建议：即使不自己跟着写一遍，也要

IOS

  • 15、 Flutter Widgets 之 Form、FormField、TextFormField相关表单控件: 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第15天，点击查看活动详情 概述： 实际业务中，在正式向服务器提交数据前，都会对各个输入框数据进行合法性校验，但是对每一个Text
  • iOS灵动岛开发实践: iOS灵动岛开发实践 一、基本概述 名词基础知识 开发基础知识 二、项目构思 这里以电商常用的抢购商品作为实践，包含的交互方式主要有如下特征： 1、主工程商品能展示基本信息，包含图片、名称、价格、开抢
  • WWDC22 - DNS安全：DNSSEC: 在我看来，很多知识点看起来似乎在我们日常工作中用不到，但是能帮助我们从一个更宏观更全局的角度去理解我们面对的需求或者说工程项目。跳出单个业务，跳出单个团队看问题，其实是非常重要的。

GitHub

Javascript

Vue

Typescript

Python

Go

Php

Rust

Object-C

2022-10-13

CSDN

数据结构与算法

javascript

java

php

python

运维

移动开发

c/c++

掘金

前端

前端-JavaScript

前端-Vue.js

  • Vue3 组件库 | Varlet v2.0.0 发布了 🎉🎉🎉: 写在前面 经过了社区贡献者们的两个月努力，Varlet 的 2.0 版本终于发布了！ 🎉🎉🎉，这次版本更新主要是对组件库整体做了一次重构和细节优化，同时撇去了一些技术债务(舒服了舒服了)。主要的变更看
  • Vue组件库文档站点的搭建思路: 读完本文，可以了解到如何使用Vite的Api接口来启动服务、如何动态生成多语言的页面路由等。
  • Element Plus 组件库相关技术揭秘：3.ESLint 核心原理剖析: 任何工具我们都只有理解它的原理才能真正地掌握它，所以下面我们将从 ESLint 的原理剖析开始吧。近半个月的啃源码的研究结果：ESLint 修复源码的方式居然仅是使用 slice 函数对源码进行截取替

前端-React.js

前端-CSS

  • 💕💕浪漫限定！CSS 实现爱心跟随鼠标效果！: 最近大降温，才意识到秋天是真的来了。古人有诗云：“眉如青山黛，眼似秋波横。”这足以说明秋天的水是多么的浪漫、多情、温柔。 秋天都懂得浪漫，你天天被人说木讷，何不做点改变？今天我来教大家属于程序员的浪
  • 💡✨ 包教包会！纯 CSS 实现步进环绕跑马灯效果: 跑马灯大家都见过吧？只是单单的跑马灯有点太炫了，看久了眼睛就亮瞎了，今天我带大家手把手用 CSS 制作一个百看不腻的跑马灯，不信你往下瞅瞅？
  • React CSS-In-JS 方案 : Linaria Vs Styled-Components: 在开发一个 React 应用时，其中一个比较大的挑战就是为应用选择一个合适的样式处理方案。因为我们需要考虑到样式的可维护性，开发体验，以及样式对应用性能的影响等

前端-掘金·日新计划

前端-面试

前端-Node.js

  • 浅析+在Node中实现JWT鉴权机制！: 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第11天，点击查看活动详情 大家好，我是CoderBin 前言 由于最近的项目用到了JWT鉴权机制，所以本次想跟大家分享关于后端J
  • 理解NodeJS多进程: 序言 一次面试中，我提到自己用过pm2，面试接着问：「那你知道pm2父子进程通信方式吗」。我大概听说pm2有cluster模式，但不清楚父子进程如何通信。面试结束后把NodeJS的多进程重新整理了一下
  • Node.js 连接 MySql 统计组件属性的使用情况: 我正在参加「掘金·启航计划」 今天给大家带来的是一篇实际场景的问题解决方案：Node.js 连接 MySql 统计组件属性的使用情况。

前端-后端

前端-TypeScript

  • 更好维护的发布订阅模式的应用: 基于 TypeScript 的静态能力，解决传统 JavaScript 发布订阅模式在应用中的一些痛点，以求提升开发人员的编码体验。
  • ⚡今日算法 -- 尽可能多地组织比赛场数: 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第14天，点击查看活动详情 我的今日算法
  • Vue3和@type/node的类型不兼容问题: Vue3er 最近可能会遇到的 TypeScript 问题。最近有个新项目启动，主体内容与先前做的一个项目相似度很高，于是我准备拿这个旧项目作为模板简单改改，就可以启动新项目的开发了，没想到问题来了。

前端-前端框架

  • 你需要知道的微前端: 什么是微前端 来源 微服务的思想和概念⼀开始是为了解决后端服务不断扩展带来的⼀系列例如项⽬过⼤导致的复杂度不可控、难以维护、单⼀进程 容错率低，故障可能在进程内扩散导致服务全局上的不可⽤、扩展困难等等
  • 前端框架：性能与灵活性的取舍: 大家好，我卡颂。 针对前端框架，长期存在着各种纷争。其中争论比较大的是下面两项： 性能之争 API设计之争 比如，各大新兴框架都会掏出benchmark证明自己优秀的运行时性能，在这些benchmar
  • 2022重庆前端交流会「同舟」：等你来报名！: 「同舟」共济扬帆起，乘风破浪万里航。 在大家的期待与呼声中，2022 重庆前端交流会来啦！！ 本次交流会聚焦时下火热的前沿技术和实践经验，特邀精选主题分享；并且重磅推出 Light Talk，倾听更丰

前端-Webpack

  • 前端性能-首次加载优化70%: 打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！
  • 详解webpack构建优化: 当项目越来越复杂时，会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事，下面我们就从速度和体积两方面来探讨构建优化的策略。 分析工具 在优化之前，我们
  • 深入学习 webpack (基础篇): webpack 是一个现代 JavaScript 应用程序的静态模块打包工具，它对于前端工程师来说可谓是如雷贯耳，基本上现在的大型应用都是通过 webpack 进行构建的。 webpack 具有高度可配置性，它拥有非常丰富的配置。在过去一段时间内曾有人将熟练配置 webpack…

前端-HTML

  • 所见即所得 —— HTML转图片组件开发: 在我们日常开发中一定会遇到"所见即所得"的需求，如导出查询表格中的内容为Excel表格——《前端导出Excel，让后端刮目相看》、通过后台网页配置实现配置预览页与实际页面展示的统一
  • 快速了解 inert 属性: 介绍一个全新的、和用户行为息息相关的属性：inert。 有了这个属性，可以更加轻易地控制很多交互行为，花几分钟了解一下吧 一、inert 是什么？ inert是 HTMLElement 的一个布尔属性
  • 2022 最受欢迎的 CSS 类名、ID 和选择器是什么: 与 2020 年和 2021 年一样，网络上最受欢迎的类名是 active，Font Awesome 的 fa，fa-* 前缀仍然排在第二和第三。

前端-算法

  • 数据结构：栈及其运用: 一、什么是栈 1.1 物理结构和逻辑结构 在说什么是栈之前， 先理解一个概念：物理结构和逻辑结构。 什么是数据存储的物理结构？ 如果把数据结构比作活生生的人，那么物理结构就是人的血肉和骨骼，看得见，摸

前端-架构

  • 如果没有Promise，能不能自己封装一个？: 引子 面试时如果被问到“如果没有Promise，能不能自己实现一个”，就是在深度考察对异步的理解了； 如果你的回答是“能，我封过”，则必然令人刮目相看~ 事实上，作为ES6新增的API，即使没有，用户
  • 你需要知道的微前端: 什么是微前端 来源 微服务的思想和概念⼀开始是为了解决后端服务不断扩展带来的⼀系列例如项⽬过⼤导致的复杂度不可控、难以维护、单⼀进程 容错率低，故障可能在进程内扩散导致服务全局上的不可⽤、扩展困难等等
  • pro-validator｜对前端校验的思考: 基于近期对 validator 的使用与思考，开发了一个 npm 包，他实现了哪些功能，他的创建背景是什么？就在本篇文章～

后端

Android

  • 落地 Kotlin 代码规范，DeteKt 了解一下~: 各个团队多少都有一些自己的代码规范，但制定代码规范简单，困难的是如何落地。如果完全依赖人力Code Review难免有所遗漏。 这个时候就需要通过静态代码检查工具在每次提交代码时自动检查
  • 2022年编译加速的8个实用技巧: 关于Android编译加速的文章相信大家都看过不少，但常常要么是好几年前写的，目前看来有些过时；要么介绍了一大堆配置，最后一实践发现并没有多大效果，今天我们一起来看一些实用的~
  • 深入理解 Android Studio Sync 流程: 本文对 Android Studio Sync 入口到 Gradle 构建结束阶段进行了深入的源码分析，并分别从 Android Studio 和 Gradle 视角梳理了 Sync 整体流程。

IOS

  • 15、 Flutter Widgets 之 Form、FormField、TextFormField相关表单控件: 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第15天，点击查看活动详情 概述： 实际业务中，在正式向服务器提交数据前，都会对各个输入框数据进行合法性校验，但是对每一个Text
  • iOS小技能：iOS14 读取用户剪切板数据弹出提示的兼容方案: 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第12天，点击查看活动详情 前言 背景：在iOS14中，如果APP读取剪切版的内容时，手机会弹出提示，提示哪个APP在获取剪切板内
  • iOS灵动岛开发实践: iOS灵动岛开发实践 一、基本概述 名词基础知识 开发基础知识 二、项目构思 这里以电商常用的抢购商品作为实践，包含的交互方式主要有如下特征： 1、主工程商品能展示基本信息，包含图片、名称、价格、开抢

GitHub

Javascript

Vue

Typescript

Python

Go

Php

Rust

Object-C

← Metadata

57
Stars
7
Forks
Watchers

Owner

verified publisher icon dravenww

Metadata

收集各大技术社区网站每周

Back