51CTO首页
AI.x社区
博客
学堂
精品班
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
AIGC创新中国行
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术2024年软考PMP项目管理软考资讯
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO题库小程序
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
账号设置 退出

前端

2.5w内容  
分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。
文章 博文帖子课程
共 2.5w 条
Ansible剧本的6个排查技巧 译文
本文介绍的六个方法可供您在运行Ansible脚本时检查问题。Ansible是一种功能很强大的工具，可以跨服务器、云、网络和容器等更多系统自动化管理各种平台。

2021-06-29 08:00:00

Ansible开发工具
NIO之多线程协作处理数据读写
单线程下的NIO存在性能瓶颈，当某一计算过程缓慢的时候会阻塞住整个线程，导致影响其他事件的处理!

2021-06-29 07:47:23

多线程协作数据
Nacos在服务配置中心的妙用
很简单的一个小实践，分享给大家，因为小六六之前一般是通过springboot的多环境+maven的profiles来做多环境的,或者大家如果用容器的话，k8s里面也可以做配置这个也不错。

2021-06-29 07:04:38

Nacos服务配置
前端 | 嘿，Nest.js实战开发系列之使用TypeORM操作数据库
本篇文章介绍了mysql和typeorm之间的关系，typeorm的配置，nest是如何通过typeorm连接数据库，以及简单的用户表数据查询。

2021-06-29 06:25:22

Nest.jsTypeORM数据库
React要更新，就像渣男会变心
React有个特性 — Strict Mode，被StrictMode包裹的组件在DEV环境会对不推荐写法有更严格的提示与辅助检测行为。

2021-06-29 06:06:10

ReactStrict ModeStrict Effe
CSS偏移反爬虫的原理和破解方法
前几天在爬取某网站的时候遇到了CSS偏移反爬虫，它是一种利用CSS样式将乱序的文字排版成人类正常阅读顺序的反爬虫。今天志斌就来跟大家分享一下这类反爬虫应该如何绕过。

2021-06-28 18:57:15

CSS网页爬虫
面试官：手写归并排序、快排能做到吗？我：小Case！
递归这一思想至关重要，因为很多算法都是基于递归展开的。其中最经典的就是分治算法，应该算是递归这一思想最经典的应用，也是面试中的常客。

2021-06-28 17:26:15

归并排序建模
别再用ls、cat命令了，这有一套全新升级版，简洁快速还易上手
最近，一套“现代版Unix命令”在GitHub上火了。5天就达到了2k星。

2021-06-28 15:34:33

GitHub工具命令
DRF 中的模型序列化到底该怎么用？
本章讲到模型普通序列化的步骤，关于模型序列化、序列化嵌套、项目实战中流程，我将在下一篇文章进行说明。

2021-06-28 15:00:06

DRF模型序列化
鸿蒙HarmonyOS三方件开发指南(20)-Dialog组件
Dialog组件是一个显示不同风格的自定义对话框组件，目前支持十一种风格的显示。

2021-06-28 14:48:03

鸿蒙HarmonyOS应用
聊聊生成水印原理与插件编写
今天分享一个小程序生成水印的小技巧——canvas绘制背景图，接下来我会详细介绍绘制的细节。希望开发过微信小程序的同学可以把文章收藏起来，这样如果以后遇到类似的需求，可以翻出来作为参考。

2021-06-28 11:29:50

生成水印插件
Cout和Printf，选择哪个更好？
网上经常看到有人说，不建议使用cout，而应该更多使用printf，下面说说我的看法!个人看法是两个都不建议用。

2021-06-28 11:17:14

CoutPrintf接口
Redisson 分布式锁源码之二：看门狗
说起 Redisson，比较耳熟能详的就是这个看门狗(Watchdog)机制。本文就一起看看加锁成功之后的看门狗(Watchdog)是如何实现的?

2021-06-28 10:51:55

