收藏 / 列表

小帆聊前端 - 深度解讀前端包管理器:npm、cnpm、yarn、pnpm 的技術博弈與選型指南

引言:被依賴包支配的前端日常 "為什麼我本地能運行的項目,到服務器就報錯?" "node\_modules 文件夾怎麼佔用了 10GB 磁盤空間?" "安裝依賴為什麼要等 5 分鐘?" 這些前端開發中的經典靈魂拷問,都指向同一個核心問題 —— 包管理器的選擇與使用。從 2010 年 npm 誕生至今,前端包管理生態經歷了多次技術迭代,形成了 npm、cnpm、yarn、pnpm 四分天下的格局。它

yarn , 知識 , npm , 前端 , Javascript

Ahmad Shadeed - Using HSL Colors In CSS

From my experience, most of the colors I see people using in CSS are hex and RGB. Recently, I’ve started seeing more usage of HSL colors, however, I still think that the full potential of HSL is ove

Techniques , Tools , Css , Colors

Gabriel Shoyombo - Solving Media Object Float Issues With CSS Block Formatting Contexts

Let’s imagine we’re making a small component. It can be anything, really, but let’s use a media object as an example. Nicole Sullivan had a solid definition of media objects from way back in 2010, a

Tutorials , Layouts , coding , Css

wx6464351503832 - 智能體AI的六大核心設計模式

隨着大模型技術的成熟,智能體正在從概念走向實際應用。與傳統的單次問答系統不同,智能體能夠自主規劃、使用工具、反思決策,並通過多輪交互完成複雜任務。本文探討當前業界最主流的六種智能體設計模式,這些模式已經在各大AI產品中得到驗證和應用,為開發者提供了構建可靠智能體系統的技術參考。 ReAct Agent:推理與行動的循環框架

agent , 智能體 , 設計模式 , 人工智能 , Css , 大模型 , 前端開發 , HTML

Stephanie Eckles - A Guide To CSS Debugging

We’ve all been there, at the end of completing CSS for a layout and — what’s that? Ah! An extra scrollbar! Or maybe an element is an unexpected color. And on some browsers, that new feature just doe

workflow , Techniques , Tools , Css

mob64ca140a1f7c - 微信客服系統開發教程

摘要:基於企業微信API的智能客服系統技術方案摘要:本文介紹了構建企業微信智能客服系統的完整技術方案。系統採用分層架構設計,整合了企業微信API、生成式AI和RAG技術,實現從傳統規則引擎到AI驅動的範式轉變。核心功能包括智能路由、多客服協作、知識庫檢索和上下文對話管理,並採用情感識別、緩存優化等高級策略提升用户體驗。系統支持容器化部署,建立了

企業微信 , 微信開放平台 , 自動發送消息 , 企微 , Css , 企微API , 前端開發 , HTML

Victor Ayomipo - How Developers Can Strengthen Their Mental Health Amidst High-Pressure Projects

I have had my fair share of projects that have given me life because of what I accomplished, as well as those that have cost me life when I reflect on the terrible stress they caused. I know I’m not

workflow , Mental Health , Inspiration

gjnet - pes 2021 editor

在引入某個外部框架/功能件的 時候, 通常是 先引入css, 後引入js. css的必要屬性是rel和href, js的必要屬性是charset和src. js都是用javascript的,所以 css和js都不需要寫type了. k-indeditor 版本是4.1.11,其示例文檔不是根目錄下的demo.html而是根據你使用的後台語言放在對應的php

php , 架構 , 後端開發 , pes 2021 editor , Css , Json

水冗水孚 - 手寫一個簡單的谷歌瀏覽器拓展插件(附github源碼)

前言 閲讀本文,可以自己寫一個簡單的瀏覽器插件 以及前端瀏覽器插件相關東西 附上github源碼:https://github.com/shuirongshuifu/browser-plugin 接下來學學這個不常用的知識點吧... 效果圖 我們先看一下,自己手寫的簡單插件的操作效果圖(點擊彈出時間) 拓展程序部分 或者地址欄輸入:chrome://extensions/ 回

chrome , 瀏覽器 , chrome-extension , 前端 , Javascript

Cosima Mielke - March For Equality (2022 Desktop Wallpapers Edition)

We all need a little inspiration boost every now and again. Maybe your secret is to go for a walk, have a chat with a friend, or scroll through your favorite eye candy resources. Whatever it might b

Wallpapers , Graphics , Icons

Cristian Díaz - A Guide To Keyboard Accessibility: HTML And CSS (Part 1)

Keyboard accessibility is an important part of the user experience. There are multiple criteria in Web Content Accessibility Guidelines (WCAG) about this topic. Still, it’s somehow overlooked, affec

Guides , Accessibility , Css , HTML

Geoff Graham - A Few Ways CSS Is Easier To Write In 2023

A little while back, I poked at a number of “modern” CSS features and openly evaluated whether or not they have really influenced the way I write styles. Spoiler alert: The answer is not much. Some

Techniques , Tools , Css

兔子先森 - 一個手寫的vue3錄音組件,支持錄音波紋、外觀自定義調節

該組件有兼容問題,MAC上不可用,需注意,這裏僅用來做記錄,如需音頻功能,可使用Recorder.js,方案很成熟。 組件如下: template div class="container" ref="container" canvas id="visualizer" ref="canvas"/canvas /div /template script setup lang=

react , vue.js , HTML , 前端 , Javascript

Michelle Barker - New CSS Features In 2022

Container queries enable us to style an element depending on the size of its parent — a crucial difference from media queries, which only query the viewport. This has long been a problem for respons

Guides , Css , Browsers

Preethi Sam - The Things Users Would Appreciate In Mobile Apps

Remember the “mobile first” mantra? The idea was born out of the early days of responsive web design. Rather than design and build for the “desktop” up front, a “mobile-first” approach treats small

mobile , Web Design , User Experience , ui

子丶不語 - 告別“自動黑屏”——一個原生 JS API 就夠了

核心用法(3 段代碼就夠) 1) 能不能用? function isWakeLockSupported() { return 'wakeLock' in navigator; } 2) 申請 監聽釋放 let wakeLock = null; async function requestWakeLock() { tr

sed , HTTPS , 標籤頁 , 前端開發 , Javascript

北橋蘇 - Hexo最新實戰:(一)Hexo7.0+GitHub Pages博客搭建

前言 很多平台都能寫博客還有創作激勵,為什麼我又要搭一個?為什麼這次要選擇用Hexo框架? 對應的原因是流量自由和省錢,第一個,很多平台能寫但不是都有收益,而且平台有自身的規則,比如會屏蔽一些推廣類信息。如果我哪天做了一產品,是沒辦法直接用平台博客的方式硬推的,至少放碼和鏈接不行。第二個用Hexo搭到GitHub上,我可以不用買服務器,畢竟現在也還沒有想法要做一個什麼樣的東西。 總之,有個獨立博客

hexo , 前端 , Javascript

唐志遠 - 關於Vercel被牆導致獲取Twikoo評論失敗的解決方案

原文鏈接:關於Vercel被牆導致獲取Twikoo評論失敗的解決方案 前言 由於 Vercel 官方域名的 Dns 污染問題,導致 Vercel 部署的 Twikoo 評論無法正常獲取數據。在配置 Twikoo 評論時,如果 envId 用了 vercel 自帶的域名(類似 https://xxxxx.vercel.app/),則會遇到以上問題。 解決方案是用自定義的域名去代替 vercel 的

hexo , 前端