原创 現代前端庫開發指南系列(二):使用 webpack 構建一個庫

前言 在前文中,我說過本系列文章的受衆是在現代前端體系下能夠熟練編寫業務代碼的同學,因此本文在介紹 webpack 配置時,僅提及構建一個庫所特有的配置,其餘配置請參考 webpack 官方文檔。 輸出產物 構建一個庫與構建一個一

原创 avalon搭配masonry實現MVVM瀑布流

相關組件版本:avalon 1.3.6、masonry 3.1.5 最近,在公司的項目中,要開發一個使用瀑布流的前臺,衡量了各種解決方案後,還是覺得masonry最成熟,所以就選用了它。而在之前開發後臺的過程中,對avalon也用

原创 推薦一個用於壓縮圖片的JS插件:localResizeIMG

慣例,先貼傳送門:https://github.com/think2011/localResizeIMG 首先說到,爲嘛要壓縮圖片,這需求一般出現在需要上傳照片(尤其是移動端)的情況下,現在手機拍出來的照片隨隨便便就是好幾兆,無論

原创 分離開發環境與生產環境的配置文件

前言:遙想從前在4399,老是有人把自己本地的配置文件commit到線上,然後公司的RTX就開始瘋狂轟炸過來:“頁面出錯了!”、“這數據不對啊!”、“領導要用啊快點修復啊啊啊啊啊”,好吧,這我也是醉了…… 最近爲了新公司、新項目

原创 關於IE下中文URL亂碼的問題

在做公司前臺的時候,遇到了這麼一個需求:通過url(形如 http://aiispo.cn/tag/女孩限定 )來做一個路由,並提取url中的信息進行相應的操作,在我的規劃中,url出現中文是無可避免的事情了。但是,當我把中文參數

原创 html5系列:device's media capture mechanism(設備的媒體捕捉機制)——利用input:file調用設備的照相機/相冊、攝像機、錄音機

先貼W3C官方文檔鏈接:http://www.w3.org/TR/html-media-capture HTML Media Capture作爲一個候選的建議方案,尚未定稿,即未被W3C完全認可,還處於不斷更新的狀態,截至目前爲止

原创 無法爲 php_mysqli 指定 mysqli.default_socket 參數

mysqli_connect(): (HY000/2002): Can’t connect to local MySQL server through socket ‘/var/lib/mysql/mysql.sock’ (2)

原创 html5系列:僞主動觸發input:file的click事件

背景 從前,input:file是不能主動觸發click事件的,據說是安全方面的考慮。因此,在美化input:file的時候就麻煩了,最通用的方案是,製作一個經過美化後的<button>,然後把input:file調整好尺寸,覆蓋

原创 現代前端庫開發指南系列(三):從說明文檔看庫的前世今生

前言 我們在工作中很多時候都要做技術選型,去找尋既能滿足自己需求又靠譜的第三方庫;在前端開源生態季度繁盛的現狀下,只要不是太小衆的需求,我們很容易就能找到一堆相關的開源庫,那我們具體要怎麼做決策呢?我的做法是,先閱讀開源庫的說明文

原创 JS根據動態生成的字符串,驗證是否存在對應function並執行

這個需求是在我搭建前端項目框架的時候遇到的: 由於我走的是前後端完全分離的路線,那前端部分少了後端的支持,所以就少不了要做點路由、分發之類的工作,而在用路由跳轉到新的“頁面”後,我需要執行相應的function來獲取第一版的數據。

原创 記離線緩存(manifest)一大坑,斷定其只適用於靜態網站或離線應用

今天看了離線緩存(manifest)方面的資料,興沖沖地就想給自己的網站用上。待我把代碼都寫好部署上服務器,並測試過OK的時候,在SegmentFault刷了一把manifest方面的問答,才發現這個大坑:manifest除了緩存mani

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

本文首發於Array_Huang的技術博客——實用至上,非經作者同意,請勿轉載。 原文地址:https://segmentfault.com/a/1190000005046177 template string template

原创 Web開發者手邊的一本CentOS小書

緣起 畢業四年有餘,這一段走來甚是曲折。web開發是個大工程,其中牽涉到的知識點數不勝數,我本以爲這路是一往無前,卻道是盤繞而上;紙上得來終覺淺,初時看往往不知所然,非得整體境界提升,才能細品其中意味。真應了《苦瓜》的那句,“大概今生有些

原创 photoshop cc 自動切圖

很多年前,當我只知道photoshop有圖層這個概念時,我就猜想,應該有一個功能能把這些圖層都分別導出來纔對呀。不過從今時今日來看,我的這個猜想還是比較超前的,因爲知道photoshop cc版本纔有了“自動切圖”這一自動導出圖層的功能。

原创 巧用Html5 History Api解決SPA的SEO問題

背景 想當年,我做了一個新媒體網站項目(AIISPO,已下線)。跟普通資訊網站不一樣的是,老闆要求PC端前臺的文章閱讀模式一定得是瀑布流+模態框。瀑布流指的是以瀑布流的形式將文章羅列出來,而模態框則指的是點擊瀑布流中代表文章的某個文塊時,