原创 擊鼓傳花問題——JS實現

學校聯歡晚會的時候,爲了使每一個同學都能參與進來,主持人常常會帶着同學們玩擊鼓傳花的遊戲。遊戲規則是這樣的:n個同學坐着圍成一個圓圈,指定一個同學手裏拿着一束花,主持人在旁邊背對着大家開始擊鼓,鼓聲開始之後拿着花的同學開始傳花,每個同學都

原创 vue-cli2腳手架目錄作用總結

參考來源:https://www.cnblogs.com/vuenote/p/9323831.html

原创 vue-cli中利用v-if+button來進行子組件的增刪

這個裏面圖片雖然多,但是都是在父組件裏進行的。當然在子組件中也可以進行如下的操作。如果不需要增刪子組件的話,用v-show當然是更好了。 v-if是增刪DOM,v-show是對DOM是否進行渲染。 1、寫好一個子組件(我以olMapLoa

原创 js的鏈式調用

實現一個函數,可以fn() = 0,fn(1) = -1,fn(1,2) = -3,fn(1,2)(3) = -6。這種形式 function fn() { let res = 0; const func = funct

原创 npm run serve卡住(一次記錄)

在寫工程的時候,突然發現npm run serve卡在百分比上不動了。 之前還是可以運行的,但是突然之間就卡住了。 瞬間有點慌亂。 在網上搜索了各種方法,也刪掉重裝。 最後發現,是我新寫的代碼再<template>裏import了東西,複

原创 將數組扁平化並去除其中重複數據,最終得到一個升序且不重複的數組

主要是考ES5、ES6關於數組的使用問題 let a = [1,[1,2],[1,2,[3]]], c = [1,[3,4,[124,123123,5123]],31,[123,41],[31,41,321,123]] let

原创 介紹Object.prototype.toString.call() 、 instanceof 、 Array.isArray()以及typeof

參考:https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/23   1. Object.prototype.toString.call() 每一個繼承

原创 重繪(repaint)和迴流(reflow)以及據此對網頁的優化

參考:https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/24 https://www.jianshu.com/p/af0b398602bc 1. 瀏覽

原创 __proto__訪問類型

子類可以通過__proto__找到父類

原创 ajax讀取txt文件的亂碼坑

背景: 在用ajax讀取txt文件的時候,突然發現返回的數據是亂碼,但自己的編碼是UTF8,完全木得問題。 原因: 原來我的txt是自己新建的,用的並不是utf8編碼,所以在讀取的時候,就會顯示出亂碼。 解決方法: 1、在讀取的時候,對讀

原创 js實現數組全排列

參考:https://blog.csdn.net/xie_sining/article/details/83146105   鏈接中,思路已經極其清晰,不過該思路中沒有最後給全排列數組進行去重。 以下是附帶去重的代碼: function

原创 Set、WeakSeat、Map、WeakMap之間的差別

參考鏈接:http://es6.ruanyifeng.com/#docs/set-map https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/6 Set

原创 如何原生實現js的new方法

1、首先理解JS原生new方法的四個過程: 假設使用new調用new fn(),則會發生以下的步驟: (1)創建一個新的對象 var obj = {} (2)設置新對象的__proto__屬性指向,即原型鏈 obj.__proto__ =

原创 typeof所輸出的數據類型

參考文獻:http://wangdoc.com/javascript/stdlib/object.html#object-%E7%9A%84%E5%AE%9E%E4%BE%8B%E6%96%B9%E6%B3%95

原创 js前端技巧關於!和!!的區別

參考:https://www.cnblogs.com/tison/p/8111712.html 1、‘!’可以用來邏輯運算或者類型判斷,例如null,undefined,''(空字符串),取反即爲true。 2、‘!!’是爲了做類型判斷,