原创 《開發之旅》學習筆記:遊戲界面手動打造菜單基礎元素

one,two,three,four,five爲menu上的不同的item創建方法。 alignItemsVerticallyWithPadding爲其中一種對齊方式,其他對齊方式包括:menm.alignItemsHorizontall

原创 3、vuejs數據綁定

參考鏈接:http://cn.vuejs.org/guide/syntax.html 筆記 文本:{{msg}} 一次性文本 : {{*msg}} HTML : {{{ html }}} html特性 : <div id

原创 使用HTML5 FILE API上傳圖片移動端縮略圖兼容問題

我什麼都不說,上代碼: <!DOCTYPE html> <html> <head> <title>pc和手機端的圖片上傳處理</title> <meta charset="utf-8" /> <meta name="viewport

原创 《開發之旅》學習筆記:重力感應事件

監聽事件的時候使用的是是cc.eventManager.addListener,包含兩個參數,一個是監聽的事件,一個是節點。 第一個參數對象中,除了觸發事件外,要聲明是何種event 重力感應事件有兩個返回參數accelerometer

原创 swiper 3出來了,還有動畫,做場景應用更簡單了

http://www.swiper.com.cn/usage/animate/index.html http://www.swiper.com.cn/

原创 其實canvas真的很簡單,複雜的部分其實是你的創意

江湖上流傳開來的除了牛叉的"H5",還有牛叉的canvas應用。 canvas是html5的一部分,當然他們說的H5也並不是html5的意思,只是表示在手機瀏覽器中,更俠義的是在微信瀏覽器中打開的酷炫的網頁。 曾幾何時,我也覺得canva

原创 把svg的polygon轉爲path的方法和調整形變的方法

發現自己很久沒有寫博客了,所以現在每天都提醒自己,今天有什麼收穫,今天有什麼值得記錄一下的。 這篇博客就來說一下最近有個項目有用到svg地圖中遇到的一個問題:設計師導出svg之後,是用的polygon,但是ammap裏面的地圖是用path

原创 使用FACE++的SDK來做一個顏值計算器

DEMO地址:http://www.gbcphp.com/fly/myface/ FACE++的地址:http://www.faceplusplus.com.cn/ 前記:前段時間,關於人臉識別的應用挺火的,比如檢測年齡的啦,還有顏值計

原创 footer適應在窗口或者頁面底部的css實現方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt

原创 Object.create polyfill 方法

Object.create創建一個擁有指定原型和若干個指定屬性的對象。但是並不是所有瀏覽器都支持,目前IE瀏覽器IE9以上支持。 if (typeof Object.create != 'function') { // Pro

原创 使用grunt來無損壓縮圖片

作爲一個前端工程師,或者web開發工程師,圖片是你無法忽視的一個東西,沒有一本優化方面的書不會提及圖片的優化。 pagespeed裏面,首當其衝的也是提示你的圖片需要優化。 之前有做過很多嘗試,處理png圖片等,可以查看以前的博客:優化p

原创 用css3解決移動端頁面自適應橫屏豎屏的思考

之前對於橫屏的webapp做過一些嘗試,但是始終不是很好的解決方案,前段時間又接觸了類似的需求,嘗試了感覺更好的解決方案。 之前的方法寫的博客:移動網頁橫豎屏兼容適應的一些體會 這裏舉的例子還是平時常見的移動端的滑動頁面,也就是上下切換頁

原创 2、vuejs五臟

new Vue({ el: '#app', data: { newTodo: '', todos: [ { text: 'Add some todos' } ] }, methods:

原创 Android 4.x touchmove事件兼容問題

時隔已久,沒有寫技術博客了。對於過去的2016年,總的來說是迷茫、掙扎、痛苦的。2017年,開端貌似不錯,可能正視了自己的挫折,也稍微擺正了自己的態度吧 進入主題:Android 4.x touchmove事件兼容問題。 在開發

原创 堆疊相冊效果,兼容pc和移動端

在手機端,堆疊效果的相冊是比較常見的一種圖片展示方式,每個人的思路可能會有一些不同,實現的方法不同。 本篇博客主要是分享下我的實現方法,歡迎大家提出建議,指出我的不足,先3Q啦~ 先看一下最終的效果圖: 思路和原理分析: 1、首先是