原创 JS裏的__proto__和prototype到底有什麼區別?

一、 概念區分 其實說__proto__並不準確,確切的說是對象的[[prototype]]屬性,只不過在主流的瀏覽器中,都用__proto__來代表[[prototype]]屬性,因爲[[prototype]]只是一個標準,而針對這個標準

原创 JS 面試題: 將class轉爲function

 關於類-需知知識點:   1、ES6 提供了更接近傳統語言的寫法,引入了 Class(類)這個概念,作爲對象的模板。通過class關鍵字,可以定義類   基本上,ES6 的class可以看作只是一個語法糖,它的絕大部分功能,ES5 都可

原创 big.js、bignumber.js 和 decimal.js 的區別

簡介         本文介紹3個JavaScript的數字處理第三方庫的區別,它們是:big.js、bignumber.js 和 decimal.js。         這三個庫都是同一個作者寫的。 大致對比 包的大小       

原创 decimal.JS 快速入門

Decimal 是什麼 想必大家在用js 處理 數字的 加減乘除的時候,或許都有遇到過 精度不夠的問題 還有那些經典的面試題 02+0.1 == 0.3 至於原因,那就是 js 計算底層用的 是 IEEE 754 ,精度上有限制 那麼,D

原创 bigNumber.js使用介紹

爲什麼要使用bigNumber.js爲了解決精度丟失的問題,前端面試常見的一個問題就是‘0.1+0.2!=0.3’是爲什麼,0.1+0.2 = 0.30000000000000004,這在對數字精度要求比較高的項目中常常會出現bug,所以要

原创 uniapp微信小程序接入高德地圖SDK

小程序地圖SDK原理 (注意:這一段要仔細看哦,很多人問我爲什麼你寫的是高德地圖SDK,卻用的是騰訊地圖,答案就在這裏) 微信小程序開發,可以使用地圖組件map,來進行地圖顯示、定位、顯示大頭針等基本功能,具體可以看官方文檔:微信小程序m

原创 vue cli使用介紹

一、介紹 Vue CLI 是一個基於 Vue.js 進行快速開發的完整系統。有三個組件: CLI:@vue/cli 全局安裝的 npm 包,提供了終端裏的vue命令(如:vue create 、vue serve 、vue ui 等命令)

原创 uni-app,微信小程序,組件樣式無法穿透修改的解決辦法

1.首先設置以下選項.該選項的作用是讓微信小程序允許樣式穿透. options: { styleIsolation: 'shared' } 示例: 2.然後再使用vue的樣式穿透寫法. ::v-deep .類樣式{} 或者 /d

原创 of 與 in 的區別

 

原创 js中for in和for of詳細講解

1、for in的詳細講解, for in遍歷數組的毛病 1.index索引爲字符串型數字,不能直接進行幾何運算. 2.遍歷順序有可能不是按照實際數組的內部順序 3.使用for in會遍歷數組[所有的可枚舉屬性]。 包括[原型]。例如

原创 webpack優化,用lodash-es代替lodash

lodash爲了良好的瀏覽器兼容性, 它使用了舊版es5的模塊語法; 而lodash-es則使用了es6的模塊語法, 這讓webpack之類的打包工具可以對其進行tree shake以刪除未使用的代碼來優化打包尺寸. 下面的代碼直接從lod

原创 淺析Object.entries()方法的使用及解決使用for of或for in遍歷對象的問題和普通對象與Map對象互相轉換的問題

一、Object.entries() 方法的使用 1、Object.entries()方法返回一個給定對象自身可枚舉屬性的鍵值對數組,其排列與使用 for...in 循環遍歷該對象時返回的順序一致(區別在於 for-in 循環還會枚舉原型鏈

原创 js一道try...catch的面試題

說到try...catch都覺得非常熟悉了,不就是用來捕捉代碼塊中的錯誤嘛,平時也用得比較多的。然而因爲了解不夠多,我的面試卻栽在了一個簡單的知識點上:try...catch只能捕捉到同步執行代碼塊中的錯誤。 題目是:以下代碼有錯嗎?如果有

原创 vue中使用Vue.extend方法仿寫一個loading加載中效果

需求描述 本文我們使用vue的extend方法實現一個全屏loading加載效果,需求如下: 通過命令就可以讓彈框開啓或關閉,比如this.$showDialog()開啓,this.$hideDialog()關閉 方法可以傳參更改load

原创 巧妙使用Vue.extend繼承組件實現el-table雙擊可編輯(不使用v-if和v-else)

問題描述 有一個簡單的表格,產品要求實現雙擊可編輯 看了一下網上的帖子,大多數都是搞兩部分dom,一塊是輸入框,用於編輯狀態填寫;另一塊是普通標籤,用於在不編輯顯示狀態下呈現單元格文字內容。再加上一個flag標識搭配v-if和v-else