原创 div和span的區別及塊狀元素和行內元素
區別 div 是塊級元素，主要用於容納其他標籤，獨佔一行 未設定寬度時，div的寬度爲父元素的寬度 span 是行內元素， 主要用於容納文字 無法添加寬度和高度 二者：div內可以存放span，但是span內無法存放div標籤。
2020-06-23 01:07:05
原创 Vue.js的自定義指令實現
直接看vue.js自定義指令官網 自定義指令產生的原因： 除了核心功能默認內置的指令 (v-model 和 v-show)，Vue 也允許註冊自定義指令。注意，在 Vue2.0 中，代碼複用和抽象的主要形式是組件。然而，有的情況下，你仍然
2020-06-23 01:07:05
原创 需要了解的 W3C標準及規範
作爲前端工程師對W3C標準和規範不是很陌生。很多招聘要求中經常提到深入瞭解W3C標準及規範。那下面就總結一下W3C標準及規範： 概念：W3C標準 中文名：萬維網聯盟，外文名：World Wide Web Consortium
2020-06-23 01:07:05
原创 開發vue插件併發布到npm上
1、npm是什麼？ npm 是Node 的模塊管理器，功能極其強大。 它是Node 獲得成功的重要原因之一。 正因爲有了npm，我們只要一行命令，就能安裝別人寫好的模塊。 下面來介紹如何快速開發一個vue插件併發布到npm上
2020-06-23 01:07:05
原创 js確定原型和實例的基本關係
可以通過兩種方式實現原型和實例的關係。第一種實現方式使用instanceof操作符，只要用這個操作符來測試實例和原型鏈中出現過的構造函數，結果就會返回true。 代碼演示（原型鏈的代碼實現）： function SuperType(){
2020-06-23 01:07:05
原创 javascript內call()、apply()、bind()方法的作用
1.call()、apply()、bind()這三個方法均可改變this的指向 可以看下面的例子： var name = '小王',age= 16; var obj = { name: '小張', objAge: this.age,
2020-06-23 01:07:05
原创 發佈npm包時報錯：You do not have permission to publish vue-counter
報錯如下： PUT https://registry.npmjs.org/vue-counter - You do not have permission to publish "vue-counter". Are you lovue-
2020-06-23 01:07:05
原创 JS的hasOwnPrototype()方法和 in 操作符
hasOwnPrototype() 使用hasOwnPrototype()方法可以檢測一個屬性是否存在於實例中，還是存在於原型中。這個方法（不要忘了它是從Object繼承來的）只在給定屬性存在於對象實例中時，才返回true。 看例子：
2020-06-23 01:07:05
原创 瞭解Lodash
是一個一致性、模塊化、高性能的 JavaScript 實用工具庫。 安轉 1.瀏覽器 下載lodash.js文件，直接引入： <script src="lodash.min.js"></script> 2.npm安裝 npm i
2020-06-23 01:07:05
原创 Vue註冊一個全局時間格式化過濾器
先創建好vue項目後，然後在main.js內添加： Vue.filter('dateFormat', function(originVal){ const dt = new Date(originVal) const y =
2020-06-23 01:06:54
原创 多行元素的 文本省略號
多行元素的 文本省略號 使文字數量不同在相同的地方顯示，給盒子加固定高度 overflow：hidden； display：-webkit-box；將盒子轉換爲彈性盒子 -webkit-line-clamp：2；設置顯示多少行
2020-06-23 01:06:54
原创 圖解 HTTP——返回結果的HTTP 狀態碼
從圖解HTTP這本書上摘的 狀態碼的職責是當客戶端向服務器端發送請求時，描述返回的請求結果。藉助狀態碼，我們可以瞭解這次請求是否在服務器端得到了正常的處理。 狀態碼從其含以上可以分爲五種： 類別 原因短語 1XX Informatio
2020-06-23 01:06:54
原创 瞭解 js 實現繼承的六種方式
JS作爲面向對象的弱類型語言，繼承也是其非常強大的特性之一。 繼承：子類可以使用父類的所有功能，並且對這些功能進行擴展。繼承的過程，就是從一般到特殊的過程。 繼承目的： 把子類型中共同的成員提取到父類型中，代碼重用 JS繼承的實現方式 既
2020-06-23 01:06:54
原创 CSS預處理器 Sass的基本用法
SASS(Sass (Syntactically Awesome StyleSheets))是一種CSS的開發工具，提供了許多便利的寫法，大大節省了設計者的時間，使得CSS的開發，變得簡單和可維護。 語法格式 Sass 有兩種語法格式。首
2020-06-23 01:06:54
原创 深入理解JavaScript中的作用域、作用域鏈
作用域 先來談談變量的作用域 變量的作用域無非就是兩種：全局變量和局部變量。 全局作用域： 最外層函數定義的變量擁有全局作用域，即對任何內部函數來說，都是可以訪問的： var outerVar = "outer"; function f
2020-06-23 01:06:54