3 天前 / hyper0x
【导语】：用 Go 编写的轻量级 Web 服务器。 简介 Caddy 是用 Go 编写的轻量级 Web 服务器，是一个可扩展的服务器平台。 它相较于 Apache、Nginx 这些知名 Web 服务器，特点在于提供了编译好的可执行文件，实现了真正的开箱即用。无需任何配置即可拥有免费的 HTTPS、自动把 Markdown 文件转化成 HTML 等人性化的功能。如果是搭建中小型的 Web 服务，它完全够用而且省时省心。 功能特点： 自定义 Caddyfile 文件可进行功能配置。使用 JSON API 可进行动态的配置。默认自动使用 HTTPS，Caddy 是唯一一个默认自动使用 HTTPS 的 Web 服务器。
6 天前 / 冷星1024
前言 JavaScript 属于单线程语言，所有任务都跑在主线程上，若主线程阻塞，后续任务将无法执行。既然是单线程，那为何我们在使用过程中主观感知却是“多线程”？ 事件循环主要由于 JavaScript 提供了 事件循环 机制，我们在发起异步请求或定时等操作后，处理完地回调会放入任务队列，在执行栈空时，处理任务队列中的回调，因此不会阻塞主线程，参考下图： Node、Deno 环境同样使用事件循环机制进行处理，不过在模型上存在差异。关于事件循环的具体细节本文不会细说，但核心思想在于：任务队列 + 异步回调。
7 天前 / 王键创生
阅读原文，体验更佳！ 周刊收集包括前端（但不限于前端）的文章、新闻、开源项目、工具等等，每周一更新。 文章动态图片生成方案在业务需求中，根据返回数据动态生成图片分享是很常见的场景。比如在起点读书小程序中，每本书都需要生成一个动态图片，包含：书名、作者、类别和当前页面小程序码，这几个内容都是会动态改变的。 那如何抽象化 & 高性能的实现这一类需求呢？下面我们一起来探讨动态图片的生成方案。 https://mp.weixin.qq.com/s/0dWfL3ChIceH6rQ8-Oh6pg Chrome 97 发布 WebTransport...
8 天前 / 开发者头条
以下内容节选自「码农周刊 VIP 会员专属邮件周报 Vol.076」，查看完整链接版请点击「阅读原文」。 微信公开课 Pro 这八年：张小龙的 7 场脱口秀、3 次产品嬗变和 16 道金句 https://mp.weixin.qq.com/s/cBlLUgWBxsOSk1akqu75eQ 张小龙人虽缺席，但这未必不是一件好事。 腾讯开源的，集众多分析工具的云原生、分布式、高性能的代码综合分析跟踪系统 https://github.com/Tencent/CodeAnalysis/blob/main/README_ZH.md 其主要功能是通过词法分析、语法分析、控制流、数据流分析等技术发现并跟踪管理敏捷迭代下的代码相关问题...
13 天前 / Ryan众乐
背景 组件（模块）封装与开发可以给前端业务开发的过程带来非常大的研发效能的提升，各个业务域的开发者会定制开发许多符合自己业务场景的基础组件（模块）沉淀一套快速复用的物料体系，以保证业务开发的研发效能。同样，在各个 Flutter 团队，也有大量的 Flutter Widget 的物料，以及各种基于 Flutter 场景做的性能优化。在大前端的视角下，我们期望在端内拥有 Web 开发的研发效能以及动态性的同时，也期望通过一些 Native 的优化手段让应用拥有媲美原生的体验与性能。
13 天前 / 寒雁
2022 年 1 月 4 日正式发布的 Chrome 97，带来了哪些新特性呢？ 前言十多年来，Web 技术突飞猛进，Chrome 浏览器发挥了最关键的作用，了解 Chrome 可以帮助我们理解前端行业的发展趋势。 因此，我将以《了不起的 Chrome 浏览器》为题，对 Chrome 的每一个版本的重要特性进行详细解读，同时分享一些自己的一些思考： 了不起的 Chrome 浏览器（1）：Chrome 89 开启 Web 应用的物联网时代了不起的 Chrome 浏览器（2）：Chrome 90 将默认使用 HTTPS，Web 更安全了了不起的 Chrome 浏览器（3）：Chrome 91 支持 WebAssembly SIMD...
14 天前 / Ryan众乐
开头大家好，我是 Peter,今天是新年第一个工作日，那么我们一起聊点干货，Web3 和 Metaverse 元宇宙 Web3 之前是什么？web3 之前是 web1 和 web2,这当然不是废话。 Web1.0 时代每个时代的产品都比较有代表性，1.0 时代的代表性产品，国内应该是 UC 浏览器，这个产品当时非常成功，它主要是做手机浏览器，展示：震惊用户的内容，吸引用户点击浏览。 用户在 1.0 时代，用户群体更多的是作为内容被动的消费者，例如我们经常开玩笑所讲到的，你去 UC 震惊部上班吧。然后制作出各种震惊用户的内容，吸引用户点击浏览阅读 1.0 时代的产品，静态内容展示为主。
16 天前 / HueiFeng
在项目中将某个操作后的数据 Webhook 发送给钉钉机器人。 Webhook 是一个 API 概念，是微服务 API 的使用范式之一，也被成为反向 API，即前端不主动发送请求，完全由后端推送；举个常用例子，比如你的好友发了一条朋友圈，后端将这条消息推送给所有其他好友的客户端，就是 Webhook 的典型场景。 简单来说，Webhook 就是一个接收 HTTP POST（或 GET，PUT，DELETE）的 URL，一个实现了 Webhook 的 API 提供商就是在当事件发生的时候会向这个配置好的 URL 发送一条信息，与请求 - 响应式不同，使用 Webhook 你可以实时接受到变化。
19 天前 / 趣编程
Web Components 是用于创建适合多种用途的 HTML 元素的 Web 技术。对这种现象有一种不同的态度：一些人相信 Web 组件的革命性潜力（尽管它们于 2011 年首次推出），另一些人仍然持怀疑态度并继续使用 React。 许多开发人员似乎对 Web Components 消灭前端框架的想法感到威胁。但这不会发生，因为它们是为解决不同的问题而生的。 为什么我们需要 WebComponents？ 使用 Web 组件的原因，我们可以从三个方面来看待这个问题，一个是趋势，一个是技术本身，另一个是商业成本。
19 天前 / 高飞
前言新建一个 ASP.NET Core Web API 项目，使用命令行方式启动，连续发送多次请求。 从下图的时间线可以发现，第一次执行（116ms）比后面的（2ms）慢了很多： 在这 100 多 ms 中，Web API 到底做了些什么？！ 示例代码为了更好定位 Web API 执行情况，示例 Controller 代码如下： [HttpGet] publicstringGet() { Thread.Sleep(10); varnow=DateTime.Now; while((DateTime.Now-now).TotalMillisecondsclass $1;{%!}::=>class $1”，可以看到如下效果： 火焰图是用来展示 CPU 的调用栈的图形： y 轴表示调用栈，每一层都是一个函数。
19 天前 / HueiFeng
总篇 120 篇 2021 年第 15 篇 前言 本文主要简述 SQL 注入漏洞原理、结合漏洞修复经验落地实践方式，最终描述整套的安全落地方案。通过本文可以了解常用测试 SQL 注入工具、不同修复方式的效果差异等。如对具体测试方法细节感兴趣，可查看注释或自行查询测试方法，受政策影响本文不再详细描述。安全是攻击与防御、矛与盾的结合体，只有彼此了解，才能“知己知彼，百战不殆”。 01 背景介绍 之家安全组结合现有情况，发现存在较多的 SQL 注入漏洞，这里简要介绍一下 SQL 注入漏洞： 根据 OWASP TOP 10 2021 最新数据，注入下滑至第三位...
20 天前 / 冷星1024
前言 前戏：【第 2492 期】ESM Bundleless 在低代码场景的实践。今日前端早读课文章由《狼书》作者 @ 狼叔翻译授权分享。 正文从这开始~~ 我不是很在意把原生 JavaScript 升级到 ES6。尽管从 2000 年至今，我经历了不同的方法来避免编写太多 js 代码。首先是 RJS(Ruby-to-JavaScript)，然后是 CoffeeScript。这 2 种转译方式都为编写浏览器中可执行的 JavaScript 源码带来了更多快乐。可以说它确实是有效的。 但这显然是恐惧的。当我们等待浏览器来更好理解 JavaScript 时，它就是一个替代品。
20 天前 / 高飞
前言在上次的《差距 50 倍！为什么 Web API 第一次执行这么慢？》文章中，我们发现了部分耗时比较大的方法： Microsoft.AspNetCore.Mvc.Infrastructure.ActionInvokerFactory.CreateInvoker - 30.15ms 查看源代码，ActionInvokerFactory 使用的是 Singleton 生命周期： services.TryAddSingleton(); 而在构造函数中，会执行排序方法： publicActionInvokerFactory(IEnumerableactionInvokerProviders) { _actionInvokerProviders=actionInvokerProviders.OrderBy(item=>item.Order).ToArray(); } 我想，这应该是初次执行时间较长的部分原因。
21 天前 / 王键创生
阅读原文，体验更佳！ 周刊收集包括前端（但不限于前端）的文章、新闻、开源项目、工具等等，每周一更新。 文章看完了 2021 CSS 年度报告，我学到了啥？一起来查缺补漏。 https://mp.weixin.qq.com/s/BbH6IleqLly82Mqx_0W1IQ package.json 中你还不清楚的 browser，module，main 字段优先级题外话： 在 Vite 中打包针对 node 环境的包时还是遵循以下逻辑，browser > module，没有 main，这样就导致一些没有配置 module 的包强制使用了浏览器端的代码。
26 天前 / 刘星_LiuXing
主页博客关于联系 RSS 搜索关注公众号【JavaScript 之禅】，回复【资源】免费领取前端学习书籍文章内容 1、DevDocs2、Small Dev Tools3、README.so4、元标签 5、overAPI6、CSS TRICKS7、Responsively8、Resume.io9、Color Hunt10、在控制台中打印漂亮的字符画 11、移除图像背景 12、个人资料头像制作工具 13、Storytale14、Carbon15、Say.so16、Screely17、programmer humor18、workchroniclesWeb 开发者需要知道的 18 个杀手级网站作者： 刘星 https://devdocs.io/ DevDocs 汇集了大量 API 文档。你可以在一处找到与各种编程语言、技术相关的文档。