原创 面試手寫方法
數組 //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