原创 CSS3乾貨13：把頁面變成黑白灰色彩
2020年的第一季度，一場突如其來的疫情，讓整個世界蒙上了陰影。 明天（4月4日），國家將進行哀悼活動。作爲 IT 人，我也想要用自己的行動爲這場疫情中s去的英雄和羣衆表示深切的哀悼。 短短的幾行 CSS 代碼變灰整個頁面，略表示沉痛的心
2020-06-26 13:53:45
原创 JavaScript 練手的小案例：閃爍文字
<div id="box"> Hello world~! </div> <script> const colors = "#00FF00|#FF1166|#FF2200|#003377|#FF4400|#FF5511|
2020-06-26 13:53:45
原创 100%經典文章：JS如何獲取鼠標在一個標籤中的座標
鼠標的座標系統太重要了。利用鼠標座標，可以做好多事情，比如遊戲中的鼠標跟隨，網頁中利用鼠標位置做特效等等。 鼠標座標的獲取，分爲兩種情況來討論。 1. 只有一個標籤，沒有子標籤的情況 這種情況最簡單，利用事件對象 event 的 offs
2020-06-26 13:53:44
原创 IIS 添加 LRC 歌詞文件支持
之前寫了個音樂播放器，帶歌詞分析。 想在 IIS 下跑下，看看情況。 但是居然報錯，歌詞顯示不了~ 這個歌詞是用 AJAX 加載外部 LRC 文件。 第一反應就是，IIS 是不是不支持 LRC 文件？？ 打開 IIS，選中 MIME：
2020-06-26 13:53:44
原创 Python學習筆記10-爬蟲中利用正則表達式分析出頁面中想要的數據
一、網頁HTML結構 在網上爬取了一個網頁，如何在網頁中找到自己想要的內容？ 比如，想找到圖片鏈接。網頁中圖片列表的結構如下： <div class="c s_li zxgx_list l"> <ul>
2020-06-26 13:53:44
原创 經典面試題：點擊圖片進行兩張圖片切換
題目： 有兩張圖片，一張黑白，一張彩色。點擊圖片，黑白切換成彩色圖，再點擊彩色切換成黑白圖。 解決方法一：利用一個變量統計奇偶點擊數。 <img id="pic" src="images/1.jpg" width="526" heigh
2020-06-26 13:53:44
原创 jQuery 小白都能秒懂的案例1：星星評價特效
講 jQuery，用了個例子，星星評價。我 f4，真的是臨時想到做這個的。 畢竟 jQuery 太熟悉了，從 1.2 開始用到現在的 3.x。而且這個案例也很簡單，如圖所示。 主要功能就是點擊星星，獲取圖片的索引，基於索引得到對應的分數
2020-06-13 05:56:29
原创 Python學習筆記11-利用python整理 txt 文檔
好久沒用 python 了。返校後，忙的飛，就差再長几隻手了。 今天 xbs 同學找到我，問我問題，還給我看了下他的筆記文檔。筆記就是網上覆制的文字，粘貼到記事本後，格式有點亂。如下代碼所示。 1以下關於HTML5的描述正確的是()。（
2020-06-06 12:37:01
原创 IBM的AJAX入門系列文章
多年前，在 IBM 網站上看到的 AJAX 系列文章，甚是經典。 當年 IBM 開發者社區的截圖。保存的本地文件，樣式走樣了。但是不影響經典的內容。 時隔多年，居然這些文章還在。雖然界面幾經改版，但是經典的內容用不下架。IBM 真是良心
2020-05-23 16:53:43
原创 客戶端編程技術（JavaScript）課程視頻列表
因爲疫情，在家上網課。借用了網絡平臺，感覺錄製的視頻可以成一個系列了。做一個清單出來，方便後面的同學觀看。 課程概述 webstorm瀏覽器設置 webstorm 軟件基本使用 JS的執行與調試方法 變量，常量，基本數據類型 數據類型轉換
2020-04-29 05:53:15
原创 CSS3乾貨16：妙用屬性選擇器製作文件鏈接
有時候，我們需要給網頁添加文件鏈接。用戶點擊後，可以直接下載。 爲了更好的用戶體驗，鏈接的是什麼類型，我們需要用一個圖標去提示用戶。 比如，鏈接到 word，就用 word 圖標；鏈接到 pdf，就用一個 pdf 圖標。 可以用 clas
2020-04-21 20:13:45
原创 JavaScript 練手小案例：九宮格抽獎
看到個抽獎案例，覺得還不錯。就自己做了一個簡單版本。。 點擊中間的開始，抽獎就會跑起來，速度由慢到快，再到慢，最後停下。停下的格子就是中獎的獎品。 主要思路： 1、抽獎的高亮色塊輪循，使用一個 class 去控制。 2、要控制色塊輪循
2020-04-13 20:44:59
原创 CSS3乾貨14：自定義頁面滾動條
自定義滾動條最早是 IE 玩出來的，但是後來， 不知道爲什麼 IE 把這個有意思的功能廢棄了。 現在各大瀏覽器又想重新拿起來這個功能，但是顯得就有點混亂了，做的最好的還是 webkit 內核的瀏覽器。 這裏分三種主流瀏覽器Firefox，
2020-04-05 04:03:40
原创 JavaScript練手小技巧：頁面遮罩層
有時候，我們需要在頁面上創建一個遮罩層，以突出某個對話框。比如，某度的登錄框： 這個遮罩層，蓋住了整個頁面，並且隨着頁面的滾動，也一直穩如老狗，貼在頁面上，紋絲不動。 看上去很複雜，其實很簡單~！ 1. 就是一個固定定位的標籤，貼在整個
2020-04-05 04:03:39
115
原创 Python學習筆記9-爬花瓣網指定圖片，從此找圖不用愁
花瓣網，是國內著名的圖片閱覽網。有很多極具設計想法的圖片，設計師可以在這裏查找靈感。 今天，就來做一個爬蟲，爬指定的圖片。 第一步，分析花瓣網的AJAX 進入花瓣網，是個搜索框。 輸入一個“網頁設計”，進入搜索結果頁面。往下拉動，圖片還
2020-02-29 23:37:10