原创 gitlab與github同時使用-工作小結

平時在公司都是使用的gitlab,今天想要再配置一個GitHub倉庫,遂有此文,純粹按自己理解記錄一下,有不對的地方請指正 一、密鑰生成 不同平臺對應不一樣的密鑰,所以首先肯定要再在電腦生成一個新的對應github賬號的密鑰,然後

原创 JavaScript四種數據集合整理小結1_Set

Array Array 構造器會根據給定的元素創建一個 JavaScript 數組 Object Object 構造函數爲給定值創建一個對象包裝器。 Set ES6 提供了新的數據結構 Set。它類似於數組,但

原创 canvas畫波浪模擬管道水流方向

目錄首先看一下效果圖吧前言準備工作1.波浪線基礎2.波浪線滾動3.座標系旋轉4.ocanvas思路畫管道內波浪自定義波浪位置代碼 首先看一下效果圖吧 前言 因爲公司有個小項目,在管道上畫出水流的方向,所以在此大致記錄一下使用canv

原创 CSS祕密花園:磨砂玻璃效果

效果如下:轉載 自  https://www.w3cplus.com/css3/css-secrets/frosted-glass-effect.html<!DOCTYPE html> <html> <head> <meta char

原创 vue裏使用百度地圖的2種方法

最近項目裏需要用到百度地圖,整理2個方法: 普遍的方法是: 1.index.html 中引入 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0

原创 使用原生js和jquery 對 ul 中的li進行隨機排序

html代碼: <ul id="foo"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> javascript代碼: var ulEle = docu

原创 firefox 下使用html5拖拽會自動打開新標籤的解決辦法

使用html5的拖拽,但是firefox卻會彈出新標籤,以下是個人愚見: 之前網上查找到說 使用禁止默認事件  event.preventDefault(); 但是寫在相應代碼裏面卻還是有新標籤彈出來。 又查詢到可以將dataTra

原创 null ,"null",undefined判斷

null,NULL,”null”,undefined 後臺返回值的時候常有返回值是null,或者”null”甚至是不返回的情況,所以前臺獲取數據的時候就要加以判別再進行處理,以下是工作中的小總結。 undefined 如果是undefin

原创 函數聲明,函數表達式,塊級作用域小結

前端小白一更 今天做完了工作任務開始看看大牛們的文章,總結一下下學習到的知識。 一、ES6 -> let 阮大神的文章特別值得讀一讀http://es6.ruanyifeng.com/#docs/let 寫的特別詳細 知識點:

原创 Vue自定義slot寫消息提示小紅點

先上效果圖: 我是用的elementUI結合作用域插槽, 先寫slot,直接用的模板定義 <script type="text/x-template" id="tipnotes"> <span> <slot

原创 後臺獲取的json數據轉換成樹結構數據

今天遇到一個問題,前臺頁面所需數據格式是樹結構格式,類似下圖1,但是後臺返回數據格式是卻是無序的json數組,如圖2 解決思路: 首先,我遇到的問題是後臺返回的每條數據是缺少父級Id的,所以需要遍歷增加上去。 其次,遍歷數據時需要按照父

原创 關於echarts-formatter 數據格式化小結

一、tooltip中的數據格式(數據點的懸浮框)tooltip : { trigger: 'axis', formatter:function(a,b,c){ return a+'<br/>'+b+c; } },formatter格式化方

原创 關於JavaScript的splice 和slice 方法小結

W3School上面講的很詳細了,但是還是想總結一下下 splice和slice看起來很相似,具體的用法也老是模糊不清 定義與用法 splice:該方法 會 改變原始 數組,向/從數組中添加/刪除項目,然後返回被刪除的項

原创 正則 匹配 中文標點符號 小記

//匹配這些中文標點符號 。 ? ! , 、 ; : “ ” ‘ ' ( ) 《 》 〈 〉 【 】 『 』 「 」 ﹃ ﹄ 〔 〕 … — ~ ﹏ ¥ var reg = /[\u3002|\uff1f|\uff01|\uff0c|\u

原创 CSS3自定義滾動條樣式 -webkit-scrollbar

此文爲轉載,原文地址:http://www.xuanfengge.com/css3-webkit-scrollbar.html 有沒有覺得瀏覽器自帶的原始滾動條很不美觀,同時也有看到很多網站的自定義滾動條顯得高端,就連chrome