原创 前端 ajax 加載緩存方案 —— 圖片強制緩存
前端 ajax 加載緩存方案 —— 圖片強制緩存 前言 上一篇 寫了關於前端如何緩存 ajax 加載的數據，如果對這個話題感興趣又沒有看過的童鞋，不妨前去一觀：https://blog.csdn.net/lovefengruoqi
2020-06-20 06:27:56
原创 頁面訪問時候 Mixed Content 錯誤的解決方案
頁面訪問時候 Mixed Content 錯誤的解決方案 之前給客戶做的一個項目，我們提供的是純前端的三維數據可視化界面，但是數據還是從客戶那邊獲取過來的。 客戶給我們提供了一個數據接口，我們通過接口獲取到數據以後，再經過處理，然
2020-06-20 06:27:56
原创 如何在html頁面上畫一條漸變線
1.前言 有時候，你需要畫一條這種漸變線： 你抓耳撓腮，冥思苦想，最後發現好像還是沒有什麼明確的思路。 別慌，接下來我將手把手教你幾種方法，在頁面上畫漸變線。 2.正文 2.1div實現 用div配合css3可以完美的實現這種
2020-06-09 01:34:46
原创 canvas 適配瀏覽器可視窗口出現滾動條問題
canvas 適配瀏覽器可視窗口出現滾動條問題 一般來說，對於前端數據可視化工程師來說，canvas 是個極好的工具。 既能用 canvas 2d 調用 CanvasRenderingContext2D 的 api 來繪製各種圖表
2019-09-26 20:43:22
原创 echarts 移動端自適應配置不生效的問題
echarts 是百度開源的一個前端數據可視化圖表庫，用來展示數據非常的便捷。 下面是官網的簡介： ECharts，一個使用 JavaScript 實現的開源可視化庫，可以流暢的運行在 PC 和移動設備上，兼容當前絕大部分瀏覽器
2019-09-07 20:59:03
1
原创 構建突破 Chrome 12px 字體限制的 input 輸入框
前言 chrome 瀏覽器有 12 px 的字體的限制，因此對於 vw 自適應佈局，非常的不友好。 我之前曾經寫過一篇文章，用 svg 輔助頁面文字自適應，它可以解決常見的 html 元素裏面的文字不能小於 12 px 的問題。
2019-09-02 20:56:07
1
原创 用 translate 構建無限大小的畫布
之前寫過一篇文章——用 scale 構建可縮放的畫布，這次就來介紹下，另外一個很有意思的 canvas api，叫做 translate。 按照慣例，還是先上 mdn 文檔：https://developer.mozilla.or
2019-09-02 20:56:07
原创 用 scale 打造自由縮放的 canvas 畫布
雖然本身是一枚前端數據可視化工程師，但是說實話，由於本身從事這一行的時間並不長，因此對於一些基礎的知識，瞭解的其實並不透徹，也就是俗話說的，知其然不知其所以然吧。 目前，對於前端的數據可視化來說，主要有三種不同的方向吧，分別是ca
2019-09-02 20:56:07
原创 用 svg 輔助頁面文字自適應
前言 我們知道，在前端開發的過程中，最讓人腦殼疼的就是頁面的適配了。之所以說讓人腦殼痛，倒不是說頁面適配多麼的困難。他不困難，就是做起來很很繁瑣，特別是對於要移動端和 pc 端均要適配的頁面，那處理起來就讓人更頭疼了。 最近在做頁
2019-08-07 21:02:33
1
原创 ECharts GL 鏡頭參數的調整方法
我們都知道，echarts 是百度開源的一個可以方便數據可視化呈現的一種圖表，使用起來很方便，因此，對於一些定製程度不是很高的場景，我們直接用 echarts，可以快速成型我們的產品。 但是相對於 echarts 2d 圖表來說，
2019-08-02 21:07:29
3
原创 2. 深入理解 WebGLProgram 對象
概念 WebGLProgram 是 WebGL API 的一部分，它由兩個 WebGLShader （webgl着色器）組成，分別爲頂點着色器和片元着色器（兩種着色器都是由 GLSL 語言來寫的）。 **WebGLProgram
2019-07-30 05:27:54
原创 1. 深入理解 WebGLShader 對象
概念 WebGL API 的 WebGLShader 可以是一個頂點着色器（vertex shader）或片元着色器（fragment shader）。 每個 WebGLProgram 都需要這兩種類型的着色器。 創建流程 要創建
2019-07-30 05:27:53
原创 html 頁面空白節點問題
html 頁面空白節點問題 最近碰到一個 html/css 的問題，困擾了我好久。 先看下面的圖片： 這是個很簡單也很常見的表單，當然現在沒加什麼樣式。但是我調試了很久卻發現，最下面的選擇框左邊怎麼也對不齊。 我的代碼如下： <
2019-07-30 05:27:53
原创 vue 子元素捕獲導致其 click 事件被父元素 mousedown 事件“屏蔽掉”的問題
今天在做產品的時候，碰到一個需要添加右鍵菜單的功能。 本來一般碰到這種問題，都是直接找找看下有沒有類似的插件，畢竟比較省心，但是缺點是，需要小小的看下代碼，學下api。 但是找了一圈，彈出框有不少優秀的開源插件，但是右鍵菜單還真是
2019-07-08 21:44:24
4
原创 vscode 更新報錯，中止以後軟件打不開的修復方式
前言 今天打開 vscode 正準備敲代碼的時候，發現 vscode 提示升級。 於是想也不想的點了升級。 當然，你也可以在這裏手動檢查程序是否升級了。 然後悲劇就發生了，升級到一半的時候，提示進行不下去了，問我是否要重試，或者
2019-07-04 20:45:46
1