原创 uni-app H5實現複製功能
原文鏈接：http://ext.dcloud.net.cn/plugin?id=415 插件市場：http://ext.dcloud.net.cn/plugin?id=415 在main.js中
2019-08-28 20:11:13
3
原创 CSS3實現左右擺動和上下滑動
1、上下滑動 #award { position: absolute; top: 30px; left: 365px;
2019-08-07 19:29:43
51
原创 react配置環境及webpack配置實現熱替換
1.根目錄下建一個webpack.dev.js，設置好入口出口文件等內容。 2.npm init,生成package.json,其中會顯示你所安裝的依賴，然後對應可以找出少了哪些你需要的依賴。 3.安裝缺少的react包。 npm ins
2019-06-19 20:32:54
1
原创 基於uni-app的緩存器
在前端開發應用程序中，性能一直都是被大家所重視的一點，然而判斷一個應用程序的性能最直觀的就是看頁面打開的速度。其中提高頁頁面反應速度的一個方式就是使用緩存。一個優秀的緩存策略可以縮短頁面請求資源的距離，減少延遲，並且由於緩存文件可以重複利
2019-06-18 19:48:34
1
原创 uni-app通過生成UUID，生成圖形驗證碼
S4() { return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1); }, guid() { return (this.
2019-06-17 20:03:10
16
原创 如何用js得到當前頁面的url信息方法
1，設置或獲取對象指定的文件名或路徑。 alert(window.location.pathname) 2，設置或獲取整個 URL 爲字符串。 alert(window.location.href); 3，設置或獲取與 URL 關聯的端
2019-06-10 22:29:00
原创 關於H5在移動端架構的優化設計總結
各大互聯網公司採取的策略 一、百度移動前端首頁 1. 對於首屏的靜態文件css/js,在上線前全部編譯直出到HTML文件中；整個首頁的渲染只需要一次請求； 2.使用緩
2019-06-10 22:29:00
原创 解決div裏面img圖片下方有空白的問題
在開發的過程中，我發現插入一張圖片後，下面想緊跟着一個帶背景色的div，不管我怎麼折騰他都有一條白邊。後來研究了一下發現自己對img標籤瞭解的真不夠深入。 image.png html代碼： <body> <header>
2019-06-10 22:29:00
1
原创 uni-app打包H5出現“網絡不給力，點擊屏幕重試”
這是uni-app默認在弱網或者斷網的情況下反饋出來的。可以在manifest.json中延長時間來解決問題。 部分代碼： "h5": { "title": "演示", //頁面標題，默認使用 manifest.j
2019-06-10 22:29:00
25
原创 vue項目部署上去之後刷新非首頁出現404
修改Nginx配置：（親測有效） server { listen 80; server_name localhost; index index.html; root /root/dist; location / {
2019-04-18 19:46:01
原创 CSS字體樣式
樣式一： body { margin: 0; padding: 0; line-height: 1.5em; font-family: "Times New Roman", Times, serif;
2019-04-17 19:29:22
原创 uni-app踩坑記錄，持續更新。。。
1、使用uni-app自帶的tabBar，當點擊過一次之後就不會刷新的問題: 將onLoad裏的方法全部移到onShow裏面去 2、去掉頂部導航欄
2019-04-12 19:45:00
原创 Flex佈局
首先要有個容器，並設置display:flex;display:-webkit-flex;該容器有以下六個屬性： 1 2 3 4 5 6 7 8 9 10 11 12 flex-direction (元素排列方向) row,
2019-03-29 19:37:01
原创 移動端真機調試
轉載自https://segmentfault.com/a/1190000018613578 移動端調試困難 很多時候，我們在進行移動端開發時，都是先在PC端使用手機模擬器進行調試，沒有問題後，我們纔會在手機端的瀏覽器進行測試，這個時候，
2019-03-26 19:31:16
原创 簡單理解深拷貝和淺拷貝
var a = 0; var b = a; a=1; console.log('b='+b); // b=1 淺拷貝只是複製了對象的引用地址，兩個對象指向同一個內存地址，所以修改其中任意的值，另一個值都會隨之變化。 va
2019-03-24 19:28:04