原创 webpack4入門填坑心得

爲了進一步瞭解webpack,看了思否這篇入門webpack的文章,鏈接如下 https://segmentfault.com/a/1190000006178770 但是這篇文章不是講解webpack,而是想說明和記錄我自己一步步按照文章

原创 JS中 [] == ![]結果爲true,而 {} == !{}卻爲false, 追根刨底

console.log( [] == ![] ) // true console.log( {} == !{} ) // false 在比較字符串、數值和布爾值的相等性時,問題還比較簡單。但在涉及到對象的比較時,問題就變得複雜了。最

原创 es6之H5俄羅斯方塊(基於canvas)

第一次寫俄羅斯方塊的時候已經是1年多前了,也是我剛剛學js不久,爲了加強對js的理解又加上對遊戲的愛好,於是在沒有參考他人的思路和代碼下,自己用最基本的js代碼寫出了基於canvas的俄羅斯方塊。 順帶附上自己剛剛設計很難看的原草圖,現

原创 JS判斷數組的六種方法詳解

在JS中,數組是屬於Object類型的,也就是屬於引用類型(引用類型存放在堆內存中,在棧內存會有一個或者多個地址來指向這個堆內存)。 所以對於引用類型,我們不能typeof來判斷具體的類型,因爲返回的都是‘object’。 接下來,我將介

原创 JS生成4種類型隨機正整數,並且保證概率相等

自己閒來無事準備複習面試題,到了生成隨機數這塊,看到網上都有答案,在自己驗證的時候卻發現這些隨機數的概率並不相等。於是乎自己總結了一下,先把這4種類型的隨機正整數生成方式貼出來。 ①、// 生成 [n,m),包含n但不包含m的正整數: 

原创 Vue提高首頁加載速度,減少加載時間(從15s到3s的演變)

故事的開始: 爲了體驗一下把自己的網站放在外網服務器上,作爲學生黨的我,手頭沒有太多的money,只好在騰訊雲上買了一臺1核1M的服務器,這可是最低的配置了。 一開始使用npm run build得到的dist文件夾體積將近有10MB,放

原创 js中邏輯或(||)和邏輯與(&&)解析

先來看一個關於邏輯或的例子: var b = 0 var a = b++ || b++ console.log(b) // 2 var c = ++b || ++b console.log(a) // 1 conso

原创 自己收集的單個圖案-css

1.天藍色的水滴 .circle{ width: 30px; height: 30px; background-color: red; border-radius: 0 18px 31px 18px

原创 js-自己收集的生僻知識

1.對象操作可以使用數組操作來完成 window.onload  可寫成 window['onload'] 2.==與===的區別:     兩個參數屬於同一類型時,==和===運算符的行爲是沒有區別的。     == 在兩邊的對象

原创 js-自己收集的功能函數

//1.自己寫 將秒數轉換爲時分秒的格式 function formatSeconds(value){         var hours=parseInt(value/3600); var minutes=pars

原创 js-自己收集的兼容案例

設置 div 元素的不透明級別: opacity:0.5;             /*在IE9及以上和其他瀏覽器可用*/ filter: alpha(opacity-50);     /*在IE8及以下可用*/

原创 css 元素各種居中方法

①、  常用水平居中:給div設置一個寬度,寬度是必要條件,然後添加margin:0 auto屬性 div{ width:200px; margin:0 auto; } ②、絕對定位居中 絕對定位使元素的位置與文檔

原创 js中 instanceof 檢測 字符串

var str = 'str' console.log(str instanceof String) // false console.log(typeof str) // string 看上面的例子,st

原创 Chrome 文字低於12px的解決方案

在chrome瀏覽器中, 我們將字體font-size設爲12px以下的時候,會發現和12px其實是一樣的大小,也就是說chrome默認的字體最小是12px的, 那麼接下來就介紹解決方法 對於老式chrome         可通過加入

原创 理解var的作用域以及閉包(javascript)

在ES6之前, 我們一般都是使用var來聲明一個變量的,那麼關於var你又知道多少呢?來下如下代碼 // 先理解一下var的作用域 var a = 1 function fa(){ var a = 3 console.