收藏 / 列表

bianchengsanmei 頭像

編程三昧 - Web Components系列（一） —— 概述

前言 如果我們選擇不使用任何框架的情況下來進行前端開發，那麼針對一個完整的網頁，我們需要開發以下代碼： HTML 代碼 CSS 代碼 JavaScript 代碼 就幾年之前來説，HTML 部分的代碼基本不存在複用的可能，這就導致我們可能需要開發大量重複的 HTML 代碼，即使使用 CV 法，代碼的冗餘卻是不可避免的。 Web Components 誕生的背景 近幾年，我們在使用前端框架（

component , 組件化 , 前端

xixindehongjiu 頭像

細心的紅酒 - SSL證書是如何工作的

揭秘SSL證書：守護網絡通信的安全衞士是如何工作的？ 在我們日常瀏覽網站時，地址欄那個小小的鎖形圖標 和 https:// 已經成為安全的象徵。這一切的背後，都是SSL/TLS證書在默默工作。它就像一位盡職盡責的安全衞士，通過一套精密的“握手”協議，確保你與網站之間的通信既私密又可信。 核心目標：解決兩大安全難題 在深入流程之前，我們首先要明白SSL/TLS協議旨在解決兩個根本問題： 加密：如何防

後端 , 前端

htvlz 頭像

海豚V靚仔 - HTML 顏色

顏色在網頁設計和數字藝術中扮演着至關重要的角色。正如您所提到的，顏色可以通過紅色、綠色和藍色的混合（RGB）來定義，這種混合方式允許我們創建出數百萬種不同的顏色。每種顏色的強度（或稱為亮度）可以從0（最暗，表示為#00）到255（最亮，表示為#FF）變化。 在HTML和CSS中，顏色可以通過十六進制顏色代碼（如#FF0000表示紅色）、RGB函數（如rgb(255, 0, 0)也表示紅色）或者顏色

前端 , html5

daoshanghundesijidou 頭像

用户bPdeG32 - 遞歸與迭代：理解與選擇的藝術

在編程中，“遞歸”和“迭代”是兩種解決問題的常見方法。這兩者本質上都是為了處理複雜的、重複的操作或數據結構，比如樹、鏈表、數學運算等。遞歸是函數自我調用的一種形式，而迭代則是通過循環控制結構來解決問題。本文將專注於探討遞歸與迭代的不同之處、各自的優勢與劣勢，以及如何在實際開發中選擇合適的方式解決問題。 1. 什麼是遞歸？ 遞歸是一種通過讓函數調用自身來解決問題的編程技術。每次函數調用時都會生成一

ecmascript-6 , node.js , typescript , 前端 , Javascript

jueqiangdeqianbi 頭像

倔強的鉛筆 - 如何高效測試 gRPC 接口：最佳實踐詳解

gRPC是由谷歌開發的現代開源高性能RPC 遠程過程調用框架，由於採用了HTTP/2 作為底層傳輸協議，它特別適用於高性能應用場景。gRPC 在視頻流傳輸等大規模數據傳輸場景以及密集的服務間通訊的微服務架構中表現出色。 數據交換使用輕量級的 Protobuf 序列化協議，這不僅提高了數據處理速度，尤其是在資源有限的環境（如移動設備）中，而且還有助於減少數據傳輸量，節省網絡帶寬，從而降低能耗並延長電

grpc , API , rpc , 接口 , 後端

aresn 頭像

Aresn - View UI Plus 發佈 1.1.0 版本，支持 SSR、支持 Nuxt、增加 TS 聲明文件

View UI Plus 1.1.0 版本已於 2022-05-30 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 支持了 SSR。#48 #49 #50 支持了 Nuxt。https://github.com/view-desig... 增加了 TS 聲明文件。#56 Playground 現已支持 Vue.js 3 及 View UI Plus。https

vue.js , iview , Css , 前端 , html5

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 完整版移動端滑動事件封裝

touchEvent 基於Jquery擴展在移動端產生的事件，包含，單次觸摸事件，兩次觸摸事件，長按事件，滑屏事件，向上滑動事件，向下滑動事件，向左滑動事件，向右滑動事件 預覽 地址預覽 https://hangjob.github.io/touchEvent/index.html 事件類型 單次觸摸事件 $(el).tap tap: function(element, fn) {

