原创 javaScript中的BOM對象-navigator和cookies(4)

1.navigator是BOM屬性之一,他引用的是包含瀏覽器廠商和版本信息的Navigator對象 navigator的屬性: appCodeName   // 返回瀏覽器的代碼名。appMinorVersion    // 返回瀏覽器的

原创 JavaScript中的Date總結

基礎知識 日期在我們處理用戶form表單驗證,監測裝置信息等很多方面都有使用。在使用過程中我總結出以下幾點常使用的Date方法:字符串轉換成日期格式、number型轉換成日期格式、日期格式的變化、日期大小的比較、日期的自動刷新 注:此小節

原创 JavaScript中return返回函數的問題

在使用return中遇到以下一個函數: var name="super"; var object={   name:"child",   getName:function(){   console.log(this.name);    

原创 關於JavaScript基礎知識

變量 1.變量的類型 基本類型:String Number Null Undefined Boolean 引用類型:Object(function Array ....) 2.變量的定義 基本類型: var example;(弱類型) 引

原创 純前端實現騰訊cos文件上傳功能

前言 在前端開發中文件上傳是經常會遇到的,並且多數情況會使用第三方平臺來存儲文件,騰訊雲cos是我們常用的。本篇文章就是帶我從前端的角度實現騰訊雲COS存儲。本文參考了騰訊雲COS開發文檔 JavaScript SDK 步驟

原创 JavaScript中常見的設計模式(3)原型模式

原型模式 在上一章節中已經說過原型模式解決了構造模式和工廠模式的不足之處。 function Person(){} Person.prototype.name ="yuan xing"; Person.prototype.age=23;

原创 JavaScript中常見的設計模式(1)工廠模式

在編程的世界,每種語言都有其各自的優缺點。爲了彌補這些缺點,各種設計模式也隨之二誕生。 在此介紹一下自己對JavaScript設計模式的一些學習總結。 工廠模式: 顧名思義,工廠及將各種零件組裝成我們需要的設備。在編程語言中及可以參照此思

原创 javaScript中的設計模式(4)動態原型模式

在項目開發過程中我們經常遇到一些需要動態添加的變量或方法屬性。在JavaScript語言中動態原型模式能很好的解決此問題。 栗子: function Person(name,age,job){ this.age=name; this.na

原创 JavaScript中常見的設計模式(2)構造函數模式

構造函數模式 在ECMAScript中構造函數可以用來創建特定類型的對象。例如:Array Object String等的原生構造函數。 根據這一特性我們可以重寫構造函數來滿足我們的需求,代碼如下: function Demo(name

原创 JavaScript中Array對象總結-(forEach,fill,unshift,push)

在JavaScript開發中經常遇到添加數組元素和修改元素的問題,一下總結了一些數組添加元素和修改元素的方法。 1.Array.prototype.forEach(callBack(param1,param2,param3)) 方法對數組

原创 帶着疑問來理解JavaScript閉包是如此簡單

前言 在JavaScript中,閉包對於JavaScript的意義無異於指針在c++中的意義。理解閉包是我們掌握JavaScript這門語言的基礎能力,而對閉包的掌握程度就可以看出來你對JavaScript這門語言的深入程度,網上

原创 純web端實現二維碼識別

前言 最近公司的業務場景中有個生成二維碼和識別二維碼的需求。生成二維碼之前有做過,選用的 qrcode.js這個前端庫,操作比較簡單。這裏不再贅述。 剛開始看到二維識別這個需求覺得很簡單,以爲有相應的前端庫直接用就行了。但當真正開

原创 深入理解flex佈局

前言 隨着電子產品的快速迭代,傳統的前端佈局越來越難以是配多端的屏幕顯示,無論是table佈局還是float佈局在移動端適配上都有着很大的侷限性。09年,W3C提出了一種新的方案—-Flex佈局,可以簡便、完整、響應式地實現各種頁

原创 VUE全家桶之vuex核心原理解析

前言 現在前端開發中vuejs是大部分前端工程師的首選,只要不是很小的項目都會引用vuex來進行狀態管理。最近新開展的項目比較複雜,使用vuex的地方也比較多。在此過程中也遇到了不少問題。如今有時間正好研究下vuex框架源碼,深入瞭解

原创 VUE全家桶之vuex的使用

前言 在vue項目中,如果我們涉及到兄弟組件間的傳值(及多個組件共享一個狀態)。遇到這種情況使用vuex來解決是目前比較流行的解決方案。雖然在vuex官方文檔中詳細介紹了vuex的使用方法,但是文檔中的內容太過細節,初次閱讀不易抓住重