收藏 / 列表

addy-osmani 頭像

Addy Osmani - 9 Lessons From A Review Of JavaScript Code

Before we start, I’d like to pose a question: when was the last time you asked someone to review your code? Reviewing code is possibly the single best technique to improve the overall quality of you

coding , Javascript

hello888 頭像

洛陽醉長安行 - mui 移動端側邊欄菜單組件導致頁面無法滾動問題

無法滾動設置如下css能解決 .mui-scroll-wrapper{ overflow: auto !important; } 如點擊外面遮罩層關閉不了側欄，需要添加一個div class="mui-off-canvas-backdrop"/div在同級就能解決 !-- 側欄內容-- div class="mui-content mui-scroll-wrapper" ... /d

移動端 , Css , mui , 前端 , html5

yinguangyao 頭像

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤（空格分隔）： underscore 本文是underscore源碼剖析系列第六篇文章，上節我們介紹了throttle節流函數的實現，這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下，為了防止函數的頻繁調用，將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

chencaize 頭像

點墨 - grid-column在less下會自動計算

grid佈局,在less文件裏寫grid-column:1/6，會自動被計算成0.16。 解決方法: 1.使用1/span 6 2.使用~"1/6"

less , grid

willemwei 頭像

WillemWei - 模擬實現Javascript中的call和apply

