原创 ES6部分方法點評(三):babel-preset-es2015-loose可轉換且移動端兼容性較好的語法

本文首發於Array_Huang的技術博客——實用至上,非經作者同意,請勿轉載。 原文地址:https://segmentfault.com/a/1190000005688656 前言 由於目前各瀏覽器對ES6兼容性較低,再加上

原创 應對惡劣網絡環境,爲php-curl設置超時限制,防止服務器卡死

挖洋貨這項目,因爲沒有公司的名頭,也就無法備案,所以前端機放在阿里雲香港ECS,另配一臺阿里雲杭州ECS來跑crontab——執行爬蟲、保存圖片到阿里雲OSS等。最近覺得杭州ECS有點多餘了(原本還有個杭州RDS的,統一搬到香港RDS了)

原创 ES6部分方法點評(一)

本文首發於Array_Huang的技術博客——實用至上,非經作者同意,請勿轉載。 原文地址:https://segmentfault.com/a/1190000005042668 一直以來,我對ES6都不甚感興趣,一是因爲在生產

原创 如何在使用新技術前評估其瀏覽器兼容性

這裏向大家推薦兩個網站:caniuse.com以及html5test.com,大家在使用新技術前,可以在這兩個網站上看看瀏覽器的支持情況,看看自己能不能接受,同時也考慮一下能不能優雅降級。 caniuse.com 域名可以用can i

原创 chrome開發者工具功能拾遺:Elements面板篇

本文主要介紹一些本人在此之前不甚瞭解,但經過了解後又發現對自己的工作很有幫助的一些chrome開發者工具調試技巧/功能。也借這篇文章提醒一下自己,在實際項目中多使用這些功能,儘快熟悉起來,提升自己的工作效率。 給DOM設置斷點 在E

原创 推薦插件:imagesLoaded,監測圖片加載情況並提供相應的事件(加載成功/失敗)

慣例,首先貼上imagesLoaded的官方網址:http://imagesloaded.desandro.com/ 第一次知道imagesLoaded這個插件是在做瀑布流佈局時,當時選用的是masonry這個老牌瀑布流插件,images

原创 利用DataURL技術在網頁上顯示圖片

DataURL是什麼? DataURL是一種對文件進行編碼,並將編碼後的內容嵌入及呈現在另一個文件中的規範/協議。 目前DataURL用得最多的領域是把圖片文件轉化成DataURL(此時,這個DataURL就是這個圖片的所有內容)並在網

原创 chrome開發者工具功能拾遺:Sources面板篇

本文主要介紹一些本人在此之前不甚瞭解,但經過了解後又發現對自己的工作很有幫助的一些chrome開發者工具調試技巧/功能。也借這篇文章提醒一下自己,在實際項目中多使用這些功能,儘快熟悉起來,提升自己的工作效率。 直接修改js進行調試 ch

原创 chrome開發者工具功能拾遺:Network面板篇

本文主要介紹一些本人在此之前不甚瞭解,但經過了解後又發現對自己的工作很有幫助的一些chrome開發者工具調試技巧/功能。也借這篇文章提醒一下自己,在實際項目中多使用這些功能,儘快熟悉起來,提升自己的工作效率。 Capture scree

原创 localstorage 必知必會

HTML API localstorage在瀏覽器的API有兩個:localStorage和sessionStorage,存在於window對象中:localStorage對應window.localStorage,sessionStor

原创 html5系列:notification api升級——從webkitNotifications到Notification

最近又鼓搗起兩年前做的一個chrome擴展,想要跑起來卻發現報錯了,看了下console,首先是indexedDB報錯,說是window.webkitIndexedDB已經被廢棄了,用window.indexedDB代替後,就沒再報錯了,

原创 html5系列:form 2.0 新數據類型

所謂新數據類型,其實是體現在倆方面的: 輸入方式:對比起以前只能用鍵盤敲的input:text,現在已經有調用日曆/時鐘的,有調用調色板的,有拉滑動條的……總體來說就是讓你可以更懶更準確地進行輸入。 格式校驗:新的數據類型如range、

原创 html5系列:form 2.0 新結構

以往的一個form表單,結構比較死板,所有的form元素都必須處在<form>和</form>之間纔有效,這會造成一些麻煩,比如說:像bootstrap這種使用<div>來控制佈局的框架,<form>放在哪都很尷尬;另外,目前的web 2