收藏 / 列表

李遊Leo - 在線和社交媒體形象管理

在現代職場中,掌握在線和社交媒體形象管理的技巧是塑造個人品牌的關鍵組成部分。隨着數字化時代的到來,個人的在線存在和社交媒體活動已成為評價其專業形象和影響力的重要窗口。在線形象管理關乎於如何精心策劃和維護在互聯網上的個人形象,確保它與你的職業目標和個人品牌保持一致。 認識並重視在線和社交媒體形象的重要性,可以帶來諸多優勢。首先,一個專業而一致的在線形象能顯著增加你的職業可見性和辨識度,使你在潛

職業發展

beckyyyy - 給web增加簡單的ai對話功能

自從 ChatGPT 火了之後,越來越多人開始對 AI 感興趣,AI 的使用也越來越普遍了。現在你隨便點開個知名網站或者 APP,基本都能看到 AI 的影子,而且這些 AI 大多都是用 “問答” 的形式跟人互動,説白了就是 “聊天”。 當然啦,現在的 AI 也不是完美的,比如有時候會瞎編東西(就是大家説的 “AI 幻覺”),但給 APP 加個 AI 功能,確實能讓它變好玩、互動感更強。那咱們

通義千問 , 人工智能 , 前端

銀之夏雪 - CSS 真的會阻塞文檔解析嗎?從瀏覽器渲染原理深入探究一下

