博客 / 列表

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

SnowWolfArden - Day 92/100 原型鏈的繼承屬性

1、JS中的繼承 當談到繼承時,JavaScript 只有一種結構:對象。每個實例對象(object)都有一個私有屬性(稱之為 proto )指向它的構造函數的原型對象(prototype)。 該原型對象也有一個自己的原型對象(__proto__),層層向上直到一個對象的原型對象為 null。根據定義,null 沒有原型,並作為這個原型鏈中的最後一個環節。 2、繼承屬性 JavaScript

原型鏈 , Javascript

SnowWolfArden - Day 56/100 AngularJS 依賴注入

(一)需求 被問到AngularJS依賴注入的原理時,發現自己掌握的不好,於是總結記錄下。 (二)依賴注入介紹 1、為什麼要有依賴注入? 減少代碼之間的耦合度,使代碼有很強的可擴展性。 模板功能強大豐富,並且是聲明式的,自帶了豐富的Angular指令; 是一個比較完善的前端MVC框架,包含模板,數據雙向綁定,路由,模塊化,服務,過濾器,依賴注入等所有功能; 依賴注入簡化了組件之間

angularjs , 前端 , Javascript

SnowWolfArden - Day 93/100 如何判斷某個對象是否包含某個屬性?

(一)需求 想判斷某個對象,是否包含屬性值。 (二)思路 1、可以遍歷對象的所有屬性,循環判斷 2、可以直接寫obj[key] 3、使用Object.hasOwn方法 (三)Demo const object1 = { prop: 'exists' }; console.log(Object.hasOwn(object1, 'prop')); // expected output: true

object , Javascript

SnowWolfArden - Day 81/100 關於構建前端知識體系的思考

(一)為什麼要構建前端知識體系? 1、沒有體系,知識是零散的 這些知識,技術點,就像一個個的貝殼和珍珠,散落在沙灘上。 組織起來,就可以是一串精美的項鍊。 2、找問題,定位會比較快 遇到技術問題需要解決,幾乎是每一個程序猿的必修課。 新技術,需要學習。 老框架,出了Bug(問題)需要修復。 常會有各種各樣的技術問題,出現,除了百度搜索,查書籍,問人等等方案。 自己大腦當中,通過知識體系,來排查,

讀書 , 知識體系 , 前端 , Javascript

SnowWolfArden - Day 50/100 Object.defineProperty()有幾個參數

(一)需求 被問到了,本來以為會,結果發現之前理解的不大對。 (二)介紹 1、答案 是3個參數 obj 要定義屬性的對象; prop 要定義或修改的的屬性名稱或Symbol descriptor 要定義或修改的屬性描述符 對象裏目前存在的屬性描述符有兩種主要形式:數據描述符和存取描述符。 數據描述符是一個具有值的屬性,該值可以是可寫的,也可以是不可寫的。 存取描述符是由

object , Javascript

SnowWolfArden - Day 18/100 react-draggable 實現組件拖拽功能

1、需求 想實現頁面彈窗的拖拽功能,原生手寫時,基本邏輯能實現,但是拖拽雙擊操作時,會有bug,待解決,就想着看看有沒有合適的組件,發現還真有~ 2、介紹 周下載量300w+ 2.1支持有各種拖拽情況的Demo實現 2.1支持有各種拖拽情況的Demo實現;大概十幾種; 2.2支持React16.3+ 2.3 基本代碼 Draggable divI can now be moved aro

react , 拖拽 , Javascript

SnowWolfArden - Day 11/100 二叉樹的層序遍歷

/** * Definition for a binary tree node. * function TreeNode(val, left, right) { * this.val = (val===undefined ? 0 : val) * this.left = (left===undefined ? null : left) * this.right =

遍歷 , 二叉樹 , Javascript