原创 webpack4構建簡單前端框架-----開發環境配置
一、使用WebStorm創建一個簡單項目。 在項目中建立如下文件夾:src、dist,在src中分別建立js、css、html、img文件夾、webpack.config,js,並在相應目錄下建立createElem.js、inde
原创 webpack4構建簡單前端框架-----配置babel
由於瀏覽器對ES6語法的支持還不太完善,而且公司項目要支持IE8,所以要使用Babel將ES6轉爲ES5,以下操作均在上篇文章中項目下進行(https://blog.csdn.net/qq_33635385/article
原创 Window下安裝Redis
reids下載地址:https://github.com/MicrosoftArchive/redis/releases 下載解壓後使用cmd進入redis的安裝目錄(在redis安裝目錄shift+鼠標右鍵也可) 輸入:redis-se
原创 解決過濾器過濾請求,在iframe中刷新頁面
在要跳轉到的頁面中添加如下代碼 <script language="JavaScript"> if (window != top) top.location.href = location.href; </script> 如
原创 CSS之消除inline-block之間產生的間隙
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">
原创 CSS文字不可選中
.text_noselect{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none
原创 CSS之元素居中
一、水平居中 水平居中分爲了行級元素、塊級元素(定寬塊級元素、不定寬塊級元素)。 (1)行級元素 行級元素居中只需在父元素中添加text-align:center屬性即可。 <!DOCTYPE html> <html lang="en"
原创 JavaScript優化之函數節流與函數防抖
一、概念解釋 函數節流和函數防抖,兩者都是優化高頻率執行js代碼的一種手段。 大家大概都知道舊款電視機的工作原理,就是一行行得掃描出色彩到屏幕上,然後組成一張張圖片。由於肉眼只能分辨出一定頻率的變化,當高頻率的掃描,人類是感覺不出來的。
原创 HTML中的meta標籤
<HEAD> //1.基本標籤 <! - 聲明文檔使用的字符編碼 - > <meta charset =“utf-8”/> <! - 優先使用IE最新版本和Chrome - >
原创 pie.htc的使用----使IE6/7/8兼容部分CSS3屬性
一、前言 pie.htc是一個可以解決IE6/7/8無法支持CSS3屬性的文件,其利用VML繪製相關的效果。要注意的是它並不能實現所有CSS3效果,其兼容的屬性有:box-radius,線性漸變( linear-gradient),rgb
原创 CSS盒子模型
CSS盒子模型分爲標準盒子和IE盒子,那麼兩者有什麼區別呢。我們運行下面代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
原创 CSS你不知道的border
提到CSS的border相信大家一點都不陌生,利用CSS的border可以爲元素添加邊框,例如,我們爲一個id爲triangle的元素添加一個邊框: <!DOCTYPE html> <html lang="en"> <head>
原创 CSS清除浮動
CSS清除浮動 目錄 一、父元素設置高度 二、使父元素浮動 三、父元素添加display:inline-block 四、浮動元素後添加 五、使用:after僞類 六、溢出隱藏 問題引入:當在容器中出現浮動元素可能會導致浮動元素超出
原创 CSS文字省略
在平時項目中可能會遇到文字在固定寬高的容器中可能會放不下,這時需要將文字多餘部分隱藏並用省略號的方式顯示。實現方式如下: <!DOCTYPE html> <html lang="en"> <head> <meta
原创 jQuery.proxy()解析
jQuery.proxy()方法的兩種使用方法: 該方法作用是改變函數作用域(依靠apply方法實現) 方式一:jQuery.proxy(function,context) 該方式作用是將function的作用域修改爲context,