原创 初次使用hammer.js做卡片滑動效果

  項目新需求做卡片滑動的效果,因爲大多數的一些js插件庫是分開監聽X和Y方向的,但是hammer.js是監聽全方位,比較滿足項目需求,所以初次嘗試使用了下。大致如下: 具體的文檔可以參考hammer.js官方文檔: http://ha

原创 第三方app喚醒react-native項目

一、 安卓配置 在{項目}/android/app/src/main/AndroidManifest.xml文件下添加: <intent-filter>   <action android:name="android.intent.a

原创 react-native安卓splash適配劉海屏

安卓全面屏要18:9的splash圖 以後要換splash的時候記得要設計妹紙給一個1080x2160尺寸的splash圖,然後: {項目}\android\app\src\main\res\ 下建一個 drawable-xxhdpi-2

原创 git命令彙總(持續更新)

1、拉代碼庫git clone [代碼庫名]2、自己建分支git checkout -b [name]3、從[name]推代碼git push origin [name]4、拉別人建的分支git checkout -b [name] or

原创 對話框扇形跳動demo

用純CSS3做動畫效果:<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <meta name="viewport"

原创 總結css常用的樣式

會持續更新:1、強制文本換行div { word-break: break-all; word-wrap:break-word; white-space: normal; }2、input更改placeholder顏色/* WebKit

原创 react-native-splash-screen插件安裝apk發生crash

react native 使用 react-native-splash-screen插件,具體文檔: https://github.com/crazycodeboy/react-native-splash

原创 關於display:none;的圖片加載

1、如果元素有{display: none;}的樣式的話,標籤上的圖片會被請求加載,但是不會被渲染 例子:<style> .img-container { background-image: url(..

原创 ionic3對安卓硬件返回的處理

產品需求: 1、安卓手機在app根目錄頁面點一次返回提示“再點一次退出應用”,點按第二次直接退出應用 2、在其餘層級頁面(非根目錄頁面),點按安卓硬件返回上一級 問題: 查詢了很多資料,發現一般處理硬件都是在app.component

原创 解決ionic在手機上拍照圖片旋轉的問題

ionic項目使用手機拍照後圖片在安卓手機上顯示是旋轉了90度的,這個時候需要藉助外部js-----exif.js 1、先下載 exif.js 到項目中,用 npm 命令行: npm install exif-js --save 2

原创 ionic安卓打包流程(以Windows爲基礎配置的流程)

1、打包安卓包首先要安卓Java的JDK,以及配置好環境變量   下載JDK的鏈接見下:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133

原创 ionic問題總結

跟着ionic走了幾個項目,也碰到了不少問題,準備慢慢開始整理出來,這篇文章不出意外的話,應該會不定時更新:1、如何不讓splash頁面自動消失 config.xml頁面配置: <preference

原创 notepad++安裝emmet和python script的方法

事情是這樣的,某天我師父對於我還在手打+複製黏貼code呈現了一種驚悚的表情,大概是這樣的╮(0▽0)╭,咳咳,因此度娘之後,查找了notepad++安裝插件的方法,果然安裝了以後,code起來都感覺像早上第一泡翔一樣,爽的飛起來。。。。

原创 彙總前端會用到的技術文檔地址(持續更新)

1、各類文檔翻譯版彙總 https://www.docschina.org/ 2、jQuery文檔地址 http://api.jquery.com/ 3、Typescript中文地址 https://www.t