Echarts南丁格爾玫瑰圖和Highcharts可變寬度的環形餅圖最近業務需要做一個環形餅圖，當時就想著采用Echarts的南丁格爾玫瑰圖方案，但是由于資料差距太大，實作效果不理想；然而網上也沒有合適的解決方案，幾經折騰，最后采用Highcharts的可變寬度的環形餅圖方案，特寫此博客為大家提供更多的思路。設計獅的效果圖使用Echarts南丁格爾圖的半徑模式采用Echarts方案我所實作的效果圖：下面是實作原始碼，為方便閱讀，我未對“虛擬資料”進行提取<div id="dataEc...
2021-02-03 more在Java或C語言中，本身都會提供一個class實作，在ES5/ES6的時候JavaScript引入了class關鍵字，但這種只是語法糖的形式，JavaScript本身還是依賴于原型的。...
2021-02-03 more合并請求 壓縮資源 資源精簡 資源前置加載 資源預熱 Gzip http2協議升級 開啟KeepAlive 離線快取 Canvas 代替 DOM 方案降級 資源內嵌 CDN 圖片壓縮 優化圖片格式 雪碧圖 多域名加載資源 資源異步加載 資料分片 首屏內容加載限制 SSR 服務端渲染 離線快取 升級瀏覽器內核 Web Worker 例外檢測404，白屏檢測 容災節點建設 虛擬串列 想瀏覽器內核提交優化建議或者代碼......
2021-02-03 morejs高級函式函式函式也是物件函式具備行為，可以被呼叫用來減少代碼量，復用，隔離變數，減少命名污染函式分類普通的函式建構式IIFE(匿名函式自呼叫/立即執行函式)回呼函式(事件的回呼，定時器的回呼)函式的this理解this：關鍵字變數this的指向問題函式this不是函式定義的時候決定的函式this指向誰看如何呼叫當前的函式this指向分類函式自呼叫： window建構式(new function): 當前建構式的實體物件物件.方法()...
2021-02-03 more文章目錄Canvas初識什么是Canvas？創建Canvas元素Canvas坐標系通過JavaScript來繪制Canvas的基本使用圖形繪制設定樣式畫筆實體練習漸變色繪制鏤空的房子繪制坐標網格繪制坐標系繪制坐標點繪制折線圖參考檔案Canvas圖形繪制矩形繪制createLinearGradient()方法圓弧繪制弧度概念用三角函式體驗曲線的繪制arc() 方法畫圓弧圓實體練習繪制六種顏色等分的圓繪制扇形繪制資料餅圖繪制文本案例：畫布中心繪制文字圓與文本綜合案例：資料餅狀圖做影片繪制圖片drawImage...
2021-02-03 more在開發vue專案的程序中，需要一個可以自定義規則的代碼編輯器，最終選用了Vue-Codemirror來進行開發。Vue-Codemirror是基于Codemirror，并適用于Vue的代碼編輯器。官方檔案npmCodemirrorVue-Codemirrordemo功能介紹多種主題支持多種語言支持（json、yaml、xml、jsx、sql、css、c、c++等）語法校驗代碼折疊代碼比對以及合并代碼補全… 等功能Installnpmnpm instal....
2021-02-03 more一、什么是 SSR ?SSR 就是 服務器渲染，什么是 服務器渲染？由 服務器 組裝好 DOM 元素，生成 HTML 字串給到瀏覽器，也就是在瀏覽器里面是可以看到整個頁面的 DOM 原始碼的。SSR 解決的問題:SEO：搜索引擎的優先爬取級別是頁面的 HTML 結構，當我們使用 SSR 的時候，服務端已經生成了與業務相關聯的 HTML，這樣的資訊對于 SEO 是很友好的。內容呈現：客戶端無需等待所有的 JS 檔案加載完成即可看見渲染的業務相關視圖（壓力來到了服務端這邊，這也是需要做權衡的地方...
2021-02-03 more1. 題目給定一個整數陣列nums和一個整數目標值target，請你在該陣列中找出和為目標值的那兩個整數，并回傳它們的陣列下標。示例1：輸入： nums = [2,7,11,15]，target = 9輸出： [0,1]解釋： 因為nums[0] + nums[1] == 9，回傳[0,1]。示例2：輸入： nums = [3,2,4]，target = 6輸出： [1,2]解釋： 因為nums[1] + nums[2] == 6，回傳[1,2]。提示：2. 思路2.1...
2021-02-03 more什么是浮動？通俗點講：就是父級元素沒有高度，導致產生高度塌陷問題。什么時候會產生浮動問題？當給元素設定float之后,元素脫離檔案流,父元素沒有設定height,造成高度的塌陷。定位產生的父元素高度塌陷問題？從這個可以看出并不是只有元素浮動才會使元素脫離檔案流造成高度塌陷問題，絕對定位也會造成父元素高度塌陷。首先說一說如何解決絕對定位產生的父元素高度塌陷問題？目前小編只發現二種可以解決的方法：第一種方法： ...
2021-02-03 more一個個人用的瀏覽器首頁，可以把一下常用的網站放在這里，平常打開會比較方便。 第一步，HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......
uj5u.com 2020-09-10 04:38:47 more最近因為寫一個js函式，需要用到$(window).height(); 由于手寫demo的時候，過于自信，其實對前端方面的認識也不夠體系，用文本檔案直接敲出來的html代碼，第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......
uj5u.com 2020-09-10 04:38:52 moreWordPress博客網站程式在進行升級前，必須要做好網站資料的備份，這個問題良家佐言是遇見過的；在剛開始接觸WordPress博客程式的時候，因為升級問題和博客網站的修改的一些嘗試，良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名，每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......
uj5u.com 2020-09-10 04:39:30 moreWordPress是一款個人博客系統，受到英文博客愛好者和中文博客愛好者的追捧，并逐步演化成一款內容管理系統軟體；它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新，就會牽動無數WordPress愛好者的心， ......
uj5u.com 2020-09-10 04:39:49 more網頁中常見的一種效果，首字改變樣式或者首行改變樣式，效果如下圖。 代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......
uj5u.com 2020-09-10 04:40:09 more1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......
uj5u.com 2020-09-10 04:40:16 moreHTML詳解 初識HTML Hyper Text Markup Language（超文本標記語言） 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽，描述一些 ......
uj5u.com 2020-09-10 04:40:33 more好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......
uj5u.com 2023-04-20 07:59:23 more入職多年，面對生產環境，盡管都是小心翼翼，慎之又慎，還是難免捅出簍子。輕則滿頭大汗，面紅耳赤。重則系統停擺，損失資金。每一個生產事故的背后，都是寶貴的經驗和教訓，都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故，特開此專題，長期更新和記錄大大小小的各類事故。有些是親身經歷，有些是經人耳傳口授 ......
uj5u.com 2023-04-18 07:55:04 more這里給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 打開游戲界面，看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上，有一個白色的矩形框，里面不斷下落著各種單詞，而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配，那么我就可以獲得得分；如果我輸入的單詞錯誤或者時間過長，那么我就會輸 ......
uj5u.com 2023-04-04 08:35:30 more在學習網路之前，了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子，引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......
uj5u.com 2023-03-16 11:00:15 more//11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......
uj5u.com 2023-03-15 09:06:45 more<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......
uj5u.com 2023-02-15 08:56:31 more手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作，和在桌面端做法基本一致。 首先，使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流，并將其傳遞給 <video> 標簽進行渲染。 接著，使用 HTML 的 < ......
uj5u.com 2023-01-12 07:58:22 more這里給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 短視頻已經無數不在了，但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲，一圖頂百辯，且看下圖： 網址鏈接（需在微信或者手Q中瀏覽） 從上圖可以看到，我們主要實作的功能也是本文要講解的有： ......
uj5u.com 2023-01-04 07:29:05 more從 1989 年萬維網（www）誕生，HTTP（HyperText Transfer Protocol）經歷了眾多版本迭代，WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......
uj5u.com 2022-12-24 06:56:02 more??一、form表單是什么
??二、form表單的屬性
??三、input中的各種Type屬性值
??四、標簽 ......