原创 安卓機的微信瀏覽器無法拍照

背景:html5開發的頁面,包含拍照或者選相冊上傳圖片功能 問題:頁面在安卓機的微信打開,只能選照片,不能拍照 我的代碼: //ios <input type="file" accept="image/*;" capture="ca

原创 h5 移動端調試工具

安裝 npm安裝 npm install vconsole --save 使用 在main.js中引入: import vConsole from 'vconsole'; const vConsole = new vConsole();

原创 https嵌套http頁面

背景 https頁面裏面使用iframe 嵌套了http的頁面,瀏覽器報錯,無法正常顯示我iframe嵌入的pdf文檔,鏈接是http的,瀏覽器會提示https裏面嵌入http的是不安全的,然後不能正常加載 百度到的解決方案一 百度說我

原创 git入門-Git 工作流

一、git 的三種狀態 在git中,有非常重要的三種狀態,已修改狀態,已暫存狀態,已提交狀態 已修改狀態,表明我們新建了某個文件或者修改了某個已經存在的文件,但是並沒有打算提交,這就是已修改狀態; 已暫存狀態,表明我們將已修改的文件,包含

原创 2018-07-13 javascript 入門

爲什麼要學習javascript javascript 是學習腳本語言的首選,他兼容性好,絕大多數瀏覽器均支持javascript,而且她功能強大,實現簡單方便,入門簡單,即使是程序設計新手也可以非常快速容易的使用javascript

原创 手把手教你在react中使用swiper做輪播圖

[TOC] 1.安裝swiper npm install swiper --save 2. 在輪播組件裏引入swiper //引入此路徑,纔不會打包失敗 import Swiper from 'swiper/dist/js/swi

原创 js中判斷一個字符串是否包含另一個字符串的方式

js中判斷一個字符串是否包含另一個字符串的方式 字符串的方法 方法一 indexOf() 推薦 var str = '123'; console.log(str.indexOf('2') !== -1); //true indexOf

原创 2018-07-13 reactjs的背景和原理

在Web開發中,我們總需要將變化的數據實時反應到UI上,這時就需要對DOM進行操作。而複雜或頻繁的DOM操作通常是性能瓶頸產生的原因(如何進行高性能的複雜DOM操作通常是衡量一個前端開發人員技能的重要指標)。React爲此引入了虛擬DOM(

原创 css3 Flex佈局

一、Flex 容器 採用Flex佈局的元素,稱爲Flex容器(flex container),簡稱‘容器’。它所有的子元素自動成爲容器成員,稱爲Flex項目(flex item),簡稱‘項目’。任何一個元素都可以指定爲Flex佈局。 di

原创 git入門-git簡介

一、什麼是git git是一種使用非常廣泛的分佈式版本控制系統。 什麼是版本控制系統? 大家在進行論文寫作的時候,一般會使用word,在最開始的時候一般會將文章保存爲最初版,後來經過修改可能會將論文保存爲修訂版,修訂版1,修訂版2,最後可

原创 如何在安卓瀏覽器上顯示pdf,而不需要下載

背景:有些協議是很複雜的表格形式給的,如果前端都自己轉換成標籤顯示會特別浪費時間,這是個沒有技術含量的苦力活,沒意義;所以呢,我們可以通過iframe 標籤來嵌套pdf文件展示 開發環境是Chrome+ ios手機,本地開發測試沒問題

原创 react組件中事件處理的幾種寫法,幾種寫法的區別,bind(this)傳自定義的參數

react組件中事件處理的幾種寫法,幾種寫法的區別,bind(this)傳自定義的參數 一、在React元素綁定事件要注意的兩點 在React中事件的命名要採用駝峯命名法,而不是原生dom中的小寫,如:onclick要寫成onClick,