原创 angular 隨手記

AngularJs 學習筆記 簡單的數據綁定 <!DOCTYPE html> <html ng-app> <head> <meta charset="utf-8"> <title>hello world</title> <scr

原创 用Canvas模擬蘋果畫圖工具

該畫圖工具主要有以下幾個功能: - 文件菜單中主要有保存、清除、撤銷三個功能 - 畫圖菜單中主要有線條、圓形、矩形三個功能 - 顏色菜單 - 邊框菜單中主要有3個線條 - 類型菜單中主要有實心和空心 - 編

原创 Page + Hexo 搭建個人博客

Page + Hexo 搭建個人博客 (Mac 系統) ssh 查看本地是否存在ssh ls -al ~/.ssh 如果輸出以下內容,說明沒有生成本地的ssh key 文件 No such file or directory

原创 AngularJs下拉搜索框

AngularJs是基於MVC(Model(模型)-View(視圖)-Controller(控制器))思想的,在AngularJs應用中,視圖就是文檔對象模型(DOM),控制器是JavaScript類,模型中的數據就是存儲在對象

原创 ant design pro+react 踩過的坑 記錄下

與服務器交互 對接接口 如果是get請求,如下圖所示: 搞了我好幾個小時,終於搞明白了 異步請求數據 State是可變的,是組件內部維護的一組用於反映組件UI變化的狀態集合; setState就相當於是一個異步操作,不能立

原创 使用WebUploader上傳圖片

html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>uploader</title> <script src

原创 仿阿里雲懸浮效果

寫的不是很好,多多指教 html代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>導航</title> <li

原创 ant design Upload組件 踩的坑

根據項目需求,可能要上傳多張照片,所以我選擇了 ant Upload 組件中 照片牆 部分 的代碼塊。 這裏用到了上傳成功後的預覽、刪除 只要用到的方法 onChange 上傳中、完成、失敗都會調用這個函數。 onPrev

原创 AngularJs是什麼?與jQuery有什麼不同?

        AngularJs是基於MVC(Model(模型)-View(視圖)-Controller(控制器))思想的,在AngularJs應用中,視圖就是文檔對象模型(DOM),控制器是JavaScript類,模型中的數據就是存儲

原创 react-組件&props

1.React 不強制要求使用 JSX,但是大多數人發現,在 JavaScript 代碼中將 JSX 和 UI 放在一起時,會在視覺上有輔助作用。它還可以使 React 顯示更多有用的錯誤和警告消息。 2.建議將內容包裹在括號中,

原创 react—安裝

在學習 React 或創建一個新的單頁應用,請使用 Create React App。 Create React App 是一個用於學習 React 的舒適環境,也是用 React 創建新的單頁應用的最佳方式。 它會配置你的開發環

原创 VUE 學習筆記—合理利用計算屬性和偵聽器

Vue 合理利用計算屬性和偵聽器 減少模版中計算邏輯 數據緩存 依賴固定的數據類型(響應式數據) 計算屬性 computed VS watch: computed 能做的,watch都能做,反之則不行 能用compute

原创 VUE—生命週期的應用場景和函數組件

生命週期分爲三個階段: 創建階段(只會執行一次) 更新階段(會執行多次) 銷燬階段(只會執行一次) 函數式組件 在模版中需要臨時變量是

原创 解決Echarts使用tab切換時只顯示第一個tab中圖表,其他tab中圖表不顯示或顯示不全問題

近期項目中使用到了Echarts來在展示圖表,兩個tab切換頁面中都存在圖表,頁面加載完成後都對所有圖表進行了初始化和繪製,然而在tab切換中出現瞭如下動圖中的問題: 說明:圖中可以看到,第一個tab顯示是很正常的,但是第二個tab中

原创 echarts折線圖美化-曲線區域顏色漸變

最近做的可視化圖表有這樣的需求:曲線區域顏色漸變, option = { tooltip : { trigger: 'axis', axisPointer: { type: