原创 H5實現拍照上傳功能

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge">

原创 H5調取攝像頭攝像上傳的兩種方式

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge">

原创 react通過react-router-dom攔截實現登錄驗證

在使用react開發項目中,有些頁面需要登錄之後才能訪問,所以需要進行攔截,此處分享採用react-router-dom v4+redux+redux-saga+ant-mobile+axios技術來實現 Login.jsx impor

原创 vue調試工具Devtools不出現的解決方式

在使用vuex時,想直觀的查看數據state的變動,用Devtools可實現,但是在Google瀏覽器中開發調試的時候,右上角出現vue的圖標,但是在開發者工具中沒有出現vue調試(已在擴展程序中安裝 Vue Devtools) vue圖

原创 input框文字不垂直居中解決方案

可採用浮動的方式使input框文字垂直居中 <div class="info-content clearfix"> <div class="info-text">聯繫電話:</div> <input type="tel

原创 vscode之快速生成vue模板的配置

在vscode中點擊左下角的設置---用戶代碼片段---輸入:vue.json,將以下代碼複製保存,然後新建.vue文件,輸入:vue,回車即可。可按需自行添加內容。 { "Print to console": {

原创 vscode插件之Power Mode

Power Mode是一款炫酷的敲代碼插件,vscode擴展搜索Power Mode,然後用戶自定義配置Power Mode //用戶配置 {"powermode.enabled": true, "powermode.presets":

原创 相鄰div元素層設置margin引起的層級問題解決方案

需求:up和down層,down層margin-top:-100px; 目的:down層覆蓋up層100px <div class="up"></div> <div class="down"></div> 出現問題:up層覆蓋down層上

原创 vscode插件之背景插件(background)

vscode中點擊擴展,然後搜索background,點擊下載,然後用戶自定義配置 用戶配置 //"background.enabled": false,//卸載插件開啓 "background.useDefault": false,

原创 react打包放在服務器上出現空白頁(即文件路徑不對問題)

解決方式: https://stackoverflow.com/questions/38565538/create-react-app-css-and-js-path/ 在package.json中添加--- "homepage" :".

原创 通過create-react-app創建的react項目使用sass

step1:安裝sass npm install sass-loader node-sass --save-dev step2:配置sass 1、找到webpack.config.dev.js和webpack.config.pr

原创 React中配置跨域

在package.json中配置代碼可以實現跨域 1、確保你自己已經使用 npm run eject 命令,這個是生成本地webpack配置文件 2、package.json中配置如下代碼 "proxy": { "/*": {

原创 vue中使用jQuery

1、 npm install jquery --save   2、在webpack.base.config.js中添加 module.exports = { context: path.resolve(__dirname, '../')

原创 react使用react-hot-loader實現局部熱更新

Q:webpack-dev-server 已經是熱加載,爲何還要在 react 項目還要安裝 react-hot-loader 呢? A:其實這兩者的更新是有區別的,webpack-dev-server 的熱加載是開發人員修改了代碼,代碼

原创 react-router v4傳遞參數

注意:  路由表改變後要重啓服務      方式 一:          通過params         1.路由表中                     <Route path=' /user/:id '   component=