原创 JS製作倒計時--計算兩個時間點的時間差
計算當前時間和一個指定時間點的時間差，是很常見的一個特效。 比如： 一些電商網站的倒計時秒殺。 高考倒計時 這些效果用 JavaScript 來實現，簡直易如反掌。 主要用到的知識點： 時間對象：獲取當前時間 時間對象：設定指定的時間
2020-02-21 11:53:33
原创 webstorm插件安裝-代碼縮略圖插件
webstorm本身足夠強大了，但是有時候也希望能有其他的附加功能。 好在官方提供了足夠多的插件。 https://plugins.jetbrains.com/webstorm 找一個自己喜歡的插件，以代碼縮略圖插件爲例：https://
2020-02-21 11:53:33
原创 python學習筆記6-Python內置函數 eval
今天繼續學習 Python，做一個小案例的時候，用到了 eval 函數，挺有意思的，記錄下來。 eval 功能簡單來說就是：把字符串轉爲Python語句並執行。 語法：eval( string [, globals[, locals]
2020-02-21 11:53:33
原创 SVG製作環形進度條
病毒橫行，不出門，乾脆在家裏學習吧~ 先看效果： 我們來做一個簡單版本的。需要用到的SVG知識點： 1、圓形標籤 circle <circle cx="110" cy="110" r = "100"
2020-02-21 11:53:32
原创 不足20行JS代碼的表單全選效果
病毒橫行，在家繼續學習~ 今天做一個不到20行 JS 代碼的全選特效。先看效果： 一、HTML 和 CSS *{ margin: 0; padding: 0; } input{ vertical-align:
2020-02-21 11:53:32
原创 SVG 按鈕小動畫：點擊切換麪包導航和關閉
今日看到個按鈕切換小動畫甚有意思，做了一個類似的，效果如圖所示： 寫的比較簡單，像這種細節動畫相信在將來會越來越多的。記錄下來，作爲一個知識點參考。 主要用到的知識是：SVG 的 path 路徑動畫的控制。 之前我寫了一篇文章來討論 S
2020-02-21 11:53:32
原创 CSS3乾貨10：如何做一個板塊標題水平線左邊帶顏色效果
很多網站在設計欄目標題的時候，喜歡用下劃線分開欄目標題和內容部分。 而且線條左邊的部分往往還有顏色，且這個顏色跟標題的文字長短保持一致。效果如圖所示： 這種效果其實很簡單。 我這裏給大家推薦兩種方式： 假定我們的標題部分 HTML 結構
2020-02-21 11:53:32
原创 程序開發類本科論文結構
論文很多同學都不知道怎麼寫，連結構都搞不清楚。寫個博文吧，方便同學們看。 根據本專業的特色，主要是以軟件（網站，遊戲，前端）開發爲主，我就以這爲前提來做論文結構，文科類的請參考其他文章，不過一些基本的思路可以採納。 先聲明：本人水平有限，
2020-02-21 11:53:32
原创 經典面試題：如何測試一個 JavaScript 代碼的性能？
我們在用程序完成任務之後，還要考慮性能優化的問題。否則，優化不到位，程序很卡。 JavaScript 如何測試代碼的性能呢？ 看一個代碼性能的好壞，主要看它的運行時間，代碼運行時間越短性能越好~ 基於這個道理，我們可以利用代碼運行前後的時
2020-02-21 11:53:32
原创 python學習筆記5-利用多線程爬取一系列網頁的相關圖片
在python學習筆記4-爬取一系列網頁的相關圖片 中，我用 requests+BS4 爬取了一個系列網頁的圖片。 但是，效率太低。 究其原因是，圖片是一張一張下載的，一張下載完畢後，才能下載下一張。能不能同時下載多張呢？ 答案是肯定的，
2020-02-21 11:53:32
原创 python學習筆記3-爬取指定網頁的圖片
在上一篇學習筆記中，python學習筆記2-下載網絡圖片 ，簡單記下了已知網絡圖片地址，下載圖片的過程。 但是，一個網頁裏圖片很多，怎麼讓python自動解析地址，再挨個下載圖片呢？ 這篇算是上篇的一個繼續。 要使用本代碼，要安裝 3個
2020-02-21 11:53:32
原创 頁面頂部的陰影：Top Shadow
給頁面頂部邊緣添加一個陰影，就像這樣： body::before { content: ""; position: fixed; /* 固定定位 */ top: -10px; left: 0; width: 10
2019-10-25 19:27:55
1
原创 Vue的學習筆記一：Vue簡介
Vue (讀音 /vjuː/，類似於 view) 是一套用於構建用戶界面的漸進式（Progressive）框架。 Vue 由Google的前員工Evan You（尤雨溪） 創建。 首次亮相於2014年2月，並在第一天就大獲成功。 Vu
2019-09-15 18:48:13
原创 addEventListener的第三個參數
大家都知道 addEventListener 可以給對象添加事件監聽。百度，w3school 對它的解釋，有三個參數，語法格式如下： el.addEventListener(type, listener[, useCapture])
2019-09-15 18:48:12
原创 鼠標滾輪事件
前幾天一個同學問我鼠標滾動事件。想做一個通過滾動鼠標的滾輪，來旋轉導航。 查了點資料，完成了同學的問題。 不過，作爲一個知識點，也記錄下來，以加強印象。 鼠標滾輪事件，就是 wheel （滾輪）事件。 注：MDN（Molliza的開發者社
2019-09-15 18:48:12
15