原创 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,