在網頁開發領域,一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題,需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後,會依次進行以下幾個主要步驟: 解析 HTML:瀏覽器從網絡或本地獲取 HTML 文件,然後開始解析,將 HTML 代碼轉換為 DOM(Document Object M

瀏覽器 , 瀏覽器原理 , Css , 前端 , Javascript

DiracKeeko - [Vue] vue-cli3中chainWebpack和configureWebpack的區別

chainWebpack 的底層是 webpack-chain。採用的是命令式 Webpack 配置。 configureWebpack 的底層是 webpack-merge。configureWebpack 的值可以是Object也可以是Function。(若是Function這個Function的返回值也應是一個Object) 且直接設置的Object和函數返回的Object都是配置子集

vue.js , vue-cli3 , webpack , vue-cli , 前端

麒寧 - Ant Design 常見用法與坑點總結(一)

前言 Ant Design 是螞蟻出品的出色優秀的 React 組件庫,相信使用 React 進行管理系統開發的小夥伴們或多或少都接觸過 Ant Design。很多公司基於 React 開發的管理端系統也都是使用 Ant Design 的組件庫。 因此,瞭解 Ant Design 的常見用法與坑點還是有必要的。 本系列文章針對 Ant Design 一些官方文檔雖有提及,但是容易被忽略的,又比較重

form , 表單驗證 , antd , 前端 , Javascript

懟懟 - 【js】類(Class)

JavaScript中的Class 類的基本語法 類的繼承 修飾器 1. 類的基本語法 可以看成ES5中構造函數的語法糖,它的大部分功能ES5都可以做到 1.1 定義一個類 ES5 function Student(name,age){ this.name = name this.age = age } Student.prototype = { construc

, 繼承 , class , Javascript

賀公子 - 深度使用AI編程工具

深度使用AI編程工具的經驗分享 AI編程工具如Cursor、Claude Code正在改變開發者的工作流程。通過集成智能補全、代碼生成和自然語言理解能力,這些工具顯著提升了開發效率。以下分享一些實際經驗和案例。 開發環境配置優化 Cursor的智能補全功能可以根據項目上下文提供精準建議。在配置開發環境時,輸入部分命令或配置文件內容,工具能夠自動補全完整的配置。例如輸入Docker

code , API , 編程工具 , 前端開發 , Javascript

OpenTiny社區 - Fluent Editor 富文本開源2個月的總結:增加格式刷、截屏、TypeScript 類型聲明等新特性

本文由體驗技術團隊Kagol原創。 Fluent Editor是一個基於 Quill 2.0 的富文本編輯器,在 Quill 基礎上擴展了豐富的模塊和格式,框架無關、 功能強大、開箱即用。 2024年8月12日,Fluent Editor 正式開源! 源碼:https://github.com/opentiny/fluent-editor/ 官網:https://opentiny.gi

富文本編輯器 , 前端

前端小巷子 - Vue 2深入 keep-alive

Vue 2深入 keep-alive keep-alive 是 Vue 2 運行時裏最常被提及卻最少被深究的內置組件。它看上去只是“把頁面緩存起來”,背後卻涉及實例生命週期劫持、LRU 緩存策略、VNode 複用以及內存管理。 一、設計動機 單頁應用裏常見的“標籤頁”“麪包屑”“分步表單”等交互模式,都要求用户在多個路由或狀態之間來回切換。默認情況下,每一次切換都會觸發舊組件

生命週期 , 緩存 , 複用 , 前端開發 , Javascript

Grewer - React 性能 debug 小記

前言 之前開發重構項目的時候,遇到了一些問題, 如 hooks 的性能問題和 quill 的重載問題。本文就是記錄這些問題的解決過程。 場景 在基於富文本的輸入場景中,我們發現在輸入回車後會出現明顯的卡頓現象。為了更好地展示此類場景,這裏使用了一個簡單的例子展示。 function App() { const [value, setValue] = useState(''); /

performance , react , 性能分析 , 前端 , Javascript

Christian Heilmann - PHP: What You Need To Know To Play With The Web

You won’t come out a professional PHP developer, but you’ll be well on your way to building a small page that uses Web services. You can find a lot of great PHP info on the Web, and most of the time

php , coding

邊城 - Loading ... done

引子 在前面界面開發的過程中,為了增強在與後端交互過程中的用户體驗,通常會顯示 Loading 動畫。Loading 動畫會在與後端交互結束的時候關閉。這是一個很常規的需求,技術實現也不復雜。 showLoading(); axios.request(...) .then(...) .finally(() = hideLoading()); Node.js 和大部分瀏覽器都在 20

loading , finally , 異步 , 前端 , Javascript

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時,加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設,整理了一下現有的線上報錯,其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript

jump__jump - 妙用 localeCompare 獲取漢字拼音首字母

在前端開發中,開發者通常會使用 localeCompare 來進行中文字符的排序比較。但 localeCompare 還有一種較為少見的應用場景 —— 通過獲取中文字符的拼音首字母來實現檢索功能。本文將詳細介紹這一實用技巧及其應用。 原理 localeCompare 方法允許字符串按特定語言環境的排序規則進行比較。在中文環境下,它會默認按照漢字的拼音順序進行排序。基於這一特性: 準備一組具有代

搜索 , 漢字轉拼音 , 工具類 , 前端 , Javascript

陳學家_6174 - React 產品實現 -任務管理工具“氫”

原文地址:https://zhuanlan.zhihu.com/p/...,歡迎轉載 :-) ? 關於 其實對於這個專欄的訂閲用户感到非常抱歉,已經停更很久了,也沒啥特別的理由就是懶 orz!不對,畫風不能這樣開頭,是這樣的,我覺得我應該用 React 去做點兒什麼,寫文章能夠清晰我的思路,讓我和別人有交流,但是並沒有實際做產品那麼性感,於是我決定要用 React 來做一些產品出來,於是就

react , macos , 產品設計 , electron , leanreact

一顆冰淇淋 - webpack dev server 與 hot module replace 提高開發效率

通過 webpack 命令編譯源代碼時,如果我們對源代碼進行了修改,需要重新執行命令才能看到編譯後的效果。 這樣在開發中非常的影響效率,如果存在一種方式,當文件被修改時,webpack 自動監聽重新編譯,並反饋給開發者,這樣就能更高效的進行開發。 watch 我們通過 webpack 執行命令時,編譯完成之後進程會停止,而 webpack --watch 編譯完成後,不會停止進程,並且當文件內容發

webpack-dev-server , webpack , 前端 , Javascript