原创 JavaScript 練手小案例：原生JavaScript製作 Canvas 隨機刮獎，抽妹子圖
啥也不說，先看效果圖。 刮獎是一個很有意思的東西，充滿了神祕，因爲誰也不知道掛出來的是什麼，總是期待有驚喜。 網上的刮獎大多用的“虛假刮獎”，就是上面一個 canvas 層，下面一個圖片層。把canvas “挖空”，露出了下面的圖片。
2020-07-01 15:56:09
2
原创 python學習筆記2-下載網絡圖片
最近對爬蟲很感興趣，忒別是爬圖片。哈哈~ 寫了個練習，爬指定網絡地址的圖片。 # -*- coding:utf-8 -*- import os import requests # urls = [ "http://www.cq
2020-06-26 13:53:57
原创 Python學習筆記8-利用qrcode模塊生成普通二維碼和帶圖標的二維碼
二維碼又稱二維條碼，常見的二維碼爲QR Code，QR全稱Quick Response，是一個近幾年來移動設備上超流行的一種編碼方式，它比傳統的Bar Code條形碼能存更多的信息，也能表示更多的數據類型。 github 上的官網： ht
2020-06-26 13:53:56
25
原创 JavaScript 練手小技巧：如何在字符串中獲取自己想要的內容。
今天有同學在問，如何在一個字符串中獲取所有的數字。 太簡單了，用正則表達式呀~ let zz = /\d+/g ; // 數字的正則，全局查找，需要帶後綴 g let str = "12 abc sdf 13x asdf";
2020-06-26 13:53:56
原创 python學習筆記4-爬取一系列網頁的相關圖片
在上一篇python學習筆記3-爬取指定網頁的圖片 文章中，我提到了用 python 爬取一個頁面的所有圖片。 但是，萬一一篇文字的內容被分頁了，如何把這一系列的圖片都爬完呢？ 分頁就是個攔路虎啊~~ T.0 一、要精準找到對應的圖片
2020-06-26 13:53:56
原创 python學習筆記7-Python目錄創建，刪除和遍歷
目錄和文件的操作，需要引入 os 模塊： import os 一、創建目錄 目錄 directory ，簡寫 dir ，簡單來說就是文件夾。 使用 os.mkdir( ) 函數創建目錄（創建一級目錄）。 使用 os.makedi
2020-06-26 13:53:56
原创 抖音上很火的時鐘效果
反正，我的抖音沒人看，別人都有幾十萬個贊什麼的。 發到CSDN上來，大家交流下~ 主要用到原生態的 JS+CSS3。 具體不解釋了，看註釋： <!DOCTYPE html> <html lang="en"> <head> <
2020-06-26 13:53:56
原创 原生態JS寫背景有個滑塊的導航
先看效果： 鼠標滑動到導航項上，後面一個色塊滑動到對應的導航項上。 鼠標離開的時候，滑塊就退回到當前導航項上。 結合了 CSS3 的 transition 來做滑動效果。 一、分析 1. 導航在上方，說明導航有層級，且較高。那麼導航要麼
2020-06-26 13:53:56
原创 CSS3乾貨11：頁面中的公共CSS代碼
一、什麼是公共 CSS 我的理解是：任何一個頁面都用會到的 CSS 代碼。 “任何一個頁面”的說法可能有點誇張，因爲很多開發者都有自己的一些偏好設置。不管怎麼說，一個成熟的前端開發老鳥做頁面，都會用到這些 CSS 代碼。 最典型的代碼，就
2020-06-26 13:53:56
原创 CSS3乾貨9：做一個彈跳動畫
先看效果 步驟1：準備一個 div 標籤 <div class="ball"> </div> 分析一下： 這個效果上有兩個內容：球 ， 影子。 球是這個div的 ::before 僞標籤，影子 是這個球的 ::after 僞標籤。 步
2020-06-26 13:53:56
原创 CSS3乾貨12：CSS3 使用非系統字體
今天有同學問我怎麼在頁面中使用自定義字體。OK，那麼就寫一篇博文湊數~ 一般，我們在頁面中使用字體都是系統自帶的。有時候爲了讓頁面效果更出彩，我們會使用一些好看的非系統字體。 如何在頁面中使用這些字體？ 很簡單，把字體文件下載下來，放在
2020-06-26 13:53:56
1
原创 一文看懂 ES6 解構賦值
一、什麼是解構賦值 ES6中，通過解構賦值，可以將屬性 / 值從對象 / 數組中取出，賦值給其他變量的操作就是解構賦值。 在下圖上可以發現左側和右側都必須是數組，左側可以定義 n 個變量，那麼與之對應的右側也需要有相應個數的變量值，我們左
2020-06-26 13:53:46
原创 SCSS 裏的數組及其遍歷
做一個案例，需要這個效果 HTML 結構很簡單，就是一個 ul ，下面 6 個li，每個 li 的背景色不一樣。HTML 結構如下： <h2 class="titles2"> 考生須知 </h2> <ul class="ks
2020-06-26 13:53:46
原创 CSS3乾貨15：旋轉摩天輪
今天做項目，無意看到個摩天輪效果，甚是有意思，決定自己來做做。原效果是JS 寫的，我懶得用JS，就用 CSS3 寫一個。那麼多美女圍繞着轉，開心的要死，所以放了個單純的小男孩在中間代表我的心情~ 效果動圖如下： 旋轉的圖片想做都少都無所
2020-06-26 13:53:46
原创 經典面試題：var 和 let 的區別
1、var 有變量提升現象，let 不會。 先看一個代碼： console.info( x ); // undefined。因爲在後面用 var 定義了變量。 var x = 100; console.info(x); // 10
2020-06-26 13:53:45