Redisson分布式锁Watchdog
亿级流量架构的网关设计思路与常见网关对比
本文围绕七个点来讲网关，分别是：网关的基本概念、网关设计思路、网关设计重点、流量网关、业务网关、常见网关对比，对基础概念熟悉的朋友可以根据目录查看自己感兴趣的部分。

2021-06-28 10:09:59

架构网关技术
一篇带给你SpringCloud Sleuth入门介绍
总结本篇文章主要介绍了Sleuth的入门知识,并且整合Zipkin来可视化显示调用链路的整体情况,但是目前Zipkin数据存在于内存中,我们可以在接入Elasticsearch等工具来做数据持久化。

2021-06-28 10:04:12

SpringCloudSleuth微服务
一文理解分布式事务的解决方案
随着企业应用的规模越来越大，企业会进一步进行服务化改造，以满足业务增长的需求；当前微服务架构越来越流行，跨服务的事务场景也会越来越多。

2021-06-28 10:03:44

分布式数据库架构
浅析JDBC的ResultSet接口和使用MySQL语句查询数据
本文介绍了ResultSet接口和使用MySQL语句查询数据。本文还介绍了MySQL语句查询数据的具体步骤，并通过一个案例来帮助大家理解使用MySQL语句查询数据的用法。

2021-06-28 10:00:32

JDBC数据库MySQL
五个代价高昂的Kubernetes成本陷阱及其解决方案 译文
人们需要了解Kubernetes在成本管理方面带来的挑战，并使用一些优秀实践解决Kubernetes成本优化的问题。

2021-06-28 09:00:00

Kubernetes容器云计算
快手取消大小周，互联网大厂不卷了...
近日，腾讯光子工作室强制员工 18 点下班引发热议。而字节跳动 CEO 梁汝波 17 日在公司例行 OpenDay 上公布的调研结果表示字节跳动 1/3 员工不支持取消大小周。

2021-06-28 08:57:29

快手腾讯员工
抓包就明白CoreDNS域名解析
DNS 其实就是一个分布式的树状命名系统，它就像一个去中心化的分布式数据库，存储着从域名到 IP 地址的映射。k8s中利用CoreDNS进行域名解析。

2021-06-28 08:26:29

CoreDNS域名
JavaScript 异步编程指南 — 解决方案 Async/Await
ES7 之后引入了 Async/Await 解决异步编程，这种方式在 JavaScript 异步编程中目前也被称为 “终极解决方案”。

2021-06-28 08:10:59

JavaScript异步编程
JS 中的函数表达式和函数声明你混淆了吗？
在本文中，我们来看一下，如何使用function关键字来定义函数声明和函数表达式，以及这两种函数之间的区别又是什么。

2021-06-28 08:01:57

JS 函数表达式函数声明
面试侃集合 | DelayQueue篇
今天我们再来聊聊和它相关的DelayQueue吧?DelayQueue也是一个无界阻塞队列，但是和之前我们聊的其他队列不同，不是所有类型的元素都能够放进去，只有实现了Delayed接口的对象才能放进队列。

2021-06-28 07:44:11

面试 DelayQueue任务调度
Gulp打包支持Await/Async语法
在项目中，最近需要对node代码进行混淆编译，原来曾经解决过ES6打包混淆的问题，在使用的是gulp打包，为了提升代码质量还有异步操作顺序问题，使用了async/await语法，原来的gulpfile混淆又出问题了。

2021-06-28 07:27:43

AwaitAsync语法
使Vue开发如鱼得水的 VS Code 扩展
作为一个 Vue 搬砖工，我一直在为 Vue 开发寻找合适的 VS Code 扩展。以下是一些好用的扩展，可以让我们在搬砖时更加轻松。

2021-06-28 07:13:34

Vue Code 扩展
正则表达式杂记：入门笔记速查，进阶：组属性，Vim Magic 与练习场地
几乎所有写代码的朋友都或多或少接触过一点 regex ，但你真的会用吗?比如，用于全匹配 aabc 的 regex 为 ^(?.)\k(?!\k)(?.)(?!\k(b)|\k).$ ，你可以给出解释吗?

