收藏 / 列表

起風了 - 如何快速查看頁面的佈局結構?

在前端頁面 UI 開發時,如何能快速查看頁面的結構佈局? html * { outline: 1px solid red !important; } outline 屬性不會增加元素的尺寸,比 border 要好。

佈局 , css3 , Css , 前端 , ui

Jerry - 【關於NodeJs】基礎筆記整理篇

終於開啓整理了最簡易版的node筆記了。大佬可以繞行啦啦啦~~ 一、前言介紹 Node.js是一個基於chrome V8引擎的js運行環境,最大特點就是單線程運行,一次只能運行一個任務。使用了一個事件驅動、非阻塞式 I/O 的模型。 二、基礎用法 安裝好node之後,基礎用法。 1. node 腳本 $ node demo # 或者 $ node demo.js 2. node -e 字符串

express , node.js , ejs , 前端

wszgrcy - 程序員如何封裝邏輯?

程序員如何封裝邏輯? 封裝 關於封裝代碼,我想大家都知道,提高可讀性,使代碼更清晰,更易於維護 那麼什麼是封裝邏輯?舉個例子,假如我想修改某個函數的傳參,將foo(a,b)改成foo(b,a),我們可以將a剪切到b後面,或b剪接到a前面,這就是我們的在操作時邏輯,而封裝邏輯,就是代替我們執行這個操作,我們只需要調用,就會有人幫我們實現 為什麼要封裝邏輯? 剛才舉的例子,只是交換一下參數

開發工具 , 開發 , 技術分享 , 架構模式

王小o - [分享]高仿網易新聞WebApp模板源碼下載

BUI-163網易新聞 大小: 6.27M 該App基於BUI Webapp框架+Dcloud構建. 僅供學習交流使用. 整個app開發過程記錄在這裏bui神速訂閲號. 快速開發App系列篇 預覽 交互1: 下拉刷新, 加載分頁 交互2: Tab嵌套交互 交互3: 欄目刪減自動更新 交互4: 底部tab的交互, 每個Tab裏面還有各自的交互 下載 源碼下載: https

hybrid-app , webapp , 前端 , Javascript

Sam Poder - Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)

If you’ve ever used Incremental Static Regeneration (ISR) with Next.js, you may have found yourself sending stale data to the client. This occurs when you are revalidating the page on the server. Fo

react , API , Tools , next.js , Javascript

編程藝術大師 - 16.前端路由router-06動態路由 - sunny

