收藏 / 列表

雲中小生 - 第二章:C# 編程基礎:變量、數據類型

2.1 變量與常量 什麼是變量? 變量是程序中存儲數據的基本單元,可以理解為命名的內存空間,用於在程序運行期間存儲和操作數據。 變量的聲明和初始化 基本語法: // 變量聲明語法:數據類型 變量名; int age; // 聲明一個整數變量 string name;

數據類型 , .NET Core , Css , .net , c , 變量 , 前端開發 , HTML

Amejimaobari Ollornwi - Generating Unique Random Numbers In JavaScript Using Sets

JavaScript comes with a lot of built-in functions that allow you to carry out so many different operations. One of these built-in functions is the Math.random() method, which generates a random floa

Techniques , coding , Javascript

前端路引 - Web前端入門第 84 問:JavaScript sessionStorage 那些容易踩坑的地方

sessionStorage 與 localStorage 差不多可以算作一對兄弟,它倆的暴露的 API 方法一模一樣。 但兩者也有不同點: 1、sessionStorage 存入的數據在頁面關閉後,會自動清除。 2、相同 URL 的每個 tab 頁籤的 sessionStorage 會被隔離,互不影響。也就是説相同的鏈接,在 A 標籤頁打開和在 B 標籤打開,A 寫入的 sessionSt

前端 , Javascript

後山人 - 迎接下一個繁榮浪潮:程序員在經濟下行期應做的“三層準備”

迎接下一個繁榮浪潮:程序員在經濟下行期應做的“三層準備” 摘要 面對持續的經濟下行壓力和日漸萎縮的信息化市場,程序員羣體正經歷前所未有的挑戰。然而,歷史經驗表明,每一次經濟低谷都是技術和人才結構重塑的關鍵時期。為了在下一個繁榮浪潮到來時佔據先機,程序員不能僅憑技術能力,更需要進行技術、商業、個人三個層面的系統性準備。 本文將詳細闡述這“三層準備”,指導程序員如何從“代碼執行者”轉型為“價值創造者”

vue.js , php , Javascript

微芒不朽 - 被前端存儲坑到崩潰?IndexedDB 高效用法幫你少走 90% 彎路

IndexedDB 是一種在瀏覽器中提供事務性的鍵值對存儲的低級 API。它允許你在用户的瀏覽器中存儲大量結構化數據,並且可以對其進行高效的搜索、更新和刪除操作。IndexedDB 適用於需要離線存儲和快速訪問大量數據的應用程序,如 Progressive Web Apps (PWAs) 和單頁應用程序 (SPAs)。本文將詳細介紹如何在前端項目中高效使用 IndexedDB。 1. Indexe

前端 , Javascript

DiracKeeko - [React] [Vue] 從vue切換到react 組件的封裝和使用

在組件封裝上,兩個框架差的不遠。 在Vue中封裝組件,用插槽的方式子組件中寫好具名插槽的位置和樣式,在父組件中通過插槽名傳入html和js邏輯 部分。 在react中封裝組件,區別於Vue的地方在於,Vue中有插槽這個語法,而react中沒有。在react中的html和js邏輯部分的傳遞都需要藉由屬性組件的屬性(Props)來完成。 (在Vue中插槽傳值,在react中屬性傳值) 此外,Vue中組

react , vue.js , 組件通信 , 組件封裝 , 前端

Apifox - 輕鬆開發:REST API 開發工具推薦

本文將介紹如何使用 Apifox 開發 REST API,並展示 Apifox 的一些關鍵功能。 我們可以先了解下:REST API 簡介 - RESTful Web 服務 步驟 1:創建一個 Apifox 賬户 首先,你需要在 Apifox 上創建一個賬户。 步驟 2:創建一個項目 在 Apifox 首頁中,你可以創建一個新項目。在項目中,你可以添加 API 規範和 測試用例。要創建一個新項目,

rest-api , rest , API , 開發工具 , 程序員

銀之夏雪 - 從底層到實踐:深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上,通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時,Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

SnowWolfArden - Function instanceof Object和Object instanceof Function都true

1、需求 在看原型鏈。沒想明白Function和Object的關係。就查了下。 2、原則 js之父在設計js原型、原型鏈的時候遵從以下兩個準則: 準則1:原型對象(即Person.prototype)的constructor指向構造函數本身 準則2:實例(即person)的__proto__和原型對象指向同一個地方 3、關係 null- Object.prototype - Functio

原型鏈 , Javascript

泯瀧 - 「譯」2024 年的 5 個 JavaScript 安全最佳實踐

鏈接:https://thenewstack.io/5-javascript-security-best-practices-f... 作者:Alexander T. Williams 原標題:5 JavaScript Security Best Practices for 2024 網絡安全已成為一個瞬息萬變的戰場,JavaScript 應用程序的安全性也不例外。Web 應用程序已成為

chrome , webkit , typescript , 前端 , Javascript

zsirfs - 談談深拷貝、淺拷貝

前提: 假設您已經知道為什麼在JavaScript中需要深拷貝和淺拷貝了。 舉兩個例子: const a = [1, 2, { key: 20 }] const b = [...a] b[2].key = 30 console.log(a[2] === b[2]) console.log(a === b) // true const o = { k1: { kk1: 50} } con

javascript專題系列 , Javascript

破曉L - 瞭解關鍵區別:await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面,它使我們能夠處理耗時的操作,而不會阻塞其他任務的執行。使用異步函數時,我們會遇到三個重要的關鍵字:await 、return、return await。在本文中,我們將探討這些關鍵字之間的差異,並討論何時使用每個關鍵字。 在深入探討細節之前,讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數,可以使用 await 關鍵字。它允許我

