貢獻者368
粉絲0
前端Web開發工具實際上是讓前端開發人員更高效輕鬆地構建前端佈局的軟件。在這些工具的幫助下，前端重複的工作變得簡單，從而加快了Web開發過程。 有許多前端Web開發工具可以滿足各種特定需求，例如HTML，CSS和JavaScript工具，代碼編輯工具，部署工具，原型和線框圖工具，安全工具等等。但是選擇適合自己項目的工具，必須對工具有所瞭解。 下面我們就介紹一些主流的Web前端開發工具： Vue.j
昵稱 可視化PaaS開發
啓動項目時，請查看 2023 年最好的 Web 前端框架。為什麼選擇合適的工具很重要? 前端開發人員使用前端框架來簡化工作。這些軟件包通常提供可重用的代碼模塊、系統化的前端技術和預構建的接口塊。這使團隊可以更快、更輕鬆地創建可持續的 Web 應用程序和用户界面，而無需從頭開始編寫每個功能或對象。在開發 Web 應用程序時，有必要使用現代工具。 數維圖科技小編在這裏列出 2023 年 9 個流行的
昵稱 可視化PaaS開發
前言 作為前端開發者，相信大家或多或少都接觸過webpack，現如今webpack已經滲透在了前端的各個方面，所以我們有必要來了解並學習webpack，webpack 是一種用於構建 JavaScript 應用程序的靜態模塊打包器，它能夠以一種相對一致且開放的處理方式，加載應用中的所有資源文件（圖片、CSS、視頻、字體文件等），並將其合併打包成瀏覽器兼容的 Web 資源文件。webpack相比其它
昵稱 南玖
前言 本篇文章將介紹一些webpack的進階用法，演示內容繼承自上一篇文章的內容，所以沒看過上一篇文章的建議先學習上一篇內容再閲讀此篇內容，會更有利於此篇的學習～ 文件指紋 文件指紋指的是打包輸出的文件名後綴，一般用來做版本管理、緩存等 webpack的指紋策略有三種：hash、chunkhash、contenthash，它們之間最主要的區別就是每種hash影響的範圍不同。 佔位符 webpac
昵稱 南玖
前言 作為前端人員肯定經常遇到這樣的場景：需求剛上線，產品拿着手機來找你，為什麼頁面打開這麼慢呀，心想自己開發的時候也有注意性能問題呀，不可能會這麼誇張。那沒辦法只能排查下是哪一塊影響了頁面的整體性能，打開瀏覽器控制枱一看，頁面上的這些配圖每張都非常大，心想這些配圖都這麼大，頁面怎麼快，那麼我們有沒有辦法監測頁面上的這些靜態資源大小，從而避免這種情況的發生。 Performance Perform
昵稱 南玖
前端項目如何規範文件命名 ls-lint 是一個非常快的文件和目錄名稱 linter，可方便約束項目目錄和文件的命名。 特點： 快速 依賴少 適用所有文件 配置簡單 安裝依賴 npm install @ls-lint/ls-lint -D 在 husky 加入 git hook: "husky": { "hooks": { "pre-commit": "ls-lint
昵稱 JackZhouMine
前言 接上篇文章，我們瞭解到vite的本地構建原理主要是：啓動一個 connect 服務器攔截由瀏覽器請求 ESM的請求。通過請求的路徑找到目錄下對應的文件做一下編譯最終以 ESM的格式返回給瀏覽器。 基於這個核心思想，我們可以嘗試來動手實現一下。 搭建靜態服務器 基於koa搭建一個項目： 項目結構如上，服務使用koa搭建，bin指定cli可執行文件的位置 #!/usr/bin/env node
昵稱 南玖
實現一個父類 // 定義一個動物類 function Animal (name) { // 屬性 this.name = name || 'Animal'; // 實例方法 this.sleep = function(){ console.log(this.name + '正在睡覺！'); } } // 原型方法 Animal.prototype.eat = funct
昵稱 star
js繼承 原型鏈 構造函數 組合繼承(原型鏈 + 構造函數) 原型式繼承 寄生式繼承 寄生組合繼承 1.原型鏈繼承 將父類的實例作為子類的原型 //父類 function School(name) { //實例屬性 this.name = name || "父類" this.arr = [1] } //父類原型方法 School.prototype = {
昵稱 懟懟
摘要：函數繼承是在JS裏比較基礎也是比較重要的一部分，而且也是面試中常常要問到的。下面帶你快速瞭解JS中有哪幾種是經常出現且必須掌握的繼承方式。掌握下面的內容面試也差不多沒問題啦~ 本文分享自華為雲社區《人類高質量JS函數繼承》，作者：北極光之夜。 一. 前言： 函數繼承是在JS裏比較基礎也是比較重要的一部分，而且也是面試中常常要問到的。下面帶你快速瞭解JS中有哪幾種是經常出現且必須掌握的繼
昵稱 華為雲開發者聯盟
JavaScript中的Class 類的基本語法 類的繼承 修飾器 1. 類的基本語法 可以看成ES5中構造函數的語法糖，它的大部分功能ES5都可以做到 1.1 定義一個類 ES5 function Student(name,age){ this.name = name this.age = age } Student.prototype = { construc
昵稱 懟懟
完整高頻題庫倉庫地址：https://github.com/hzfe/aweso... 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 關於 ES5 和 ES6 的繼承問題 原型鏈概念 回答關鍵點 原型鏈繼承 構造函數繼承 ES6 類繼承 繼承是指子類型具備父類型的屬性和行為，使代碼得以複用，做到設計上的分離。JavaScript 中的繼承主要通過原型鏈和
昵稱 HZFEStudio
類 類是用於創建對象的模板。JavaScript中生成對象實例的方法是通過構造函數，這跟主流面嚮對象語言（java，C#）寫法上差異較大，如下： function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function () { return '(' + this.x + ', ' + t
昵稱 編程碼農
繼承是javascript中實現代碼複用的一種方式，也能綁定對象或者函數之間的關係 為什麼要繼承 比如以下代碼，Person、Student和Teacher構造函數，可以發現他們有一些特徵 Person和Student都有姓名、年齡的屬性和吃的方法，但Student還有學號、分數的屬性和學習的方法 Person和Teacher都有姓名、年齡的屬性和吃的方法，但Teacher還有教學的方法
昵稱 一顆冰淇淋
定義 類是構造函數、原型鏈的語法糖。 定義類有兩種方式 class Student { } var Student = class { } 某些瀏覽器可能無法解析es6及以上的語法，這時候需要通過babel將代碼解析成瀏覽器可識別的語法，定義類的語法通過babel編譯之後就是通過function定義的構造函數。 類和構造函數是一樣的，通過new關鍵字創建，具有prototype屬性 class
昵稱 一顆冰淇淋
前言 距離上一篇js的繼承系列已經過去了四年，時不時還有新的讀者評論和回覆，開心之餘也想着更新一下內容，因為當時的內容裏沒有涉及到es6的 extend 實現，所以現在抽空補上。 當然，如果是0基礎的同學或者對於基本的繼承有些遺忘的同學，可以先回顧一下前兩篇： 詳解js中的繼承（一） 詳解js中的繼承（二） 正文 基礎回顧 預備知識 為了使後面的學習過程更絲滑，在開始之前，一起再回顧一下這個構造
昵稱 安歌
目錄 對象是什麼 構造函數 原型對象 實現繼承以及不同繼承方式 對象 為什麼要面向對象編程 代碼邏輯遷移更加靈活、代碼複用性高、高度模塊化 構造函數 function Person(name) { this.name = name this.getName = function(name) { return name } } const
昵稱 看見了
前言 JS繼承這塊，ES6已經有class很香的語法糖實現了，ES6之前那些實現繼承的方法真的又多又長，説句心裏話，能不學真的不想再學，但是沒辦法，面試還是要搞你呀，所以這兩天看回ES6之前的繼承，發現還是蠻有意思的。寫這篇文章也是對自己的一個梳理總結，也希望能幫助到大家弄懂繼承這塊，這樣就不需要再死記硬背八股文，面試自由發揮就好。 JS的繼承，核心就是靠原型鏈完成。如果大家對原型鏈還不是很
昵稱 limingcan
實現繼承的方式有很多，下面我們來寫常用的幾種（包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承）： 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例，從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName
昵稱 銀之夏雪
作者：vivo 互聯網安全團隊- Luo Bingsong 前端代碼都是公開的，為了提高代碼的破解成本、保證JS代碼裏的一些重要邏輯不被居心叵測的人利用，需要使用一些加密和混淆的防護手段。 一、概念解析 1.1 什麼是接口加密 如今這個時代，數據已經變得越來越重要，網頁和APP是主流的數據載體，如果獲取數據的接口沒有設置任何的保護措施的話，數據就會被輕易地竊取或篡改。 除了數據泄露外，一些重要功能
昵稱 vivo互聯網技術
夙夜小哥這幾天有個項目前端人手不夠，要我支援幾天。我本人之前是寫後端的，在支援的過程中發現前端對JavaScript或者typescript的方法提示以及代碼導航功能都比較弱，可能是由於js本身屬於弱類型語言，所以這波並不屬於VSCode的鍋。 但是我又發現好像VSCode不進行配置的話，沒法直接使用調試功能，好傢伙，這下讓我一頓上網衝浪百度+谷歌，翻來翻去感覺網友都沒有寫在點子上，最後還是
昵稱 月半大熊貓
首先看下需求頁面的整體佈局。 頁面分為上下佈局，上邊模塊包含左側日曆和右側導入部分，下邊模塊是數據狀態部分。日曆和導入組件固定高度420px;日曆寬度500px;數據狀態寬度100%，高度自適應。 項目是由vue2+elementui開發，這裏主要説的是日曆的高度如何動態設置？ 由於業務需求，日曆只展示當前月份數據，使用css將上個月份和下個月份數據進行隱藏，所以日曆有時是5行數據展示，有
昵稱 留白
宏任務和微任務的隊列入門知識，可以參考之前的文章： JavaScript的事件循環機制 宏任務和微任務在前端面試中，被經常提及到，包括口頭和筆試題 async await概念 async 使用async關鍵字聲明的函數，是AsyncFunction構造函數的實例，在async函數體內，可以使用await接收promise實例 async和await關鍵字，在開發過程中，可以簡潔地去做
昵稱 程序猿布歐
我們知道在 JS 中，刪除數組元素有兩個方法：pop 與 shift，分別可以刪除末尾與開頭的元素。 然而同樣是刪除元素，它們的執行時間確實不同的。 當數組項目較多時，shift 的執行時間明顯長於 pop。 const test = (arrLength) = { let arr1 = [] console.time(`${arrLength}-arr1`) for (let i =
昵稱 清隆