必知必會的重要知識點 settings.py文件內容 """ Django settings for dev16 project. Generated by 'django-admin startproject' using Django 5.2.6. For more information on this file, see https://docs.dj

orm , 字段 , django , 前端開發 , Javascript

周皺 - javascript字符串常用api使用匯總(一)

javascript字符串常用api使用匯總(一) charAt charCodeAt fromCharCode concat repeat startsWith endsWith includes indexOf lastIndexOf slice substr substring trim charAt、charCodeAt、fromCharCode 按照索引獲

slice , 字符串 , concat , string , Javascript

茶無味的一天 - 面試官問我 JS 中 foreach 能不能跳出循環

當年懵懂無知的我被問到這個問題時,腦袋一片空白,因為我一度認為forEach可能只是為了方便書寫所創造出來的語法糖,在業務代碼中也經常使用,但沒有思考過它存在的問題,本文旨在記錄自己的心路歷程,拋磚引玉,如果對你有所幫助那就更好啦。 那麼回到標題,首先forEach是不能使用任何手段跳出循環的,為什麼呢?繼續往下看。 我們知道forEach接收一個函數,它一般有兩個參數,第一個是循環的當前元素,第

foreach , for循環 , 前端 , Javascript

Sunshine_Lin - 新一代狀態管理工具,Pinia.js 上手指南

本文為轉載文 作者:小學生study 鏈接:https://juejin.cn/post/704919... 前言 Pinia.js 是新一代的狀態管理器,由 Vue.js團隊中成員所開發的,因此也被認為是下一代的 Vuex,即 Vuex5.x,在 Vue3.0 的項目中使用也是備受推崇。 Pinia.js 有如下特點: 完整的 typescript 的支持; 足夠輕量,壓

vue.js , vuex , 進階 , 前端

fx67ll - 詳解如何用 CSS3 完成 3D transform變換

Tips:閲讀提示!!! 首先,本文針對的是3D transform變換的學習,所以你需要對 2D transform變換 有一定的瞭解 其次,需要説明的是,代碼是一種需要自己不斷實踐的學科,建議各位在開始學習本篇文檔的時候,先創建一個html頁面來邊讀邊練, 相信這樣,一定會給你留下一個非常直觀且深刻的印象! 本文練習一些公共代碼 鑑於本文貼了不少代碼來演示,所有這裏提前放一個

transform , Css , 前端

vivo互聯網技術 - vivo HTTPDNS 端到端體驗優化實踐

作者:來自 vivo 互聯網運維團隊- Zhang Qianqian 在信息時代,用户的手機應用訪問量日益增多,DNS 解析作為連接互聯網的關鍵環節,也被提出了更高要求。這一背景下,HTTPDNS 域名解析服務憑藉防劫持、精準調度、實時解析生效等特性,逐漸成為行業主流解決方案。我們構建了 vivo HTTPDNS 端到端的一體化解決方案,通過對 HTTPDNS SDK、HTTPDNS 服務端、統一

移動端 , dns , 運維 , 網絡

flydean - java中有哪些併發的List?只知道一種的就太遜了

java中有很多list,但是原生支持併發的並不多,我們在多線程的環境中如果想同時操作同一個list的時候,就涉及到了一個併發的過程,這時候我們就需要選擇自帶有併發屬性的list,那麼java中的併發list到底有哪些呢?今天要給大家介紹的是ArrayList、CopyOnWriteArrayList、ConcurrentLinkedDeque這幾個。 各種list的優缺點 當涉及到併發編程時,不

List , 面試 , 面試問題 , JAVA

Michelle Barker - Building A Dynamic Header With Intersection Observer

The Intersection Observer API is a JavaScript API that enables us to observe an element and detect when it passes a specified point in a scrolling container — often (but not always) the viewport — t

performance , API , Javascript , ui

架構設計師之光 - 談談EF Core實現數據庫遷移

一種更安全、可控的 EF Core 自動遷移方案:模塊化架構下的工程化實踐 在現代應用開發中,數據庫遷移已經成為不可或缺的工程環節。 特別是在 模塊化架構、分佈式系統、多團隊協作 的背景下,傳統 EF Core 遷移雖然足夠靈活,但在工程化落地方面仍存在一些現實挑戰,例如: 各模塊擁有獨立的 DbContext 多人並行開發導致遷移

Core , EF , 模塊化 , 前端開發 , Javascript

天渺工作室 - 在 “tsconfig“ 或 “jsconfig“ 中設置 “experimentalDecorators“ 選項以刪除此警告

在react中引入mobx,vscode提示對修飾器的實驗支持功能在將來的版本中可能更改。在 “tsconfig“ 或 “jsconfig“ 中設置 “experimentalDecorators“ 選項以刪除此警告 設置一下vscode配置就行。 window系統: 1.vscode左下角齒輪設置 = 設置 2.搜索experimentalDecorators 3.勾

mobx--react , mobx

wadelau - 🙋Hanjst漢吉斯特優化+JsonDataFromScript等

近日繼續對🙋Hanjst漢吉斯特優化改進。這次的改進思考是從服務器端返回的 HanjstJsonData的容器設計問題。目前的做法是服務器端的HanjstJsonData放入終端頁面的一個Div元素中。這個Div的id默認被設置為Hanjstjsondata。 div id=”Hanjstjsondata” style=”display:none;height:0px;width:0px;”

模板引擎 , 模板 , 前端 , html5 , Javascript

specialcoder - 前端截圖實現

前言 需求背景: 目標:將頁面內容變成圖片分享出去 持久化:不需要服務端存儲 客户端能力:不依賴客户端端能力 使用pupeteer做截圖服務 優點: 前端使用簡單,只需調用接口即可 分享頁面可以和給用户展示的頁面內容分離,不用額外處理樣式等問題 缺點: 新開服務維護服務 接口響應時間較長會影響體驗 結論 調研發現,可以使用html2canvas純前端做頁面轉化成圖片的功能

html2canvas , html5 , Web

suporka - underscore 誕生記(一)—— 基本結構搭建

1. 簡介 underscore 是一款成熟可靠的第三方開源庫,正如 jQuery 統一了不同瀏覽器之間的 DOM 操作的差異,讓我們可以簡單地對 DOM 進行操作,underscore 則提供了一套完善的函數式編程的接口,讓我們更方便地在 JavaScript 中實現函數式編程。 jQuery 在加載時,會把自身綁定到唯一的全局變量 $ 上,underscore 與其類似,會把自身綁定到唯一的

underscore , 前端 , Javascript

laojean - lemma prop

定義(definition): 描述一個概念,並區別於其他相關概念的表述。 命題(proposition): 用於判斷真假的陳述句。 引理(lemma): 為了取得某個更好的結論而作為步驟被證明的命題,其意義並不在於自身被證明,而在於為達成最終目的作出貢獻。引理和定理沒有嚴格界限。 公理(axiom): 經過人類長期反覆

機器學習 , 學習 , google , lemma prop , 人工智能 , ci , 百度

小磊哥er - [書籍翻譯] 《JavaScript併發編程》第一章 JavaScript併發簡介

本文是我翻譯《JavaScript Concurrency》書籍的第一章,該書主要以Promises、Generator、Web workers等技術來講解JavaScript併發編程方面的實踐。 完整書籍翻譯地址:https://github.com/yzsunlei/j... 。由於能力有限,肯定存在翻譯不清楚甚至翻譯錯誤的地方,歡迎朋友們提issue指出,感謝。 JavaScript並不是一

javascript繼承 , javascript性能 , javascript原型 , Javascript

雲端築夢者 - 文本編輯器中利用正則來提高查找和替換效率_iteye

效率提升之正則替換 引言:讓文本處理不再是體力活 作為程序員,我們每天都在與代碼、日誌、配置文件打交道。有時候,面對成百上千行需要處理的文本,即便是最強壯的"複製粘貼大師"也會感到力不從心。 所以,今天我要分享一個在日常工作中經常用到的文本處理技巧——正則替換。 你是否曾經為了從幾百行日誌中提取用户ID而一個個複製粘貼? 你是

正則 , 後端開發 , 正則表達式 , harmonyos , 匹配模式

Zara Cooper - How To Build An E-Commerce Site With Angular 11, Commerce Layer And Paypal

Nowadays it’s essential to have an online presence when running a business. A lot more shopping is done online than in previous years. Having an e-commerce store allows shop owners to open up other

angular , Headless , API , Apps , E-Commerce

前端胖頭魚 - 看Zepto如何實現增刪改查DOM

前言 dom也就是文檔對象模型,是針對HTML和XML的一個api,描繪了一個層次化的節點樹。雖然瀏覽器原生給我們提供了許多操作dom的方法,使我們可以對dom進行查找,複製,替換和刪除等操作。但是zepto在其基礎上再次封裝,給以我們更加便捷的操作方式。先看下圖,我們以刪除元素,插入元素,複製元素,包裹元素和替換元素幾個模塊分別探究zepto如何一一將其實現。 原文鏈接 github項目

zepto , Css , jquery , HTML , Javascript

IT開發者筆記 - 國產化Excel開發組件Spire.XLS教程:Python將列表導出為CSV文件(含一維/二維/字典列表)

在數據處理與交換中,CSV(逗號分隔值)格式因簡潔通用,成為跨應用、跨數據庫的數據交換首選。對於 Python 開發者而言,將 Python 列表轉換為 CSV 格式是高頻需求——無論是導出應用數據、生成報表,還是準備分析數據集,都離不開這一操作。 Spire.XLS for Python憑藉直觀可靠的方法簡化了這一過程,無需依賴 Microsoft Excel,即可輕鬆將各類列表導出到 CSV

後端