原创 VUE筆記之 keep-alive , slot , $emit , props ,refs , eventbus,router,v-bind:src 路由獲取參數,右擊，阻止默認行爲和冒泡

vue中使用less 安裝less依賴，npm install less less-loader --save   vue項目優化之通過keep-alive數據緩存的方法 <keep-alive>是Vue的內置組件，能在組件切換過程中將狀

2020-07-03 01:15:00 2

原创 react state 生命週期詳解 props-type Children

不能直接修改state //錯誤 this.state.title='React'; 正確修改方式是使用setState（）； //正確 this.setState({title:'React'}); 也可以使用另一個函數作爲參數的se

2020-07-03 01:14:50 2

原创 簡單的websocket服務

socket_service.js  (node版本) let ws = require('ws'); let socketServer = ws.Server; let uuid = require('uuid'); let wss

2020-07-03 01:14:50

原创 vue watch nextTick 獲取參數

在vue中，使用watch來響應數據的變化。 1:普通的使用方式 <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityNa

2020-07-03 01:14:50 1

原创 VUE組件中data屬性雙向綁定的原理源碼部分解讀

// src/core/instance/state.js // 初始化組件的state export function initState (vm: Component) { vm._watchers = [] const o

2020-05-19 01:34:44

原创 web前端面試的模糊問題

Ajax 的原理是什麼？有什麼優缺點？ Promise 的原理是什麼？請你手寫一個 Promise 出來 Http 2.0 做了哪些升級？ TCP 與 UDP 的區別？ MVC 與 MVVM 的區別？ 實現對象深度拷貝的方式？ html5

2020-05-09 21:43:51

原创 vue 父子組件傳遞數據的幾種方式 props，$emit, eventbus, provide/inject

1：常用的是props和$emit的方式來處理，也是最常用的方式     a:父組件傳值到子組件 父組件 <parent>     <child :message="msg"></child> </parent> data(){  

2020-04-29 18:25:28

原创 css小技巧

  一、meta基礎知識 01、H5頁面窗口自動調整到設備寬度，並禁止用戶縮放頁面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-s

2019-09-15 13:14:42 3

原创 前端面試點收集

bind call apply   三個函數的認識   是否能自己實現 web前端的requestAnimationFrame瞭解麼  有使用過麼   說一下使用場景 web前端優化 前後端跨域可以說一下麼   有碰到過跨域問題麼，怎麼去

2019-08-17 13:14:03

原创 javascript 箭頭函數

箭頭函數的特點 1:箭頭函數只有一個參數的時候，可以省略參數的圓括號 2:當箭頭函數的語句只有一個return語句的話，可以同時省略return和外面的大括號 3:箭頭函數不能被當作構造函數來使用，不能使用new 4:箭頭函數不綁定thi

2019-07-30 13:13:30

原创 Vue 自定義組件

Vue實現的無限極菜單 注意點 1：點擊的展開或隱藏的時候  會有事件捕獲  所以需要@click.stop   來阻止事件捕獲 2:  在獲取的數據裏面設置一個標誌  值爲boolean  來做展示或者隱藏的功能 3:  無限極涉及到遞

2019-03-29 13:14:09

原创 淺談WebPack打包流程，原理

shell 與 config 解析 每次在命令行輸入 webpack 後，操作系統都會去調用 ./node_modules/.bin/webpack 這個 shell 腳本。這個腳本會去調用 ./node_modules/webpack/

2019-03-24 16:07:13

原创 移動端常見的兼容性問題

一般上傳的視頻都沒法佔滿video，看起來很不美觀，解決辦法很簡單 video{ object-fit:fill; } 上傳圖片，支持預覽 html <input type="file" name="" class="upload-pi

2019-03-23 13:14:03

原创 react refs event

有一些場景很適合使用refs：     1.管理焦點，文本選擇，或者媒體播放     2.觸發命令性動畫     3.和第三方DOM庫集成 創建和訪問refs的幾種方法 class Login extends Component{

2019-03-22 13:15:16

原创 promise fetch

promise promise是一個對象，從它可以獲取異步操作的消息，promise提供了統一的API，各種異步操作都可以用同樣的方法進行處理。 promise對象的特點 （1）對象的狀態不受外界影響，promise對象代表一個異步操作，

2019-03-19 16:13:22