原创 使用vue-cli3搭建Vue+TypeScript項目

一、首先安裝Vue cli npm install -g @vue/cli # OR yarn global add @vue/cli 安裝好,之後,可以使用 vue --version 查看下版本 二、搭建項目及其配置 vu

原创 添加遮罩時禁止滾屏,同時已經滾動的頁面不會跑到最頂部去然後劃不動

1,彈出遮罩層之後,給body 加overflow:hidden,這樣會導致一個問題,是已經滑動的頁面,會重新滑動到頂部,這種體驗效果是很差的。 2,第二方案,首先給body自己一個overflow:auto,然後在執行操作1。但是在IO

原创 IOS-iframe 嵌套某一個頁面,點擊跳轉下一個頁面不能操作頁面中的任何事件

由於是使用banner,將活動詳情頁面展示 在項目中,就使用了iframe嵌套活動詳情。 活動詳情中有一個按鈕可以跳轉到另外一個頁面。IOS系統中, 跳轉之後,發現跳轉的那個頁面不能操作任何時間,後來發現是iframe標籤中,overfl

原创 ajax、axios、fetch的區別

1. ajax 使用步驟 創建 XmlHttpRequest 對象 調用 open 方法設置基本請求信息 設置發送的數據,發送請求 註冊監聽的回調函數 拿到返回值,對頁面進行更新 //1.創建Ajax對象 if (wind

原创 用純CSS寫一個左右滑動的開關按鈕

/*關閉狀態*/.dashDiv{ float: right; border-radius: 1.8667rem; border: 0.03rem solid #cbcbcb; background-col

原创 將JSON對象、數組的值賦給另外一個對象,(互不影響) 對象賦值

如代碼所示,因爲JSON對象如果用=來進行賦值的話, 類似a=b,你的本意是想修改b裏面某個key對應的value,不動a裏面的值,用=的話,a、b都修改了, 所以可以重新對應的給另外一個賦值。 function getObjectVal

原创 JS獲取智能機瀏覽器版本信息

var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; re

原创 HTML5 圖片下邊界出現空隙,去除空隙的解決方法

圖片img下方出現空隙,且找不到空隙被哪一個元素佔用,無緣無故多了空隙,影響樣式設計的解決方法? 1,給<img>元素添加樣式:display:block; <img style="display: block" src="../..

原创 將本地項目上傳到gitLab

具體步驟如下: 1. 登錄 gitLab賬號,成功創建一個項目文件,並生成https地址 2.打開本地項目,初始化git $ git init 3.將本地git和服務器上的連接(確保項目沒有其他遠程連接的服務器端口) $ git remo

原创 highcharts插件中,在外部點擊一個按鈕或者別的時間,可以鏈接highcharts上點擊事件

我是用highcharts插件來寫這種曲線圖或者折線圖或者面積曲線圖,由於需要背景顏色和曲線,就用到了面積曲線圖。 1,數據是動態獲取的,在demo中,直接現將數據寫成靜態數據,後面將會獲取動態數據,這個應該很簡單。在需求中,有八組數據

原创 MVC和MVVM模式的區別

1,MVC (Model-View-Controller) M - Model :數據保存 V - View : 用戶界面 C - Controller : 業務邏輯 MVC ,用戶操作> View (負責接受用戶的輸入操作)>Contr

原创 Css 精靈圖(雪碧圖) 圖片大小顯示

Web 項目使用的JQuery框架,項目時間比較久了,圖片積累下來,大概光圖片就有一兩百個,爲了減少網絡請求數量和加載時間,項目做一個統一的規整,將小圖標全部放在精靈圖(雪碧圖)上。 兩百多個小圖標,對於UI設計師來說,應該也滿多大,後來

原创 highCharts去掉圖表官網標識鏈接和導出按鈕

1,去掉圖表官網標識鏈接 credits: { enabled: false } 2,去掉導出按鈕 exporting: { enabled:false }

原创 將字符串中的空字符串去掉

str.replace(/^\s+|\s+$|\s+/g, ''); \s: space, 空格+: 一個或多個^: 開始,^\s,以空格開始$: 結束,\s$,以空格結束|:或者/g:global, 全局replace() 替換

原创 replace 如何分別替換第一次匹配和所有匹配之後得到的字符串

JSAPI中,對於replace()方法的描述是這樣的:replace() 方法用於在字符串中用一些字符替換另一些字符,或替換一個與正則表達式匹配的