2021-06-28 07:13:33

进阶Vim笔记
前端百题斩之赋值、浅拷贝、深拷贝大PK
相信老铁们不管是在学习还是面试过程中，都会遇到赋值、浅拷贝、深拷贝，特别是浅拷贝和深拷贝，我记忆比较深刻的遇到这个问题有两次：1.一次系统写出bug就是因为对深浅拷贝理解不清楚；2.百度面试。

2021-06-28 07:12:28

赋值浅拷贝深拷贝
Webpack 实现 Tree shaking 的前世今生
Tree-shaking 实现机制快速浏览完官方文档和一众文章后，发现 webpack 实现 tree-shaking 的方式还不止一种!但是，都与 rollup 不同。

2021-06-28 07:01:50

Webpack 前端Tree shakin
【算法】懂点算法（一）— 算法的时间空间复杂度
在本文中，笔者介绍了什么是算法、为什么要用算法、如何衡量算法的时间复杂度和空间复杂度以及算法的最坏情况和平均情况的概念。

2021-06-28 06:15:14

算法Algorithm时间空间复杂度
Webpack 原理系列八：产物转译打包逻辑
本文深入 Webpack 源码，详细讨论了打包流程后半截 —— 从 chunk graph 生成一直到最终输出产物的实现逻辑，首先遍历 chunk 中的所有模块，为每个模块执行转译操作，产出模块级别的产物。

2021-06-28 05:59:17

Webpack 前端打包与工程化
高级开发竟然被构造器循环依赖难住了？
是这样的，有个实习生朋友问了我循环依赖的问题，我将Spring内部的三级缓存原理都跟他说了，并保证Spring已经解决了这个问题，然后他扔了一道题给我，说报错了。

2021-06-27 21:06:47

开发循环依赖
2021年前端编程发展趋势
这些年前端发生了天翻地覆的变化，几乎每隔几个月就有新的框架和技术诞生，有些技术可能你还没来得及学习，它就已经成为过去时了。2021年前端会有哪些变化，哪些技术会脱颖而出呢？

2021-06-27 17:34:57

前端编程语言
分享几个工作中实用的代码优化技巧！
Java 7.0 之后，加入了新的包java.lang.invoke，同时加入了新的 JVM 字节码指令 invokedynamic，用来支持从 JVM 层面，直接通过字符串对目标方法进行调用。

2021-06-27 06:25:14

代码优化技巧Java
你应该知道的 11 个 VS Code 特性和技巧
在处理大型项目时，带有连字的字体使代码更干净、更方便，您可以通过结合连字的特殊字体使您的编辑器体验更好。有几种支持连字的字体可用，但您可以简单地坚持使用经典的 Fira Code。

2021-06-26 10:04:23

Code特性技巧
一文学会设置 Jupyter 主题与目录
Jupyter notebook将基于控制台的方法扩展到了一个全新的方向，提供了一个基于 Web 的应用程序，适用于捕获整个计算过程：开发、记录和执行代码，以及交流结果。

2021-06-26 09:26:01

Jupyter主题目录
STM32串口开发之环形缓冲区
缓冲区看名字就知道，是缓冲数据用的。实现缓冲区最简单的办法时，定义多个数组，接收一包数据到数组A，就把接收数据的地址换成数组B，每个数据有个标记字节用于表示这个数组是否收到数据，收到数据是否处理完成。

2021-06-26 07:50:20

STM32串口开发环形缓冲区
前端自动化测试：Jest 测试框架应用
作为一个面向前端的测试框架， Jest 可以利用其特有的快照测试功能，通过比对UI 代码生成的快照文件，实现对 React 等常见前端框架的自动测试。

2021-06-26 07:40:21

前端自动化测试Jest
为啥套娃？聊聊 Babel、Jscodeshift 和阿里妈妈的 Gogocode
path 是节点之间的关系，每个 path关联父节点和当前节点，path 对象构成一条从当前节点到根结点的路径。state 是遍历过程中的共享数据的机制。

