原创 React實現動畫錨點滾動效果,不改變路由

React實現錨點滾動,我個人用在填寫過長form表單信息時,提交有未填寫項,則自動滾動到對應信息位置。 使用scrollIntoView,H5新增API: https://developer.mozilla.org/zh-CN/docs

原创 H5頁面喚起指定app,有就喚起,沒有則跳轉下載頁

點擊按鈕,當已經安裝了app則調起,否則跳轉到應用寶或者App store下載頁面(普通瀏覽器兼容,微信有權限限制,只能每次跳轉下載頁) <!DOCTYPE html> <html> <head> <meta charset="U

原创 H5點擊生成圖片dome

最近琢磨想在移動端實現點擊按鈕保存圖片的功能。 在網上搜了好久,發現普遍的方法是:html2canvas.js實現把html轉圖片,canvas2image.js則實現圖片的下載。 把網上的案例套用之後發現html轉圖片沒啥問題,但是到

原创 react腳手架安裝命令行

淘寶鏡像命令: npm install -g cnpm --registry=https://registry.npm.taobao.org 1.全局安裝命令: cnpm install -g create-react-app 2.在

原创 js實現數字從1動態遞增到10

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js實現數字從1動態遞增到10</title> <script src="js/jquery-

原创 win10下MongoDB的安裝與配置

官網下載路徑: https://www.mongodb.com/download-center/community 下載完之後雙擊,一直next安裝,其中這一步選擇Custom 注:這裏取消Install MongoDB compas

原创 gulp-rev-collector自定義rev-manifest.json後綴格式

修改源碼,將common-1d6407e386.css文件命名格式改成common.css?v=1d6407e386 (1)打開node_modules/_gulp-rev/index.js 135行: //manifest[

原创 vue form表單數據提交

利用v-model能比較便捷地上傳用戶信息的數據,不用一個個參數地拼接。直接在data根據要傳的字段定義一個對象, 再利用雙向綁定得到值。下面寫了傳json格式跟formData格式的兩種情況,根據實際參考 <template> <

原创 css引入自定義字體 字體壓縮

隨便一個網站下載字體: https://www.fontke.com/   再隨便一個網站字體轉換格式: https://www.fontke.com/tool/convfont/   效果:   <!DOCTYPE html> <h

原创 vue keep-alive案例全教程

該dome一個案例是用keep-alive實現 'form表單' 點擊跳轉 '閱讀活動協議頁' 再返回表單數據不刷新進行緩存。 另一個是keep-alive實現 '信息列表頁' 滾動到某一位置點擊跳轉'詳情頁'再返回,保留列表上次滾動到的

原创 vue批量驗證form表單數據

批量驗證用戶表單欄是否爲空,正則判斷是否正確 參考文章: https://www.cnblogs.com/cengjingdeshuige/p/10185693.html  然後進行了部分代碼更改如下: <template> <

原创 gulp-autoprefixer運行時錯誤警告處理

gulp自動化打包中,使用gulp-autoprefixer能自動給css樣式添加兼容前綴,後面我想按api的寫法添加屬性設置時運行時出現了錯誤提示: 大概意思就是使用'browsers'導致了一些錯誤,如果確實需要使用選項,請將其重命

原创 用vue-cli3.0安裝腳手架

vue-cli 3.0 正式版於18年 8月10號發佈! 我電腦之前用的是vue-cli2.0,所以要先卸了2.0的先: npm uninstall -g vue-cli //卸載之前的 npm install -g @vue

原创 npm更新命令行

查看自己npm ,跟node版本: npm -v node -v 使用命令行升級npm: npm install npm@latest -g  

原创 Hbuilder將less自動編譯成wxss

在開發小程序的時候我用的是Hbuilder,因爲自己想用less預編譯css樣式,琢磨了下,發現了方法。 打開Hbuilder -> 工具(T) -> 預編譯器設置 把.css改成.wxss點擊確定就可以了