手札精品文章

• 

  laravel使用手札——使用PHPStorm提升開發(fā)速度

  PHPStorm安裝 PHPStorm 使用手札——安裝看這里 代碼自動(dòng)提示支持 laravel引入laravel-ide-helper能為PHPStorm提供相應(yīng)支持 composer require barryvdh/laravel-ide-helper 添加以下代碼到config/app.php的providers里 BarryvdhLaravelIdeHelperIdeHelperServ...

  caozhijian 2019-07-01 12:14 評(píng)論0 收藏0
• 

  js手札-reactjs生命周期

  生命狀態(tài)： Mounting：已插入真實(shí)DOM節(jié)點(diǎn)Updating：正在重新渲染Unmounting：已經(jīng)移出真實(shí)節(jié)點(diǎn) Mounting Updating 大致順序： 兩個(gè)掛載： componentWillMount() 1、服務(wù)端和客戶端都只調(diào)用一次 2、在初始化渲染之前調(diào)用 所以，如果這里...

  noONE 2019-08-21 10:53 評(píng)論0 收藏0
• 

  js手札--redux簡(jiǎn)單學(xué)習(xí)[ store, action, reducer ]

  Redux簡(jiǎn)單學(xué)習(xí) - [ store, action, reducer ] 前言 redux是一套state流的處理機(jī)制。 主要有三要素： store 【長(zhǎng)官】 管理狀態(tài)，給某個(gè)士兵發(fā)命令 action 【命令】 一種長(zhǎng)官和士兵之間溝通的方式 reducer 【士兵】 ...

  wyk1184 2019-08-19 18:23 評(píng)論0 收藏0
• 

  js手札--bind

  bind { 解決問題：callback() { this ? //誰在用 }} function callback() { console.log(this); } function foo(cb) { cb(); } foo(callback); // 輸出的this是誰的呢？ => 全局window的 foo(callback.bind(callback)); // 輸...

  RancherLabs 2019-08-19 18:19 評(píng)論0 收藏0
• 

  js手札--關(guān)于事件冒泡與事件捕獲

  一、冒泡和捕獲 事件執(zhí)行：子元素在執(zhí)行某個(gè)事件的前后，會(huì)引起上層元素觸發(fā)相同事件。例：我點(diǎn)擊了div，那么不光div會(huì)執(zhí)行click事件，上層的body和html等等也會(huì)執(zhí)行click。 冒泡與捕獲解決了：事件執(zhí)行順序由誰開始，由誰...

  lentoo 2019-08-19 18:35 評(píng)論0 收藏0
• 

  js手札--redux簡(jiǎn)單學(xué)習(xí)（二）

  redux簡(jiǎn)單學(xué)習(xí)（二） redux簡(jiǎn)單學(xué)習(xí)[ store, action, reducer ] 1. combineReducers combineReducers，合并多個(gè)reducer 如有下面兩個(gè)reducer，todoApp，textApp // reducers/todoApp.js export default function todoApp(state, action) { ...

  Anleb 2019-08-19 18:24 評(píng)論0 收藏0
• 

  js手札--js中new到底做了些啥

  new的三個(gè)步驟 舉個(gè)例子： # 正常創(chuàng)建一個(gè)對(duì)象 function Super() {}; var s = new Super(); 以上其實(shí)等價(jià)于3個(gè)步驟 # 3個(gè)步驟 var s = {}; s.__proto__ = Super.prototype; Super.call(s); # 注：1.2兩步，其實(shí)就是Object.create(Super.prototype); 1.創(chuàng)建一個(gè)空對(duì)...

  3fuyu 2019-08-20 11:11 評(píng)論0 收藏0
• 

  前端開發(fā)手札fis篇——關(guān)于部署目錄的問題

  用了差不多一年多的fis，感覺他比其他構(gòu)建工具更容易上手，擴(kuò)展插件也比較多。但是詬病也是有的，比如接下來要說的部署問題，雖然fis3本身也有比較好的方案解決（設(shè)置url參數(shù)），但是對(duì)于部署不是給內(nèi)部同事對(duì)接而是...

  goji 2019-08-20 10:24 評(píng)論0 收藏0
• 

  前端臨床手札——文件上傳

  文件上傳基本是學(xué)習(xí)前端路上必定遇到的例子，然而網(wǎng)上能找到的都是單單滿足上傳這步的案例。大多文章之所以只說上傳這步估計(jì)是簡(jiǎn)單易入門，但是實(shí)際工作時(shí)就會(huì)發(fā)現(xiàn)上傳文件這個(gè)功能上是簡(jiǎn)單的，邏輯上卻比較復(fù)雜...

  SexySix 2019-08-19 18:07 評(píng)論0 收藏0
• 

  vue手札 -- vue-router的簡(jiǎn)單流程

  因?yàn)槁酚蓹?quán)限問題，簡(jiǎn)單的看了一下vue-router。整理了一下router的一個(gè)簡(jiǎn)單過程 beforeEach -> canReuse -> canDeactivate -> canActivate -> deactivate -> afterEach -> activate 其中canDeactivate | canActivate | deactivate | activate這幾個(gè)鉤子涉...

  zqhxuyuan 2019-08-20 11:18 評(píng)論0 收藏0
• 

  前端臨床手札——在微信播放視頻的那些事

  某天收到舊同事的信息說希望我?guī)褪肿鲆幌乱粋€(gè)簡(jiǎn)單的H5，然后我看了看的確很簡(jiǎn)單： 就是圖片滾動(dòng)到最后自動(dòng)播放視頻，播完顯示個(gè)按鈕交互。 然而我真的太天真，微信瀏覽器怎樣會(huì)讓你這樣好過！ 問題集中于自動(dòng)播放視...

  _Zhao 2019-06-21 16:15 評(píng)論0 收藏0
• 

  前端臨床手札——單元測(cè)試

  最近博主工作是和另一枚后端合作，但是經(jīng)常發(fā)現(xiàn)他寫的接口出錯(cuò)，苦逼連連。感覺不能這樣下去就學(xué)寫一下單元測(cè)試，等他更新代碼我都跑一遍確認(rèn)一下，這樣工作安心多了。 經(jīng)過博主一番查找，貌似被推薦比較多的有moch...

  kid143 2019-08-19 18:17 評(píng)論0 收藏0
• 

  前端臨床手札——單元測(cè)試

  最近博主工作是和另一枚后端合作，但是經(jīng)常發(fā)現(xiàn)他寫的接口出錯(cuò)，苦逼連連。感覺不能這樣下去就學(xué)寫一下單元測(cè)試，等他更新代碼我都跑一遍確認(rèn)一下，這樣工作安心多了。 經(jīng)過博主一番查找，貌似被推薦比較多的有moch...

  godlong_X 2019-05-29 16:57 評(píng)論0 收藏0
• 

  前端實(shí)驗(yàn)手札——拖拽旋轉(zhuǎn)圖片的實(shí)現(xiàn)及思路

  讓我們來看看以下這道題： 已知點(diǎn)A(x1,y1)和點(diǎn)B(x2,y2)，求兩點(diǎn)求與圓點(diǎn)O(x0,y0)的夾角θ的角度：∠θ=arctan[(y2-y0)/(x2-x0)]-arctan[(y1-y0)/(x1-x0)] 是否有股熟悉的味道？涉及的數(shù)學(xué)知識(shí)是初中便開始教的三角函數(shù)。在拖拽旋轉(zhuǎn)圖片的實(shí)...

  tianren124 2019-08-23 11:31 評(píng)論0 收藏0