2021-06-26 07:18:15

JscodeshiftBabel节点
Vue 2和Vue 3中应该知道的属性创建差异
我将向你展示如何使用Options API在Vue 2中创建属性，然后向你展示如何使用Composition API在Vue 3中创建属性。

2021-06-26 06:29:14

Vue 2Vue 3开发
更优雅的 Kubernetes 集群事件度量方案
如何度量滚动升级这个过程的时间。这个问题可以抽象为一种通用需求，适用于多种场景。

2021-06-25 15:53:25

Kubernetes程序技巧
Acme框架真香！用过一次后 伦敦博士撰文大赞DeepMind强化学习框架
2020年DeepMind就推出了他们的强化学习框架Acme，但缺少教程和入门材料。伦敦政经博士用了一次之后直呼好用，立刻写了一篇博客自发推广！

2021-06-25 15:36:37

框架AI开发
关于DevSecOps的五个优秀实践
从本质上讲，DevSecOps就是在根源上内置有安全因素的DevOps。这要求我们将安全性融入需求、设计、编码与部署阶段——换句话说，纳入整个DevOps管道。

2021-06-25 14:50:21

DevSecOps安全 DevOps
前端自动化测试：测试到底测什么？
在实际开发过程中，编写自动化测试代码通常是开发人员不太喜欢的一个环节。大多数情况下，前端开发人员在开发完一项功能后，只是打开浏览器手动点击，查看效果是否正确，之后就很少对该块代码进行管理。

2021-06-25 10:57:30

前端自动化测试开发
用JavaScript实现一个编译器
Babel is a JavaScript compiler!这是Babel官方对于babel的定义。身为前端工程师，因此有必要了解编译原理，幸运的是，“The Super Tiny Compiler”开源项目利用JavaScript写了一个简单的编译器。

2021-06-25 10:38:05

JavaScript编译器前端开发
巧技拾遗 | JavaScript 中 Array.every 和 Array.map 的巧妙结合
我们有一个列表 funcArr ，里面存放函数，比如 funcArr = [ func1, func2, ... ] 。这些函数都是 () => boolean 即无参数、返回值为布尔值的。

2021-06-25 10:18:08

JavaScript Array.map 巧技拾遗
DevOps与DevSecOps有何区别？
理解DevSecOps的一种重要方法，在于拆分DevOps核心组件并审视适合在哪里插入安全要素。

2021-06-25 10:04:47

DevOpsDevSecOps开发
Redis缓存高频难题一问三不知，你的亿级系统不会炸吗？
早期的缓存用于加速CPU数据交换的RAM。随着互联网的快速发展，缓存的应用更加宽泛，用于数据高速交换的存储介质都称之为缓存。

2021-06-25 09:55:33

Redis缓存系统
Cors跨域(四)：解决方案对决JSONP vs CORS
当被浏览器半信半疑的脚本运行在沙箱时，它们应该只被允许访问来自同一站点的资源，而不是那些来自其它站点可能怀有恶意的资源。但是呢，在现在的互联网场景中，跨域访问是一种必须，所以才有了解决跨域问题的方案。

2021-06-25 09:04:39

Cors跨域JSONP vs CO
一时兴起，自己动手开发了个IDEA插件！
一个插件的开发、调试、安装就完成了，理论上通过这个简单的例子就可以实现一些实际的功能了，因为其完整展示了数据输入到数据获取整个过程。

2021-06-25 07:18:50

开发IDEA插件项目
浅析Vue响应系统原理与搭建Vue2.x迷你版
数据模型仅仅是普通的JavaScript对象，而当我们修改数据时，视图会进行更新，避免了繁琐的DOM操作，提高开发效率。简言之，在改变数据的时候，视图会跟着更新。

2021-06-25 06:47:38

VueVue2.x迷你版响应式原理
上一页 1 ··· 226227228229230 ··· 511
点赞

51CTO技术栈公众号

业务
速览
在线客服