原创 Git push提示everything up-to-date

前言 今天提交項目代碼,提交幾次線上代碼都沒有更新,git push提示everything up-to-date,後續網上查了多篇博客,總結了原因。 第一:代碼提交暫存區後沒有commit 提交代碼的步驟一般是 git add . gi

原创 canvas陰影-9

js部分 // 得到繪製源 var c = document.getElementById('canvas'); // 創建畫布,建立二維視角 var ctx = c.g

原创 Canvas剪切畫布區域-13

js部分 window.onload = function (params) { // 得到繪製源 var c = document.getElementById('canvas'

原创 Vue-cli3.x中使用jsDoc

每個項目在負責交接的時候,都會遺留大部分的問題,而好的註釋和詳細的文檔是我們快速接手的必要前提,所以這裏記錄一下在vue腳手架3.x中集成Jsdoc的方式,首先使用shell命令安裝插件 在全局安裝jsdoc npm install -

原创 Vuecli3.x單頁面應用程序文件配置及npm清除node_modules文件包

// 全局安裝 cnpm install rimraf -g // 刪除node_modules文件夾 rimraf node_modules // 刪除成功 vuecli3.x單頁面應用vue.config.js文件基礎配置

原创 Canvas位移、旋轉-17

位移 window.onload = function (params) { var c = document.getElementById('canvas'); var ctx

原创 H5新增————webGl學習階段一

近幾年來js這門語言已經越來越火熱,除了寫一些小遊戲,更多的圖形工作也慢慢用到,這裏入門學習的webGL就是接下來我要記錄下來的階段學習內容,前端在圖形領域有過了解的應該或多或少對webGl有過一定的認知, 沒錯,他看起來與H5新增的c

原创 Vue緩存頁面內容及路由跳轉前的頁面滾動位置

開發中有些業務場景組件數據是不用刷新的,我將這些常用數據比作我們開發語言中的常量,一般情況下是不做改變的,也不用重新做接口請求,這裏就是記載Vue中我們如何緩存組件數據以及它的生命週期 首先我們前端都知道SPA應用——單頁面應用程序, 是

原创 Vue數據持久化以及動態組件

Vue數據持久化 這裏介紹的是Vue項目開發時,因爲業務以及交互關係的原因,我們對程序需要做一些狀態以及數據的存儲,以此避免組件的重複渲染、數據重新請求以及狀態丟失,所以這裏我記錄的是如何在vue項目中持久化數據以及狀態 Vue項目中我們

原创 canvas圓路徑繪製-3

html部分 <canvas id="canvas"> 沒有出現圖形,說明您的瀏覽器不支持 HTML5 canvas 標籤。 </canvas> css部分 canvas { width

原创 數組根據內部對象特定字段進行分割成多個數組

引文:後臺把所有數據對象信息放到一個數組中傳回,已知數組內部對象有一個字段相同,根據這個相同字段進行數組拆分。 var TabArr = [ { id: 1, txt: '1' },

原创 Vue項目記錄跳轉頁面前的滾動位置

搜索關鍵字:scrollbehavior 資源博客: https://blog.csdn.net/wandoumm/article/details/80270865 https://blog.csdn.net/q3254421/artic

原创 JS製作音樂播放器並高亮歌詞滾動以及按鈕暫停播放切歌

簡介:高亮歌詞這裏需要說一個文件,也就是.lrc文件,這個功能製作是將文件中時間與音樂文件中播放的進度作比較,實現文件何時滾動換行以及高亮的,好了看代碼(我的歌曲文件是周總的《等你下課》) css代碼: .container {

原创 xlsx導出表格

引入xlsxjs文件 然後獲取後臺接口數據,最後拼接excel表格數據 function downExcel(dataTbale) { // Excel文件名稱 var filename = "登錄日誌.xlsx";

原创 Echarts圖例控制y軸顯示隱藏

<!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margi