博客 RSS 訂閱

116263 頭像

前端胖頭魚 - zepto源碼分析之form模塊

前言 JavaScript最初的一個應用場景就是分擔服務器處理表單的責任，打破處處依賴服務器的局面，這篇文章主要介紹zepto中form模塊關於表單處理的幾個方法，serialize、serializeArray、submit。 原文鏈接 github項目地址 表單相關回顧 在開始學些form模塊相關方法前，我們先來回顧一下表單提交時，瀏覽器是怎麼樣將數據發送給服務器的(以下內容摘自《

zepto , css3 , jquery , html5 , Javascript

收藏 評論

hefty 頭像

對角另一面 - 讀Zepto源碼之IOS3模塊

IOS3 模塊是針對 IOS 的兼容模塊，實現了兩個常用方法的兼容，這兩個方法分別是 trim 和 reduce 。 讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本 本文閲讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 trim if (String.prototype.trim === undefine

zepto , polyfill , ios , jquery , Javascript

收藏 評論

hefty 頭像

對角另一面 - 讀Zepto源碼之Gesture模塊

Gesture 模塊基於 IOS 上的 Gesture 事件的封裝，利用 scale 屬性，封裝出 pinch 系列事件。 讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本 本文閲讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 整體結構 ;(function($){ if ($.os.ios) {

gesture , zepto , ios , jquery , Javascript

收藏 評論

itdragon 頭像

itdragon - bootstrap創建登錄註冊頁面

bootstrap創建登錄註冊頁面 本章內容是用bootstrap做的登入註冊頁面，並使用jquery-validate進行表單驗證。 技術：bootstrap，font-awesome，jquery-validate； 特點：響應式佈局，表單驗證，背景圖片自適應屏幕大小； 宗旨：從實戰中學知識。 效果圖： html代碼： 第三方資源的導入是用cdn引入；當

bootstrap , validate , awesome

收藏 評論

turing_interview 頭像

圖靈訪談 - Head First系列圖書策劃人Kathy：成就用户，不是培養“骨灰級粉絲"

本文僅用於學習和交流目的，不得用於商業目的。非商業轉載請註明作譯者、出處，並保留本文的原始鏈接：http://www.ituring.com.cn/art... 訪談嘉賓： Kathy Sierra， O'Reilly出版社HeadFirst系列圖書策劃人之一，大型Java開發者社區JavaRanch.com創辦人，多款教育類和娛樂類遊戲主要開發人員。她深諳產品交互之道和認知科學理論，為加

設計師 , 用户思維 , 圖靈訪談 , 設計原則 , 用户體驗

收藏 評論

xiaohuoche 頭像

小火車 - 和其他庫（jquery,backbone）一起使用react

注：由於譯者水平有限，難免會出現錯誤，希望大家能指出，謝謝。 react 可以被用在任何的web 應用中。它可以被嵌入到其他的應用中，要是你小心一點，其他的應用也能被嵌入到react中。這篇文章將會從一些常用的使用場景入手，重點會關注與jQuery 和backbone 的交互。但是裏面的思想在我們和其他庫交互時都是可以被參考的。 和操縱DOM的插件的交互 react 感知不到它管理之外的dom 的

react , backbone , jquery , Javascript

收藏 評論

lmxdawn 頭像

lmxdawn - Ios/Android h5 喚起本地APP

糾結兩天（瀏覽器中喚起本地APP），一直找不到解決方案，今天總算基本搞定。 ps：吐槽一下 魔窗那篇文章，為什麼就不直接把js代碼開源開源，混淆後的代碼看得我好惱火 參考文章：魔窗解決方案、京東解決方案 首先是判斷瀏覽器 // 判斷瀏覽器 var Navigator = navigator.userAgent; var ifChrome = Navigator.match(/Chrome/i) !

Android , ios9 , HTML , html5

收藏 評論

turing_interview 頭像

圖靈訪談 - 《跟阿銘學Linux》作者李世明：談不上告白，就是幫女友轉型而已

本文僅用於學習和交流目的，不得用於商業目的。非商業轉載請註明作譯者、出處，並保留本文的原始鏈接：http://www.ituring.com.cn/art... 訪談嘉賓： 阿銘，本名李世明，阿銘Linux培訓創辦者，猿課聯合創始人，從事互聯網運維工作8年多，先後就職於Discuz、騰訊、好貸，從最基礎的運維到高級運維工程師，再到運維部門負責人，運維過的網站從訪問量十幾萬PV到上億PV，經

圖靈訪談 , linux運維 , Linux

收藏 評論

wuyuedexingkong 頭像

五月的星空 - web性能優化規則

1、減少HTTP請求 why 減少響應時間。 how CSS Sprites 合併樣式腳本 內聯圖片（使用data:URL模式可以在web頁面中包含圖片但不需要額外的HTTP請求） 2、使用內容發佈網絡（CDN） why 瀏覽器是根據域(Domain)來緩存內容資源的，只要域不一樣，那麼它就需要重複下載這些資源，而且使用同樣的方式將它們緩存起來。 帶來的問題：重複地下載，這會佔用網絡資源

web性能優化 , Javascript

收藏 評論

sls0927 頭像

sls0927 - 服務器端基礎

1.Web服務器 “Web服務器”可以指硬件或軟件，或者兩者一起工作。 在硬件方面，Web服務器是一種存儲網站組件文件（例如HTML文檔，圖像，CSS樣式表和JavaScript文件）並將其傳遞給最終用户設備的計算機。它連接到互聯網，可以通過域名訪問。 在軟件方面，Web服務器包括幾個部分，用於控制Web用户如何訪問託管文件，至少先要有HTTP服務器。HTTP服務器是一個能夠解析URL和HT

服務器端

收藏 評論

turing_interview 頭像

圖靈訪談 - “科技貓”聯合創始人古茜：懂科技的女生更性感

本文僅用於學習和交流目的，不得用於商業用途。非商業轉載請註明作譯者、出處，並保留本文的原始鏈接：http://www.ituring.com.cn/art... 訪談嘉賓： 古茜，是女性技術社區科技貓的聯合創始人，多次代表國內女性技術社區參與國際技術交流大會和女性峯會。中國技術社羣聯盟成員，SheroChina 2016女性影響力年度獲獎者，致力於幫助每一位熱愛技術的女性找到擴展自我的起點

技術社區 , 圖靈訪談 , ruby , 程序媛 , Git

收藏 評論

daryl 頭像

daryl - Generator 的異常處理

本文是我在研究 PHP 異步編程時的總結。對於相當多的 PHPer 來説，可能都不知道 Generator，或者對 Generaotr 的流程不是很熟悉。因為 Generator 使得程序不再是順序的。鑑於本人的水平有限，如果有不同意見，還望指點一二，不勝感激！ PHP 中的異常處理 從 PHP 5 開始，PHP 為我們提供了 try catch 來進行異常處理。當我們使用 catch 將異

php , yield , generator , exception , throw

收藏 評論

shilele 頭像

micstone - 【前端Talkking】JS-一步一步掌握Javascript中的原型與原型鏈

0.寫在前面 如果大家想深入學習Javascript編程語言，Javascript中的原型及原型鏈是必須掌握的。當初我在學習原型及原型鏈的時候，就遇到過不少阻礙，希望通過我的這篇文章，能夠讓你真正的掌握JavaScript中的原型及原型鏈。好啦，開始我們的原型及原型鏈的旅途吧~ 在介紹Javascript原型之前，我們先來了解一段歷史。 1.Javascript繼承機制的設計思想 1994年

javascript繼承 , javascript原型

收藏 評論

turing_interview 頭像

圖靈訪談 - 《SQL基礎教程（第2版）》作者MICK：上帝存在於細節之中（圖靈訪談）

本文僅用於學習和交流目的，不得用於商業目的。非商業轉載請註明作譯者、出處，並保留本文的原始鏈接：http://www.ituring.com.cn/art... 訪談嘉賓：MICK， 就職於日本的一家系統開發公司，是性能方面的工程師。專業領域是BI/DWH之類的大規模數據解析系統的設計和性能優化，如果發生性能問題，也會去應對OS資源或者Java的內存解析等各個方面。此外，最近也擔任培訓工作

性能優化 , MySQL , nosql , 圖靈訪談 , SQL

收藏 評論

kumfo 頭像

kumfo - 關於PHP協程與阻塞的思考

進程、線程、協程 關於進程、線程、協程，有非常詳細和豐富的博客或者學習資源，我不在此做贅述，我大致在此介紹一下這幾個東西。 進程擁有自己獨立的堆和棧，既不共享堆，亦不共享棧，進程由操作系統調度。 線程擁有自己獨立的棧和共享的堆，共享堆，不共享棧，線程亦由操作系統調度(標準線程是的)。 協程和線程一樣共享堆，不共享棧，協程由程序員在協程的代碼裏顯示調度。 PHP中的協程實現基礎 yield

php , yield , 協程

收藏 評論

leancloud 頭像

LeanCloud - LeanCloud 開源工單系統 LeanTicket 煥然一新

相信很多開發者已經注意到，LeanCloud 的工單系統 LeanTicket 改版了。新版的 LeanTicket 不僅更新了界面，採用了響應式的頁面佈局來適配移動端，並且添加了諸多新功能，如增加了更多的工單狀態來更清楚地羅列工單時間線的變化和下一步行動、完善了統計報告、優化了系統響應速度等等。 在 LeanCloud，LeanTicket 一直是我們對外提供技術支持服務的主要工具之一，經歷過

leancloud

收藏 評論

oneziyu 頭像

ones - PHP7中生成器的新特性 yield-from && return-values

生成器委託 簡單地翻譯官方文檔的描述： PHP7中，通過生成器委託（yield from），可以將其他生成器、可迭代的對象、數組委託給外層生成器。外層的生成器會先順序 yield 委託出來的值，然後繼續 yield 本身中定義的值。 利用 yield from 可以方便我們編寫比較清晰生成器嵌套，而代碼嵌套調用是編寫複雜系統所必需的。 上例子： ?php function echoTi

yield-from , php , yield , 協程

收藏 評論

geeeger 頭像

geeeger - webpack中打包後端模板的思路

整合jade輸出到webpack 目前來説，由於seo需要，前端需要配合中間層使用後端渲染。當前的構建中，我們的構建會全量將jade移入相應的dest文件，修改後會對對應的文件進行重新複製移動，但當我們使用webpack的時候，後端模板的處理變成了一件頭疼的事。 如果要用webpack，我們首先要處理的便是模板文件中引用的靜態資源的問題。我們應該做的事情是想如何將jade資源通過自己的手段分析，達

jade , webpack

收藏 評論

teobler 頭像

teobler - webpack

個人博客前端渣渣不定期分享自己所學的前端知識 使用webpack也有一段時間了，但是沒有系統的去學習，最近無心代碼，正好用這段時間系統地看一下webpack,借鑑一下前輩們的經驗，防止忘記，記錄下來。 什麼是webpack Webpack 是一個開源的前端打包工具。Webpack 提供了前端開發缺乏的模組化開發方式，將各種靜態資源視為模組，並從它生成優化過的程式碼。 Webpack可以從終

單頁面應用 , webapp , webpack , webpack入門

收藏 評論

anetin 頭像

anetin - 使用gulp+bower構建Angular.js項目

本文重點是詳細介紹Angular.js項目的構建。gulp是優秀的自動化項目構建工具，我們將用它完成 javascript/less/css/html/images/fonts 等文件的的測試、檢查、合併、壓縮、格式化、瀏覽器自動刷新、部署文件生成，並監聽文件在改動後重復指定的這些步驟(熱重載)。bower是項目依賴管理工具。 環境需求 gulp運行在nodejs環境，首先安裝nodejs。一般n

gulp , angularjs , bower , Javascript

收藏 評論

segmentfault 頭像

SegmentFault思否 - SegmentFault 技術週刊 Vol.29 - 聽説前端又出新工具了？驚不驚喜？

在前端刀耕火種的年代，佈局用 table 標籤，CSS 樣式大量內聯；校驗 JS代碼是否規範，需要複製代碼到 jshint（相信很多 “前輩” 對此都不陌生）；壓縮合並代碼，也是通過壓縮工具壓縮完再複製到一個文件裏；修改了代碼要查看效果，必須手動刷新瀏覽器；代碼寫好了要發佈到服務器，需要用 FTP 軟件上傳，等等等等。 其實嚴格來説，那個時候還沒有前端開發這個職位，那個時候叫切圖仔或者頁面仔，隸

前端工程化 , 前端構建 , 前端工具 , segmentfault-技術週刊

收藏 評論

evaaz 頭像

清蒸不是水煮 - ? SegmentFault 2017 年第二季度 Top Writer

一羣卓越的開發者，他們分享知識與經驗，他們佈道技術未來，他們讓眾多開發者受益，他們叫 Top Writer。 時間如流水，轉眼 2017 年已過去大半，進入炎熱的夏天，而我們的優質問答和文章熱度絲毫不遜於氣温的説（捂臉），Talking is cheap，Show you the Top Writer ~ 以下分別是第二季度問答和文章的 Top Writer，以及他們的高票內容。 問答

segmentfault-top-writer

收藏 評論

turing_interview 頭像

圖靈訪談 - 工業智能化專家李傑：數據預見未來（圖靈訪談）

本文僅用於學習和交流目的，不得用於商業目的。非商業轉載請註明作譯者、出處，並保留本文的原始鏈接：http://www.ituring.com.cn/art... 6月15日~6月18日，圖靈作為技術圖書出版先鋒品牌，受邀參加了第十五屆中國國際軟件和信息服務交易會（中國軟交會）。本屆中國軟交會以“新IT、新生態、新動能”為主題，匯聚了來自全球的業界精英和代表，全面展示了IT產業的新技術、新思維和

工業大數據 , 圖靈訪談 , 工業智能化 , 客製化 , 信息技術

收藏 評論

darkgel 頭像

Darkgel - CGI，FastCGI與PHP

CGI 什麼是CGI CGI(Common Gateway Interface)是一個標準協議，它為web服務器提供了一個標準的協議，以便於服務器可以像運行命令行接口程序那樣來運行第三方程序，這些第三方程序可以動態地生成web頁面。這些第三方程序被稱為CGI腳本（滿足CGI定義的程序），或者簡稱CGIs。至於這些CGI程序是如何被執行的則是由服務器決定的。在一般情況下，CGI腳本在接收到we

php , Nginx , cgi , fastcgi , apache

收藏 評論