原创 面試手寫方法

數組 //map Array.prototype._map = function(fn){ return this.reduce((result,item)=>[...result,item],[]) } //filter

原创 從零開始學React(1)——配置webpack

webpack配置 基本配置 新建文件夾,起名react1 打開終端,打開至文件夾,輸入命令:npm init 一路回車,直至完成 創建webpack.config.js文件,並在其中書寫以下內容(摘自官網) const pa

原创 從零開始學React(2)——編寫Hello World!

創建組件 在已有的項目文件夾中,打開app文件夾,創建App.js文件作爲一個組件,輸入以下內容 請注意,此處的文件名必須是大寫 import React from 'react' //此處我們定義了一個名爲App的組件 //

原创 js實現一個任務隊列

function EventQueue(delayTime) {   this._delayTime = delayTime || 20;   this._queue = [];   this._canRun = true }   Eve

原创 python之禪

    Beautiful is better than ugly.     Explicit is better than implicit.     Simple is better than complex.     Complex

原创 從零開始學React(3)——簡單介紹JSX語法糖

簡單介紹jsx語法糖 JSX不能直接運行,是被babel-loader中的React這個preset翻譯的 翻譯前 class App extends React.Component{ render(){

原创 從零開始學react(2)——編寫Hello World!

創建組件 在已有的項目文件夾中,打開app文件夾,創建app.js文件作爲一個組件,輸入以下內容 import React from 'react' //此處我們定義了一個名爲App的組件 //React 要求自定義組件必須是字母

原创 從零開始學react(1)——配置webpack

webpack配置 基本配置 新建文件夾,起名react1 打開終端,打開至文件夾,輸入命令:npm init 一路回車,直至完成 創建webpack.config.js文件,並在其中書寫以下內容(摘自官網) const path

原创 HTTPS工作原理

一、什麼是 HTTPS HTTPS,是以安全爲目標的HTTP通道,簡單講是HTTP的安全版。即HTTP下加入SSL層,HTTPS的安全基礎是SSL,因此加密的詳細內容就需要SSL。 現在它被廣泛用於萬維網上安全敏感的通訊,例如交易支付方面

原创 web開發的跨域問題

做過 web 開發的同學,應該都遇到過跨域的問題,當我們從一個域名向另一個域名發送 Ajax 請求的時候,打開瀏覽器控制檯就會看到跨域錯誤,今天我們就來聊聊跨域的問題。 1. 瀏覽器的同源策略 同源的定義是:如果兩個頁面的*協議,*端口(

原创 JavaScript高級面試

異步 一、什麼是單線程,和異步有什麼關係 單線程:只有一個線程,同一時間只能做一件事 原因:避免DOM渲染的衝突解決方案:異步 爲什麼js只有一個線程:避免DOM渲染衝突 瀏覽器需要渲染DOM JS可以修改DOM結構 JS執行的時候,瀏覽

原创 js實用方法

數組 arrayMax 返回數組中的最大值。 將Math.max()與擴展運算符 (…) 結合使用以獲取數組中的最大值。 const arrayMax = arr => Math.max(...arr); // arrayMax([10

原创 JavaScript在new的過程中經歷了什麼

舉一個栗子: function(name,age){ this.name = name; this.age = age; } let person = new Person('yy',18) 像上面這麼new 一個對象

原创 vue數據雙向綁定原理

vue數據雙向綁定是通過數據劫持結合發佈者-訂閱者模式的方式來實現的,我們可以先來看一下通過控制檯輸出一個定義在vue初始化數據上的對象是什麼。 var vm = new Vue({ data: { obj:

原创 理解JavaScript中的instanceof

理解JavaScript中的instanceof instanceof原理 我們先寫這樣一個例子 function Girl(){} Girl.prototype = {} function Boy(){} Boy.proto