Call的模擬實現 call() 方法使用一個指定的 this 值和單獨給出的一個或多個參數來調用一個函數。 這是MDN上關於call的描述，用通俗的語言解釋一下就是： 指定了this值（修改this） 可以傳入多個參數 它的調用對象時函數 可能這樣解釋還是有些模糊，可以看一個例子： function Test(name, age) { console.log(this.name

call , call方法 , apply , 前端 , Javascript

u_13934709 頭像

雲中小生 - jQuery面試題精選：從基礎到高級

低難度 如何在頁面加載完成後執行一段代碼？ 核心方法：$(document).ready() 詳細説明：該方法在DOM加載完成後立即執行，不需要等待圖片等資源加載完成 代碼示例： // 標準寫法 $(document).ready(function() { conso

Ajax , Css , jquery , 前端開發 , 代碼示例 , HTML , 前端 , Javascript

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Handling JavaScript Event Listeners With Parameters

JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly.

Techniques , coding , Javascript

linx 頭像

前端路引 - Web前端入門第 85 問：JavaScript 一個簡單的 IndexedDB 數據庫入門示例

在前端風風雨雨的混了多年，從沒在項目中實際使用過 IndexedDB 這個瀏覽器端的數據庫，所以今天就摸了下 MDN 的後門，寫一個簡單的入門示例。 頁面大概長這樣： 源碼： 以下代碼包含了一個數據庫所有的 CRUD （增刪改查）操作。 div button id="js_add_btn"添加書籍/button /div div input type="text" name="" id=

前端 , Javascript

hsr2022 頭像

後山人 - 穿越週期：堅持使用 PHP 的感悟與選擇的哲學

穿越週期：堅持使用 PHP 的感悟與選擇的哲學 摘要 在技術世界，PHP 似乎每年都要經歷一次“死亡”的預言，但它始終以驚人的韌性存活並持續進化。對於那些選擇堅持使用 PHP 的開發者而言，這不僅僅是一種技術選擇，更是一種對務實、效率與持續進化的深刻理解。 本文將分享堅持使用 PHP 的三大感悟，並結合 鋭智後台（RaiseAdmin）快速開發平台 的實踐，闡述 PHP 如何在現代化浪潮中，憑藉其

vue.js , MySQL , 小程序 , php , 教程

kestrel_task 頭像

微芒不朽 - python 格式化、set類型和class類基礎知識練習

原創：叫我詹躲躲 來源：思否 鏈接：https://segmentfault.com/a/11... 1.輸出 %佔位符 lastname = 'hello' firstname = 'world' print('我的名字是%s %s' %(lastname,firstname)) 2.常用的格式化字符 %c 字符 %s 通過str來格式化 %i 有符號十進制整數 %d 有符號十進制整

python3.x , python3.5 , pythonic , Python

apifox 頭像

Apifox - PUT和POST的區別

PUT 和 POST 是 HTTP 協議中兩種常用的請求方法。它們有些相似之處，但也有一些重要的區別。在本文中，我們將詳細介紹 PUT 和 POST 的區別。 PUT 請求 PUT 請求是 HTTP 協議中的一種請求方法，通常用於更新或替換服務器上的資源。使用 PUT 請求時，客户端需要將整個資源的新版本發送到服務器。如果服務器上已存在該資源，則用客户端提交的新版本替換原有的資源。如果該資源不存在

程序員 , put , 後端 , get , 前端

yinzhixiaxue 頭像

銀之夏雪 - this你瞭解多少呢

執行上下文 js在執行代碼之前，需要經過一系列的“準備”，這被稱為執行上下文 ，其包含詞法環境 和this 。所有的 js 代碼在運行時都是在執行上下文中進行的，每創建一個執行上下文，就會將當前執行上下文放到一個棧頂，這就就是我們常説的執行棧 。 執行上下文的創建 何時創建執行上下文 JavaScript 中有三種情形會創建新的執行上下文： 全局執行上下文 ，進入去全局代碼的時候。任何不在函數

面試 , this , 前端 , Javascript

aqiongbei 頭像

aqiongbei - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解，查了資料才明白其中的緣由，遂以志之。問題是這樣的： button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

jianer 頭像

健兒 - 多級數組Tree如何做搜索

兩種方案 1、數組打平，根據搜索字符在打平數組裏去filter出滿足條件的node節點，但此時被篩選的節點只有子節點，然後再通過被篩選出的子節點去找對應的父節點，然後拿到結果後轉成tree結構 優點：思路簡單，打平數組用了遞歸，好理解 缺點：找父節點的時候相對麻煩。 2、寫一個遞歸算法，滿足條件就返回tree 比如有一個簡單個tree const treeData = [ {

遞歸 , tree , 算法 , 前端

u_16213608 頭像

mob64ca13fe62db - Unity Shader學習：貼花（Decal）

Unity URP中的Decal（貼花）系統是一種用於將材質投射到場景幾何體表面的技術，主要用於實現血跡、彈孔、塗鴉等動態表面裝飾效果。以下是詳細解析： 核心功能與用途 動態投影：通過Decal 【從UnityURP開始探索遊戲渲染】專欄-直達 Unity URP中的Decal（貼花）系統是一種用於將材質投

性能優化 , 世界座標 , 貼圖 , 前端開發 , Javascript

Itstars 頭像

新茶十九 - 高德地圖，開啓webGL效率高還是關閉效率高

關於高德地圖中WebGL的開啓與關閉對效率的影響，絕大多數情況下，開啓WebGL的效率遠高於關閉。 下面我將從多個維度進行詳細對比分析，並提供具體的場景建議。 🆚 效率全面對比 效率維度 開啓 WebGL (推薦) 關閉 WebGL (使用 Canvas 2D) 渲染性能

vue.js , 3d , webgl , 前端開發 , Javascript

zack-grossbart 頭像

Zack Grossbart - 12 Commandments Of Software Localization

You’ve presented the new website and everyone loves it. The design is crisp, the code is bug-free, and you’re ready to release. Then someone asks, “Does it work in Japanese?” You break out in a col

Localization , coding

momeak9 頭像

泯瀧 - 「譯」如何寫出更好的Typescript代碼

鏈接：https://medium.com/@technicadil_001/how-to-write-better-types... 作者：Debabrata Dash 原標題：How to write better Typescript codes? 在本文中，我們將討論大約 15 個編寫更好的 Typescript 代碼的技巧。 譯者：本文討論了 15 個實用技巧，以幫助開發者編

ecmascript-6 , typescript , HTML , 前端 , Javascript

zisrfs 頭像

zsirfs - 深入一點 - 使用bind的時候發生了什麼呢？

從規範來看，Function.prototype.bind 是如何工作，以及如何來模擬bind操作。 簡單示例 如下簡單示例，普通對象 testObj 內部有一個b函數，接受一個普通參數，若參數為空則輸出 this.a。 const testObj = { a: 3, b: function(args) { console.log(args || this.a); }, };

javascript原型 , javascript專題系列 , Javascript

webinfoq 頭像

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

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

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

evilboy 頭像

瘋狂的技術宅 - 5個JavaScript 解構的有趣用法

原文：Dmitri Pavlutin 翻譯：瘋狂的技術宅 原文：https://dmitripavlutin.com/5-... 未經允許嚴禁轉載 如果你查看我的常規 JavaScript 代碼，會看到到處都有解構。 讀取對象屬性和訪問數組項是常見的操作。結構使這些操作變得更加輕鬆和簡潔。 在本文中，除了基本用法之外，我還將會介紹在 JavaScript 中 5 種有趣的解構用法。 1

jinja2 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - 一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器

一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器 需求描述 一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器，後台跟接收表單文件上傳一樣的方式去處理改圖片 實現 // url 表示base64的字符串， name表示文件名，附加到blob上的那麼、上 uploadFile(url, name) { // 以逗號劃分類型和內容

base64 , blob , HTML , 前端 , Javascript

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 Visual Basic

源代碼下載： learnvisualbasic-cn.vb Module Module1 Sub Main() ' 讓我們先從簡單的終端程序學起。 ' 單引號用來生成註釋（注意是半角單引號，非全角單引號’） ' 為了方便運行此示例代碼，我寫了個目錄索引。 ' 可能你還不瞭解以下代碼的意義，但隨着教程的深入，

visual-basic , 教程 , 入門

jamesfancy 頭像

邊城 - Loading ... done

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

loading , finally , 異步 , 前端 , Javascript