原创 Vue axios處理http請求

基本使用方法 get請求 // Make a request for a user with a given ID axios.get('/user?ID=12345') .then(function (response) {

原创 最新版本sublime text3註冊碼

—– BEGIN LICENSE —– TwitterInc 200 User License EA7E-890007 1D77F72E 390CDD93 4DCBA022 FAF60790 61AA12C0 A37081C5 D0316

原创 理解的閉包

閉包是js中一個晦澀難懂的一個概念,網上關於閉包的文章也是抓一大把,每個人的文章卻又不盡相同,或者說,每個人的理解都不一樣。 什麼是閉包 阮一峯老師的一篇文章中說:閉包就是能夠讀取其他函數內部變量的函數。可以把閉包簡單理解成”定義在一個

原创 vue 組件之間使用eventbus傳值

對於前端 的我們而言,並非是只有寫界面纔是最大的問題,很多的情況下,我們需要關注的是數據,比如js頁面的數據傳遞等等,學習vue我們也是需要知道怎麼去使用數據 當然,使用存儲也是可以得,但是並非一定要緩存,當然在vue中有推薦了我們去使

原创 移動端Web頁面問題解決方案

1、安卓瀏覽器看背景圖片,有些設備會模糊。 用同等比例的圖片在PC機上很清楚,但是手機上很模糊,原因是什麼呢? 經過研究,是devicePixelRatio作怪,因爲手機分辨率太小,如果按照分辨率來顯示網頁,這樣字會非常小,所以蘋果

原创 Event loop 機制簡介

堆、棧、隊列 堆 堆通常是一個可以被看做一棵樹的數組對象。堆總是滿足下列性質: 堆中某個節點的值總是不大於或不小於其父節點的值; 堆總是一棵完全二叉樹。將根節點最大的堆叫做最大堆或大根堆,根節點最小的堆叫做最小堆或小根堆。常見的堆有二叉

原创 this從溺愛到‘失寵’ (二)

嗨!歡迎來到讓我們一起解決“this”難題的第二部分,我們試圖揭開 JavaScript 中最難讓人理解的一部分內容 - “this”關鍵字的神祕面紗。如果您還沒有讀過 第一部分,你需要先把它讀一下。在第一部分中,我們通過 15 個示例介

原创 JavaScript中的深拷貝和淺拷貝

在說深拷貝與淺拷貝前,我們先看兩個簡單的案例: //案例1 var num1 = 1, num2 = num1; console.log(num1) //1 console.log(num2) //1 num2 = 2; //修改nu

原创 從青銅到王者10個css3僞類使用技巧和運用,瞭解一哈

從青銅到王者10個css3僞類使用技巧和運用,瞭解一哈 寫在前面 僞類經常與僞元素混淆,僞元素的效果類似於通過添加一個實際的元素才能達到,而僞類的效果類似於通過添加一個實際的類來達到。實際上css3爲了區分兩者,已經明確規定了僞類用一個冒

原创 JavaScript設計模式與實踐--工廠模式

1 什麼是工廠模式? 工廠模式是用來創建對象的一種最常用的設計模式。我們不暴露創建對象的具體邏輯,而是將將邏輯封裝在一個函數中,那麼這個函數就可以被視爲一個工廠。工廠模式根據抽象程度的不同可以分爲:簡單工廠,工廠方法和抽象工廠。 如果只接

原创 Vue.js是如何做到數據響應的?

許多前端JavaScript框架(例如Angular,React和Vue)都有自己的數據相應引擎。通過了解相應性及其工作原理,您可以提高開發技能並更有效地使用JavaScript框架。在視頻和下面的文章中,我們構建了您在Vue源代碼中看到

原创 Event Loop小計

我們都知道JavaScript是單線程的,也就是說同一時間只能幹一件事。這是因爲JavaScript主要是用來操作DOM的,如果變成多線程,瀏覽器就懵逼了,不知道該聽誰的了。但是雖然js是單線程,但是完全可以模擬多線程,靠的就是Event

原创 JavaScript運行機制:event-loop

JavaScript運行機制:event-loop     我們從javascript的單線程->任務隊列->事件和回調函數->事件環,一步一步講解javascript的執行機制。   一、JavaScript是單線程 JavaScri

原创 js繼承,這次把你吃透

類 我們來回顧一下ES6 / TypeScript / ES5類的寫法以作對比。首先,我們創建一個GithubUser類,它擁有一個login方法,和一個靜態方法getPublicServices, 用於獲取public的方法列表: c

原创 es6 繼承

1. 關於class的本質 定義一個類 class Person{ constructor(skin,language){ this.skin=skin; this.language=langua