原创 生成器函數傳參數小記

Generator函數是可以傳參數,一直用的不明不白的,今天寫個例子,運行一下,記錄一下過程,如下面這個小例子: //簡單的序列生成,主要看next傳參數的時機 let test = { getId : function*(data)

原创 ECMA-262, 9th edition部分譯文之chapter 6 part3

6.2 ECMAScript Specification Types 規範類型 原文:A specification type corresponds to meta-values that are used within algorit

原创 ECMA-262, 9th edition部分譯文之chapter 6 part2

接上一篇,是第六部分中關於對象類型的標準闡述。 6.1.7 The Object Type 原文:An Object is logically a collection of properties. Each property is ei

原创 ECMA-262, 9th edition部分譯文之chapter 6 part1

最近比較忙,時不時翻譯點兒,這是第6部分語言數據類型內容第一部分——數值類型 6 ECMAScript Data Types and Values 6.1 ECMAScript Language Types(ECMAScript 語言類型

原创 ECMA-262, 9th edition部分譯文之chapter 4

最近開始研究標準文檔——ECMA-262, 9th edition標準 (http://www.ecma-international.org/ecma-262),這可以說是JavaScript的根本了,標準文章很龐大,希望通過研究能夠了解

原创 js數組常用方法兼容實現

js的數組提供了很多簡便的操作方法。如forEach,map,every,some,filter,reduce。這些方法極大的簡化了數組的操作,甚至將一些類數組數據,如DOM元素,通過es6的[...XXX]解構或者[].slice.ca

原创 幾種製作頁面動畫的總結

往昔流行的頁面flash動畫,已經逐漸被日益強大的CSS,Canvas和Js動畫取代,多種多樣的動畫實現API,可能會給前端開發帶來一些選擇恐懼症,尤其對於新人,所以這裏總結一下幾種動畫的使用,方便日後選擇使用,提示:本文不是細緻的API

原创 CSS中幾種元素隱藏及應用場景

之前寫了一篇關於display和visibility隱藏的區別,其實CSS還有很多隱藏元素的方式,本篇就小總結一下,順便說說應用場景; 一、display 顯隱界的一把手,出場率最高,上一篇已經提到過了。 特性:完全隱藏元素,不存在於渲染

原创 35歲危機?別自己嚇自己!

不知道從什麼時候開始,35歲危機似乎成了職場的一段“佳話”,大有愈演愈烈之勢,引得無數職場人,尤其是研發行業,危機感重重,我不知道這個結論從哪得出來,也許就是看了看“中興跳樓”,“華爲裁員”的事件,一些跟風鼓吹者就開始了。 首先請問,一個

原创 CSS:visibility和display的顯隱性

控制頁面元素的顯隱性,大家用的比較多的還是display屬性,通過none和block或者其他值的切換,來完成顯示與隱藏的功能。但其實visibility屬性,也是控制顯隱性的,大家應該也都知道,只是平時用到的可能比較少,一個是因爲它只是

原创 CSS3 Flex盒模型深入研究

CSS3大力推出的Flex盒模型,應該是現在佈局世界中的一大神器,各種屬性使用和介紹比比皆是,然而CSS本身就是一個相互作用和影響的世界,彈性盒子也一樣。 最近利用Flex盒子佈局時,偶遇一些怪異現象,比如flex-shrink無效,al

原创 Vue各生命週期及相關功能觸發的研究

嘮叨一句 用了很長時間Vue了,但是對於它的各種生命週期及鉤子時而清除,時而糊塗,時常會掉進這些鉤子的坑裏不能自拔,今天干脆研究一下他們的順序,給自己和與我有相同經歷的同學們解惑。這裏只用很簡短的示例,演示了一些執行順序,不涉及整個的Vu

原创 Vue開發登錄組件(附下載)

終於搞定了登錄組件,省的以後總寫了,下次直接加載使用,組件的說明如下,文末有github下載地址,可以去下載,也歡迎大家一起完善,代碼開源。 組件開發核心點: Vue基礎的那幾部分就不多說了,使用Vue的應該都會,這裏就說一下登錄頁面各項

原创 canvas動態背景插件

斷斷續續好幾天,終於把canvas動態背景圖插件搞定了,大體總結一下要點吧。 核心簡介 除了面向對象,封裝,其實最核心的還是canvas轉換圖片的功能,該部分代碼如下: //繪圖 __draw(i, _width, _height, l

原创 CSS:nth-child和nth-of-type的深入理解

囉嗦一句 這兩個選擇器,可不是看起來那麼簡單的使用,如果沒有徹底理解,蒙圈那是必須的——-如下代碼: <style> div .div:nth-of-type(1) { background: #ff0000; } </style>