原创 Grafana Table插件源碼閱讀(進階) - 前端視角

前言 之前已經帶大家閱讀了 Grafana 入門、安裝和命令 (mac) 和 Grafana 插件開發入門 - 前端視角(React)兩片文章~ 相信大家對於Grafana插件已經有了一個初步的認識,下一步,我們來進階版,看下 table

原创 Grafana 入門、安裝和命令 (mac)

前要 有一天,開發哥哥抓着我,說要給我加個前端需求,界面是這個樣子的,讓一臉懵逼的我來寫個插件。 我內心  ,那我先去調研一下吧。。   閱讀步驟 1.下載brew 安裝 grafana 2.啓動grafana 3.找到相關安裝目錄位置

原创 Grafana 插件開發入門 - 前端視角(React)

前言 接上一篇Grafana 入門、安裝和命令 (mac),如果你木有安裝的話,記得先安裝一下哦 我自己覺得開發一個插件不難,但是開發一個通用化的插件有點小麻煩(主要是配置那塊)   插件學習(參考)   1.官網插件 官網plugin

原创 JS 全屏對象操作【FullScreen對象隨拿隨用】

起源 相信大家都有需要全屏的時候,頁面的全屏怎麼做吶?目前瀏覽器的原生支持以及很不錯了,大家可以嘗試下,目前在chrome瀏覽器上嘗試!可用!   封裝成FullScreen對象的代碼 /** * 全屏操作 * * - 是否可

原创 nodejs npm 卸載 + 重新安裝

nodejs npm 卸載 sudo npm uninstall npm -g sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receip

原创 React流式打字效果實現(不需要CSS) - Typing Effect with out use Css

前言 最近有個雲棲大會的demo展示需求,要實現個類似的打字效果,所以我找了找相關的庫。找到一個還不錯的~叫iTyped.js。但是最終的效果和我想要的不太一樣,會有回刪效果,看了下源碼,所以就自己寫了一個~ 再誇獎下 iTyped.js

原创 用Moment.js 計算兩個時間直接的間隔

原因 啦啦啦啦~ 之前算數據的直接具體的小時的時候就想要直接用 Moment.js來計算 簡直方便,所以就想寫個短小精悍的一篇來正面下,週五還坐在項目室的我   操作步驟 1、打開  Moment.js官網鏈接  ,打開控制檯 2、代碼

原创 第13屆D2大會 - 參會感受和總結

參與身份:志願者 今年~ 又一次參與了D2大會~ 又一次當了的志願者,感覺今年是蹭票的一年 D2頭一年採用收費制度,沒想到票居然還賣完了~ 今年是在二號廳當微博直播的志願者,順便幫嘉賓演講做倒計時舉牌   參與議程主題:見下圖紅框  

原创 2018年~年度總結篇!

2018已經悄悄過去啦~ 2018年真是過的驚險刺激吶~   技術文章 數目和大致總結 18年 - 11篇【虎頭蛇尾的結束 - 11月、12月 0篇】 17年 - 8篇【重新撿回寫文章的樂趣】 16年只寫了一篇【入職阿里的迷茫期】 15年

原创 微信圖文分享 - 公衆號配置&&填坑

寫在前面 本來以爲對接個微信圖文分享會比較容易,結果,萬萬沒想到啊。。這個坑坑的我簡直是要😭個三天三夜 內心從PD開始提需求到做完經歷的是這樣的過程 ,純前端視角適合各位前端大大愉快的食用      到         正常人配置的閱讀順

原创 使用AlloyFinger 的手勢縮放,外部按鈕操控縮放, 3D改爲2D減少放大模糊

項目中需要手勢放大圖片,懶得自己寫組件庫~找了好久,決定用AlloyFinger,但是吶~光用AlloyFinger不滿足要求,只能中心放大,後續加入了AlloyCrop來達到可以按照手勢點擊位置放大,最後發現有“微信”瀏覽器等有部分不兼

原创 改變head中的 title 標籤+兼容釘釘、微信

問題發現:IOS11版本的釘釘,目前只使用更改title的時候有概率不生效,後續調研了下,出了JQuery和JS兩個版本的方便使用和粘貼。目前除了釘釘以外,沒有找到不好的適配情況,PC端只使用初級的就可以。JS版本:document.ti

原创 swiper控件loop循環後,不能點擊的上一個組的bug

起因: 項目中使用到Swiper,循環滾動, 使用 “循環 loop”參數後,  發現上一個元素無法點擊點擊。 使用中發現他會在首部和尾部。自動創建兩個元素,並且導致該元素的onClick事件會失效,如下圖紅色框部分: 解決方式:

原创 解決 IOS 顯示 transparent 展示黑色透明

IOS 展示 transparent 會變成一個黑色透明的情況,Android展示就沒有問題,蜜汁困惑 然後,大概的百度了下原因 平臺支持Android - 2.2+ (支持): Android平臺4.0以上系統才支持“transpa

原创 IOS h5頁面採坑記錄

1. input 輸入框樣式IOS上回會有個很醜的內邊框 添加  -webkit-appearance: none;  就可以去掉 input { height: 100%; width: 100%; box-s