移動端web , jquery , 前端 , html5 , Javascript

qaz666 頭像

可不簡單 - 如何使用 vxe-table 展開行實現展開子表父子表格

如何使用 vxe-table 展開行實現展開子表父子表格 查看官網：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table template div vxe-grid v-bind="gridOptions"

前端

codechen8848 頭像

codechen8848 - 輕量神器！一款可替代 Postman 的 API 調試工具！

大家好，我是 Java陳序員。 在開發中，常常需要進行 API 調試，可以藉助 Postman 或者 curl 命令完成工作。但是 Postman 需要安裝，而 curl 命令參數又很複雜，不易操作。 今天給大家推薦一款極簡到極致的網頁版 API 調試神器，可替代 Postman! 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹

go , 後端

aipaobudefanqie 頭像

愛跑步的番茄 - 如何進行 API 提取：從原理到實踐的完整指南

在數據驅動的時代，API（應用程序接口）已經成為信息交互的核心通道。無論是進行數據採集、自動化分析，還是搭建業務系統，API提取（API Extraction） 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇，以及如何藉助代理服務突破訪問限制，實現更高效的數據獲取。 一、什麼是 API 提取？ API 提取是指通過調用公開或私有接口，從目標網站或服務中自動獲取

go , 前端 , Python

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - Tizen版應用上架三星商店，海外OTT/IPTV系統實現全平台覆蓋新突破

近日，一套為海外視頻運營商定製的Tizen版OTT/IPTV影音系統應用APP，已通過三星官方審核，並在Samsung Smart TV應用商店正式上架。此舉標誌着該運營商的影音服務已全面覆蓋iOS、Android、Android TV及Web等主流平台，完成了全球智能電視生態的關鍵佈局。 一、合作背景：從單點部署到全平台生態的構建 該海外視頻運營商在當地市場擁有廣泛的用户基礎。在長期的數字化升

資訊 , Android , ios , 後端 , 前端

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - Flex 佈局實戰指南：從踩坑到精通，解決 90% 佈局難題

前言：你是否也被這些 Flex 問題折磨過？ “為什麼我用justify-content: center卻無法垂直居中？” “align-items和align-content到底什麼時候生效？” “設置了width: 200px，加了flex:1後怎麼沒用了？” 作為前端開發最常用的佈局方案，Flex（彈性佈局）以 “靈活” 著稱，但這份靈活也讓很多開發者陷入 “混亂”—— 核心原因是沒吃透 “

css3 , Css , 前端

minnanitkong 頭像

王大冶 - 5分鐘內理解 .prototype 鏈 | 2024

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 在JavaScript的世界裏,原型(prototype)系統是一個常被討論但不易掌握的概念。作為JavaScript繼承模型的基石,理解原型對於構建大型應用或進行對象操作至關重要。讓我們一起探索這個迷人的話題,揭開原型系統的神秘面紗。 什麼是原型? 在JavaScript中,每個對象都有一個內部屬性[[Proto

ecmascript-6 , 前端 , Javascript

jianrendechaomian_czry72 頭像

億元程序員 - Cocos獨立遊戲開發框架中的Socket網絡模塊

引言 本系列是《8年主程手把手打造Cocos獨立遊戲開發框架》，歡迎大家關注分享收藏訂閲。 Socket模塊是Cocos遊戲開發框架中的重要組成部分之一。通過Socket模塊，開發者可以輕鬆實現遊戲中的網絡通信功能，使得玩家可以與其他玩家進行實時交互或者獲取服務器上的數據。在遊戲開發中，網絡通信是不可或缺的一環，而Socket模塊的存在，為開發者提供了一個方便、高效、穩定的解決方案。無論是多人在線

遊戲引擎 , 遊戲開發 , socket , cocos , 前端

gkymfrg1 頭像

ohoherror - 數組轉化為樹

將一個數組轉換為一棵樹可以通過遞歸實現。假設我們有一個包含父節點與子節點關係的數組，如下所示： const arr = [ { id: 1, name: 'A', parent_id: null }, { id: 2, name: 'B', parent_id: 1 }, { id: 3, name: 'C', parent_id: 2 }, { id: 4, na

數組 , 樹形結構 , 前端 , Javascript