原创 彈性佈局flex

佈局的傳統解決方案,都是基於盒狀模型。它依靠display,poristion,float來實現。對於有一些佈局想實現就特別不方便,如:垂直居中 Flex,即flaxible box,彈性佈局的意思,用來爲盒狀模型提供最大的靈活性

原创 window.onresize獲取窗口的變化

獲取瀏覽器窗口的變化事件 有時候我們的組件要求根據窗口的變化進行相應,但是我貌似沒有見過可以監聽瀏覽器窗口變化的事件。 通過這幾天百度搜索,發現window.onresize函數可以監聽到窗口的變化: window.onresi

原创 jQuery事件綁定與事件委託

在jQuery類庫中,事件綁定與事件委託的用法受到了廣泛的關注。不僅如此,這還成了當今前端攻城獅的 熱門面試題目。十次面試有七八次會問到這個問題,因此,瞭解掌握事件的綁定和委託,還是比較重要的。 冒泡 衆所周知,HTML的DO

原创 Cocos Creator基本結構

Cocos Creator 的工作流程是以數據驅動和場景爲核心的,初次打開一個項目時,默認不會打開任何場景,需要先打開場景資源文件 項目分解 場景中的內容會按照工作流分別呈現在資源管理器,層級管理器,場景管理器,屬性檢查器四個核心面板中。

原创 React使用context傳遞數據

使用Context不用依賴父子關係傳遞數據 在React開發中,我們經常使用props來進行父元素到子元素的數據傳遞,如果兄弟元素之間數據傳遞,那就需要先將數據傳遞到父元素然後再傳遞到另一個元素中,但是如果兩個元素之間不是緊密的父子關係數

原创 Validator.isEmpty與lodash/isEmpty

validator主要是用來對字符串進行校驗的,包括很多我們常用的校驗方式,比如判空或比較等常用校驗方式: import validator from 'validator'; validator.isEmpty(use

原创 Vue爲<img />綁定動態url

在爲img元素設置動態的url時,遇到了問題: <img v-for="item in 10 " :key="item" src="item.png"/> 原本意思是,根據ite

原创 使用gh-pages將項目部署到github上

使用gh-pages將項目部署到github上 1 安裝gh-pages到項目中 sudo nom install gh-pages --save-dev 2 設置package.json: //配置homepage

原创 Cocos腳本開發

創建和使用組件腳本 在Cocos Creator中,腳本也是資源的一部分。 在資源管理器中創建選擇Javascript來創建一份組件腳本 添加腳本 在節點的屬性檢查器中,點擊“添加組件”按鈕,選擇添加用戶腳本然後喧雜需要的腳本組件添加就

原创 vue與style綁定

在vue中,我們通常使用動態值來設置style,比如:動態設置background-image.我們需要修改url的值,我試過不少辦法 <p style="background:{{color}}"></p> <p sty

原创 React使用高階組件來重構代碼

React高階組件 有時候,我們的組件中可能有很多的組件基本內容一樣,只是其中某一部分不同,或者是請求地址不同,或者是組件中的處理方式不同,我們可以使用高階組件,來進行重構,讓代碼看起來更加簡潔高大上。 比如有以下兩個組件: //

原创 Vue-cli項目獲取本地json文件數據

在自己做的vue demo項目中,我想通過在本地添加一些json數據,寫到json文件中,並且通過異步請求獲取到,然後加載數據。 axios.get('http://localhost:8080/datas/json') 然而在這

原创 angularjs-$destroy

在Angularjs開發中,經常需要用到刷新頁面內容,自己的技術不高,就想到了使用$interval的方法,定時調用API, let timer = $interval(()=> { //Do something.

原创 vue異步組件

vue開發過程中,我們會做出特別多特別多的組件,包括login,header,footer,main等等。 這樣使整個網站看起來就十分的龐大,當我們在打開網頁的時候,突然一下子把這些所有的組件加載上來,這麼多的請求全部同時開始請求,勢必

原创 Texture packer在製作圖集中的優化方法

  免責申明(必讀!):本博客提供的所有教程的翻譯原稿均來自於互聯網,僅供學習交流之用,切勿進行商業傳播。同時,轉載時不要移除本申明。如產生任何糾紛,均與本博客所有人、發表該翻譯稿之人無任何關係。謝謝合作! 前言:這篇文章是我翻譯的第一