原创 標籤下的下劃線
首先要介紹一下 text-decoration（文本修飾）這個屬性。 它負責設置元素中文本的修飾格式，而<a>標籤的下劃線就是設置了text-decoration: underline。 如果要消去其下劃線，也就只需將它的值改爲none。
2020-06-12 21:17:25
原创 Chrome瀏覽器下fixed元素抖動的解決方案
2018/02/08更新 translate3d和matrix3d的作用是強制調用GPU渲染效果，比CPU渲染的效果更好，同時也不會引起z軸位置的錯位。 首先要說明的是，這個問題並不是在所有瀏覽器下存在，而且也不是在所有chrome瀏
2018-08-22 11:23:47
3
原创 JS中自定義事件的使用與觸發
1. 事件的創建 JS中，最簡單的創建事件方法，是使用Event構造器： var myEvent = new Event('event_name'); 但是爲了能夠傳遞數據，就需要使用 CustomEvent 構造器： var myEve
2018-08-22 11:23:47
原创 觸發瀏覽器重排的一些操作
觸發重排的操作 頁面的初次渲染 DOM樹的結構變化，包括添加、刪除dom元素 獲取某些屬性，包括offsetTop、offsetLeft、 offsetWidth、offsetHeight、scrollTop、scrollLeft、sc
2018-08-22 11:23:47
原创 Linux下部署Hadoop開發環境
需要提前準備的系統環境及軟件有：Eclipse，Hadoop集成包，Java。（推薦從官網下載壓縮包進行解壓，Linux系統自動安裝的功能要考慮國內網絡情況） 本文使用的版本： Linux--Ubuntu 17.04 Hadoop--2
2018-08-22 11:23:46
1
原创 JS閉包中的變量
1.變量的值 2017/09/28 補充 使用IIFE方式執行 for(var i = 0; i<3; i++){ (function (num){ console.log(num); })(i) } 不傳值的IIFE方式
2018-08-22 11:23:46
2
原创 Angular中實現文字的漸變效果
基本思路是利用css中的transition屬性，通過定義兩個class，交替變更，實現淡入淡出的效果。 兩個class的屬性分別爲 .message{ color:#ff0000; transition:2s linear a
2018-08-22 11:23:46
1
原创 Angular中的組件交互
官方文檔其實對此已經有了比較好的說明，但是理解起來還是有一定難度。其實Angular體系的組件交互總結起來就是兩點： 1.父組件向子組件傳值，通過屬性綁定，即中括號[ ] 2.子組件向父組件傳值，通過事件觸發，即小括號( ) 父組件向子組
2018-08-22 11:23:46
2
原创 Angular在IE瀏覽器下的配置
Angular在IE瀏覽器下的配置 Angular自身是以新瀏覽器平臺爲主要目標的，默認沒有設置對IE的支持，需要手動進行設置。 1.tsconfig.json tsconfig.json文件中有一項需要特別注意 "target": "e
2018-08-22 11:23:46
1
原创 TypeScript中LocalStorage存儲和讀取Array類型
2017/09/25 補充 ES6中提供了將類似數組的對象（Array-like Object）轉換成規範的Array類型的方法。 let newArr = Array.from(targetObject); 這裏JSON.parse(
2018-08-22 11:23:46
3
原创 絕對定位下的居中對齊
position:absolute 這是一個常用的定位方式，如果要在頁面內放入一個彈出窗口，執行一些臨時性的操作，就會使用這個定位。React.js的設計理念中就包含對這種方式的經常性使用，主要是因爲React中頁面儘可能不依靠大量操作D
2018-08-22 11:23:46
原创 TypeScript的書寫規範（TSLint）配置修改
新版Angular中使用的Typescript書寫規範非常惱人，比如默認會啓用no-trailing-whitespace這樣的選項。官方對此的說明是爲了配合GIT的使用規範。 雖然這種規則在規範程序員的代碼風格方面有一定作用，但是對於已
2018-08-22 11:23:46
18
原创 滾輪事件(wheel)與Transform實現圖片上下翻滾
通常在實現一些展示性的網頁的時候，我們會選擇兩種方式：製作基於x軸的輪播插件，或者基於y軸上下翻滾的頁面。前者的實現已經非常廣泛，然而後者也有着非常不錯的效果，而且實現起來更爲簡單。需要使用的僅僅是wheel事件和css3的transfo
2018-08-22 11:23:46
原创 <a> 標籤下的下劃線
首先要介紹一下 text-decoration（文本修飾）這個屬性。 它負責設置元素中文本的修飾格式，而<a>標籤的下劃線就是設置了text-decoration: underline。 如果要消去其下劃線，也就只需將它的值改爲none。
2018-08-22 11:23:36