原创 CSS3的動畫及3D轉換(animation、transform、rotate3d 、perspective等)【總結】

目錄1. 動畫① 創建② 屬性③ 關鍵幀2. 3D① transform轉換② rotate3d③ translate3d④ perspective⑤ transform-style 1. 動畫 ① 創建 @keyframes

原创 一張腦圖帶你領略React的獨特魅力

SVG格式高清版在以下鏈接中(如有失效,請在評論區留言或者私聊即可) 鏈接:SVG格式腦圖 提取碼:qep5

原创 一行代碼測試jquery.easing插件中所有參數效果【不看後悔系列】

衆所周知, easing是jquery的一個插件,該插件可以實現直線勻速運功、變加速運動、緩衝等豐富的動畫效果。 但是要注意:因爲easing是jQuery的插件,所以必須是在引入jquery之後再引入它。 先來看一波效果:

原创 淺談node環境下的Sass以及gulp工具下的Sass

目錄一、Sass簡介二、Sass的解析器1. node環境下的Sass解析器2. gulp工具下的Sass解析器三、Sass語法1. 註釋2. 變量3.嵌套4.導入@import5.混合器6.@if 判斷7.循環8.繼承 一、Sa

原创 jQuery選擇器及jQuery基本操作

吐血整理,如有錯誤,歡迎指出,感激不盡~ 目錄1. jq選擇器2. 屬性操作3. Class操作4. 樣式操作5. 內容操作6. 尺寸操作 1. jq選擇器 jq的選擇器,就是在執行jq函數時傳參 是用來獲取DOM元素的方法,通

原创 MySQL的安裝(超詳細,附教程、安裝包)

如下爲安裝步驟: 1、雙擊mysql-installer-community-5.7.12.0.msi,開始安裝,直到遇到如下界面: 2、點擊Finish,進行MySQL配置: 3、 Developer Machine(

原创 淺談gulp的使用、gulp的常用插件、gulp基本操作以及gulp的常用項目流程操作

寫在前面: 因爲gulp是一個基於node的工具,所以我們需要先安裝node,具體可見【node的安裝及配置】 目錄一、gulp簡介二、gulp基本使用1. 創建項目2. gulp的安裝3. gulp配置文件4. 定義指令三、

原创 Gulp與WebPack有區別嗎?如果有,有什麼區別?

Gulp與webpack有區別嗎?如果有,有什麼區別? 可以這麼說,它們既有區別,也有相似… 先來具體看一下它們不同的概念: (1)Gulp:        Gulp是一個自動化構建工具,強調的是前端開發的流程,通過配置一系列的t

原创 純HTML加CSS實現3D立體動態相冊【超簡單、附源碼】

近日,收到一男粉絲私信,具體如下: PS:在跟他聊天過程中,我不該笑的,哪個男同胞沒有這麼讓人心疼的一刻呢。所以,在此祝願他能早日哄好他的女朋友,加油,奧利給~~~ 於是,在他的萬般焦急等待下,爲他量身定做的動態相冊出爐了,鑑於

原创 Error: EPERM: operation not permitted 解決辦法

既然你點進來了,那麼是不是遇到了如下界面呢? 不要慌,問題不大 在鍵盤上按下win + x ,選擇命令提示符(管理員) 這樣就好啦

原创 解決:'ping' 不是內部或外部命令,也不是可運行的程序 或批處理文件。【實用】

在【我的電腦】右鍵 > 【屬性】 > 【高級系統設置】 > 【環境變量】 > 【系統變 量】 > 【path】 > 【編輯】 > 添加:C:\Windows\System32 > 【確定】

原创 原生JS實現輪播圖的自動播放、點擊切換等效果【小白都看得懂系列】

先來看一下效果: 注:展示所用圖片來自 站酷,文末附所需引入的JS封裝函數的鏈接。 CSS部分: <style> .box{width: 1000px;height: 300px;margin: 20px auto;p

原创 教零基礎女朋友學MongoDB:MongoDB的下載、安裝、配置、使用;18歲以下單身男慎入!(Windows)

目錄1.MongoDB的概念2.MongoDB的下載3.MongoDB的安裝4.MongoDB文件功能5.MongoDB的配置6.MongoDB的使用7.MongoDB可視化工具 1.MongoDB的概念 MongoDB 是

原创 跟面試官扯了半小時的CSS的flex彈性佈局,都在這裏了。【看完你會更加透徹】

目錄1. CSS3怪異盒模型2. flex基本概念3. 彈性佈局屬性4. CSS3多列5. 響應式 1. CSS3怪異盒模型 在說flex佈局之前,再來回顧一下CSS3的怪異盒模型。 (1) 標準盒模型的總大小=width/hei

原创 JS設計模式之單例模式、組合模式、觀察者模式、策略模式

關於JS中的設計模式與單例模式的介紹,在上一篇博客中做了介紹,詳情見:JS設計模式及單例模式 好,下面我將結合一些實例,說一下我對組合模式以及觀察者模式的瞭解: 1、組合模式: 組合模式在對象間形成樹形結構; 組合模式中基本對