原创 flutter 入坑筆記

flutter for android 環境搭建(ubuntu) 安裝 Android 開發環境 安裝jdk8. 配置環境變量:我使用的是"zsh",所有編輯的是"~/.zshrc" # java export JAVA_HOME=$

原创 基於 vw 單位的移動端適配方案學習筆記

基於 vw 單位的移動端適配方案學習筆記 回顧並總結一下移動端適配的一些知識 前提要求 "head"裏添加"meta" <meta name="viewport" content="width=device-width, initial

原创 react 項目模板

根據自己常用的一些配置和需求,制定了一個項目模板基於 creat-react-app v2.x 搭建的項目模版以後會持續更新,不過頻率不會很高 項目名地址 gitee 技術棧 react react-router mobx less(cs

原创 基於react+koa的圖片驗證碼

滑動圖片驗證碼 基於 react 和 koa2 的一個圖片滑動驗證碼 效果圖 使用 git clone https://gitee.com/darcrandex/image-code.git // 前端 cd image-code/cli

原创 canvas 波浪效果

基於canvas的三次貝塞爾曲線(bezierCurveTo) <canvas id="myCanvas"></canvas> <script> var WAVE_HEIGHT = 200 //波浪變化高度 var SCA

原创 基於react的滑動圖片驗證碼組件

業務需求,需要在系統登陸的時候,使用“滑動圖片驗證碼”,來驗證操作的不是機器人。 效果圖 使用方式在一般的頁面組件引用即可。onReload這個函數一般是用來請求後臺圖片的。 class App extends Component {

原创 表單選項互斥問題(vue)

最近有一個需求:表單中有3個多選框,而他們的選項是一樣的,但是如果其中一個選項被選擇之後,在另外2個多選框裏面就不能再選了。這樣的問題,讓我想到了“將乒乓球放入不同盒子”的例子。 上代碼 // index.html <!DOCTYPE h

原创 詳解android 中文字體向上偏移解決方案

這篇文章主要介紹了詳解android 中文字體向上偏移解決方案,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧 在開發 webapp 時,發現在 android 端的中文會莫名其妙的向上

原创 android 中文字體向上偏移解決方案

android 中文字體向上偏移解決方案 在開發 webapp 時,發現在 android 端的中文會莫名其妙的向上偏移。爲了解決這個問題,嘗試了很多方法,最後使用以下解決方案。 1.bug 出現 目前在開發 webapp,在調試的時候,發

原创 react-router 路由切換動畫

路由切換動畫 因爲項目的需求,需要在路由切換的時候,加入一些比較 zb 的視覺效果,所以研究了一下。把這些學習的過程記錄下來,以便以後回顧。同時也希望這些內容能夠幫助一些跟我一樣的菜鳥,讓他們少走些坑。可能我對代碼的表述不是很到位,希望大家

原创 react項目創建流程

react 項目搭建 系統: windows 1.安裝 node node 下載地址.一路 next 如果遇到 windows 沒有權限安裝 msi 文件.打開 cmd,運行msiexec /package 文件路徑. 查看是否安裝成功,打

原创 js判斷是否可以打開本地軟件

js 判斷是否安裝插件 最近遇到一個需求:點擊一個按鈕,然後打開本地的軟件。類似一些網站打開 qq 一樣。但是後來遇到一個問題,如果本地沒有安裝這個指定的軟件,則無法打開。所以需要判斷當前的電腦是否已經安裝指定軟件,如果已安裝,則打開軟件;

原创 react-native-camera 遇坑筆記

在 react-native(android 端)使用react-native-camera 參考文檔 官方文檔 react native 增加 react-native-camera bug1: Could not find met