原创 深入 Vue 2.x 數據響應式原理 ★

目錄 1、Vue 對 data 做了什麼 2、ES6 的 getter 和 setter 2、Object.defineProperty 3、proxy 代理數據的安全性 4、Vue 的數據響應式原理 1、Vue 對 data 做了什麼

原创 靈魂拷問:說說你對前端的理解

大多數人對前端的認識可能是寫點簡單的 HTML,CSS 樣式,製作點網頁界面,其實不然。 2005 年之前,前端開發這個詞還是很少見的,尤其在國內。但近幾年的前端可謂是飛速發展,在沒有前端崗位之前,一個項目中負責後臺功能邏輯處理的代碼和前

原创 JavaScript DOM 事件委託 ★

1、事件委託的比喻 在網上看到一個關於事件委託的例子,比如一個宿舍的同學快遞同時到了,一種方法就是他們都傻傻地一個個去領取,還有一種方法就是把這件事情委託給宿舍長,讓一個人出去拿好所有快遞,然後再根據收件人一一分發給每個宿舍同學; 在這裏

原创 常見的 HTTP 狀態碼

目錄 1、HTTP 狀態碼 2、HTTP狀態碼分類 3、至少說出七八個吧? 1、HTTP 狀態碼 HTTP 狀態碼的英文爲 HTTP Status Code。在前端開發的日常工作中,免不了向服務器發請求,服務器在接收到請求後會返回一個包含

原创 Vue - 給對象新增屬性(使用Vue.$set())

目錄 1、Vue 的數據不是響應式嗎? 2、如何解決上述的問題 3、一些自己的見解 今天做項目的過程中遇到一個問題,百思不得其解,詢問大佬後恍然大悟,踩坑的主要原因是知識盲區,上網搜到一篇比較好的簡書博客,轉載過來,並加上自己的一些見解,

原创 構建一個跳轉到百度的搜索頁面

每次百度搜索關鍵字的時候,大家有沒有注意到 url 的變化?比如:搜索 "erha" ,那地址欄就會變成這樣: https://www.baidu.com/s?wd=erha&rsv_spt=1&rsv_iqid=0xfe380d000

原创 JS 多種數組去重方法

目錄 1、雙重循環方法 2、indexOf() 檢測元素方法 3、將數組元素先 Sort() 排序 4、檢測新數組中元素 includes() 5、配合 sort() 使用 reduce() 去重 6、Map 7、Set 無論是在實際開發

原创 作爲一個前端新人,還要不要學 jQuery

目錄 1、爲什麼還要學 jQuery 2、jQuery 的封裝思想 2、jQuery 如何獲取元素 3、jQuery 的鏈式操作 4、jQuery 如何創建元素 5、jQuery 如何移動元素 what ?Are you kidding

原创 不推薦雙擊 .html 文件預覽網頁

目錄 1、不推薦雙擊查看 .html 文件 2、使用 parcel 起一個本地服務 1、不推薦雙擊查看 .html 文件 html 中的 <a> 標籤可以跳轉到指定網頁,或者當前頁面的指定錨點位置,但是設置 <a> 標籤的 href 屬性

原创 Vue 指令及修飾符 & .sync 詳解

目錄 1、指令及其語法 2、指令的修飾符 3、都有哪些指令修飾符 4、深入理解 .sync 指令修飾符 1、指令及其語法 Vue 模板語法中的 v-text、v-html、v-pre 都是指令,它起到一種命令或指示的效果,語法 如下: v

原创 使用 npm/yarn 引入插件

Yarn 安裝 jQuery 運行 yarn init -y 會生成一個 package.json 文件 運行 yarn add jQuery 會生成一個 node_modules 文件 還會生成一個 yarn.lock 文件,

原创 React 類組件和函數組件

目錄 1、element v.s. component 2、React.createElement 的邏輯 3、類組件及函數組件的具體使用 1、element v.s. component 元素(element) vs 組件(compon

原创 React 和 Vue 的不同編程模型

目錄 1、Vue 的編程模型 2、React 的編程模型 3、兩個框架的不同理念 1、Vue 的編程模型 接觸 Vue 的開發者應該都知道,在 Vue 中一旦內部數據改變了,視圖就會隨之更新,這是因爲 Vue 的 數據響應式原理:Vue

原创 關於類組件事件綁定的 this 問題

在類組件中,綁定事件(onClick、onKeyPress等)的方式有以下幾種,其中比較保險和推薦的還是使用箭頭函數 ()=> { } 的方式。如果你覺的箭頭函數的寫法太長,可以看一下下面這幾種改進的方式: <button onClic

原创 文本溢出顯示省略號,鼠標浮動查看全部內容

目錄 1、文本溢出顯示省略號 2、鼠標浮動查看全部內容 1、文本溢出顯示省略號 今天做項目時遇到一種需求:文本溢出截斷省略,上網查閱了一下,還是挺簡單的,但是考慮到自己疑似老年癡呆的大腦,就在這裏整理一下,以備以後碰到這種同樣的需求。如果