vue.js , promise , async-await , 前端 , Javascript

zhanle_huang - highchart滾動條使用--highcharts/highstock

highchart滾動條使用--highcharts/highstock 使用目的 1. 需要固定圖例和y軸,但是x軸需要滾動的情況 引入 1. 不能像普通表格一樣引入highcharts,只需要引入highcharts/highstock 2. 使用import HighStock from 'highcharts/highstock' 替換 import HighStock from 'hig

vue.js , highcharts , 前端 , Javascript

賀公子 - 訂閲模式

訂閲模式案例分析 訂閲模式在SaaS、媒體、電商等領域廣泛應用,主要分為按月、季度、年訂閲三種形式。以下是典型案例: Netflix 採用按月訂閲,提供不同套餐(基礎/標準/高級),利用自動續費減少用户流失。年訂閲通常提供折扣,例如“年付省15%”。 Adobe Creative Cloud 提供月付和年付選項,年訂閲可節省約20%。季度訂閲較少見

sed , 代碼實現 , 前端開發 , Javascript , Python

邊城 - 揭密 Vue 的雙向綁定

Vue 中需要輸入什麼內容的時候,自然會想到使用 input v-model="xxx" / 的方式來實現雙向綁定。下面是一個最簡單的示例 div id="app" h2What's your name:/h2 input v-model="name" / divHello {{ name }}/div /div new Vue({ el: "#app",

vue.js , 雙向綁定

Vitaly Friedman - Table of Contents: Creative Examples

Table of contents is often considered to be one of the most unspectacular design elements ever invented. Because of its simple, usual form, table of contents is often not given the attention it may

Inspiration , Content

你好2007 - Git版本管理工具常用命令整理和説明

工作區:就是你在電腦裏能看到的目錄。 暫存區:英文叫stage, 或index。一般存放在 ".git目錄下" 下的index文件(.git/index)中,所以我們把暫存區有時也叫作索引(index)。 版本庫:工作區有一個隱藏目錄.git,這個不算工作區,而是Git的版本庫。 第一步:用户名和郵箱。 分別修改用户名和郵箱,其中--global帶和不帶的區別在於操作文件是.git/config還

terminal , Git

追風的苦咖啡 - SSL 證書的三個關鍵作用及其對用户信任和企業安全的影響

一、數據加密傳輸,保障信息安全 核心作用:通過 SSL/TLS 協議對用户與服務器之間的數據傳輸進行高強度加密,防止敏感信息(如密碼、支付數據、個人信息)在傳輸過程中被第三方截獲或竊取。 重要性:尤其在涉及用户隱私和金融交易的場景(如電商平台、網銀),若未加密,攻擊者可通過中間人攻擊直接獲取明文數據,導致嚴重的隱私泄露和財產損失。 技術支撐:採用哈希算法確保數據完整性,結合數字簽名驗證數據

ssl , ssl證書 , HTTP , HTTPS , 知識

李遊Leo - 你可能不敢想象,2025 年,jQuery要更新到 4.0 了

讓人難以置信的是,jQuery,這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫,至今仍在更新。自從 2006 年 8 月震撼亮相以來,它已走過了長達 19 年的路程。還記得麼?他的作者是:John Resig,這個年輕的小夥子也變成老大叔了。 而現在,即便在 React、Vue 這樣的現代框架盛行的今天,或者AI都滿天飛的今天jQuery 仍

jquery , Javascript

beckyyyy - cookie、session、web storage

cookie與session的區別 首先,使用cookie和session的目的都是為了跟蹤記錄用户狀態,因為http協議是無狀態的協議,而某些場景服務端需要記錄用户的狀態,如購物車,需要來識別具體的用户,服務端就為特定的用户創建特定的session,用於標識並跟蹤用户; 其次,cookie和session都是會話技術,session保存在服務端,cookie保存在客户端,服務端無法知道請求對應哪

sessionstorage , localstorage , cookie , 前端 , Javascript

麒寧 - 3分鐘搞定:瀏覽器本地存儲 Web Storage

寫在前面 瀏覽器本地存儲包括兩個對象:sessionStorage 和 localStorage,它們都是 Storage 的實例對象。 window.localStorage instanceof Storage; // true Web Storage 的基本使用 查-訪問數據:getItem() 方法。 增改-添加、修改數據:setItem() 方法。 刪-刪除數據:removeItem()

面試小抄 , sessionstorage , localstorage , 前端 , Javascript

懟懟 - 【js】實現繼承的幾種方式

js繼承 原型鏈 構造函數 組合繼承(原型鏈 + 構造函數) 原型式繼承 寄生式繼承 寄生組合繼承 1.原型鏈繼承 將父類的實例作為子類的原型 //父類 function School(name) { //實例屬性 this.name = name || "父類" this.arr = [1] } //父類原型方法 School.prototype = {

繼承 , Javascript

轉角處的湯姆 - 前端代碼規範:讓你的代碼更易維護和協作

在前端開發中,隨着團隊的不斷擴大和項目的逐步複雜化,統一的代碼規範變得越來越重要。無論是小型團隊,還是跨國團隊,良好的代碼規範能夠提升開發效率、減少bug的產生,並確保代碼易於維護和擴展。今天,我們就來聊一聊前端代碼規範的制定與執行。 為什麼要有前端代碼規範? 提高可讀性和一致性 規範化的代碼有助於保持代碼風格的一致性,無論是單人開發還

開發者 , 代碼風格 , 前端開發 , 代碼規範 , Javascript

OpenTiny社區 - 讓我們一起來建設 Fluent Editor 開源富文本編輯器吧!

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

富文本編輯器 , 開源 , 前端