標簽目錄：Web

2017
09-26

58 同城 iOS 客戶端搜索模塊組件化實踐

引言58同城的搜索功能支撐了近一半的用戶流量，所以搜索是一個很重要的模塊。眾所周知，iPhone的搜索是通過Spotlight來實現的，那么在App內部是如何實現搜索呢？首先了解一下58同城的搜索需求：58同城首頁，提供搜索功能，稱為全站搜。58同城有二手物品、房產、二手車、招聘、黃頁幾大業務線，這是粗粒度的業務線。細分一下，二手可以拆分出二手物品、寵物等類別；房產拆分出租房、二手房等類別；... 繼續閱讀 >

2016
11-03

Web優化訓練營, 網頁提速50倍

前言我們將通過一個完整的實例,一步步的優化加載,渲染等各方面的體驗.開始首先我們先看一下項目的文件構成這之中包含了一個基本網頁的元素,js(ReactApp),css,還有圖片.我們先來看一下來serve整個網頁的部分.server.js'usestrict';constfs=require('fs');constpath=require('path');constkoa=require('koa');constapp=koa();app.use(function*(next){constfile=this.path.slice(1)||'index.... 繼續閱讀 >

2016
07-07

十年WEB技術發展歷程

一個小分享，知識有限，拋磚引玉。ajax03年的時候我上六年級，那時候網吧剛在小縣城的角落萌生。傳奇，大話西游第一代網游一時風靡。我抱著試一試的心態給了網吧老板兩塊錢想申請個號玩玩，然后接下來的一個小時我一直在，注，冊，賬，號。彼時網吧用的512k的帶寬，注冊的時候，填了一堆信息，提交，頁面跳轉，嘣，"您填寫的信息有誤，請重填"。然后跳轉回注冊頁面，以此循環。我現在時常想，如果當時ajax能普及開來，我就可... 繼續閱讀 >

2016
04-20

Web動效研究與實踐

隨著CSS3和HTML5的發展，越來越多狂拽炫酷叼炸天的動效在網頁設計上遍地開花，根據最新的瀏覽器市場份額報告，IE6的份額已經降到了5.21%，這簡直是一個喜大普奔的消息，做動效可以完全不care低端瀏覽器的時代已經在向我們招手了。俗話說得好，顏值不夠，動效來湊，Web動效已經不僅僅是網頁設計的潤滑劑了，它的功能更多的體現在了交互邏輯、視覺渲染和創新實踐上，上能引人注目，下能潛移默化。下面將通過經典的黃金圈法則來... 繼續閱讀 >

2016
03-18

2016年Web前端面試題目匯總

以下是收集一些面試中經常會遇到的經典面試題以及自己面試過程中無法解決的問題，通過對知識的整理以及經驗的總結，重新鞏固自身的前端基礎知識，如有錯誤或更好的答案，歡迎指正。:）HTML/CSS部分1、什么是盒子模型？在網頁中，一個元素占有空間的大小由幾個部分構成，其中包括元素的內容（content），元素的內邊距（padding），元素的邊框（border），元素的外邊距（margin）四個部分。這四個部分占有的空間中，有的部分可以... 繼續閱讀 >

2016
01-12

提高WEB用戶體驗至關重要的幾點

一個精通算法經驗豐富的后端工程師，也不一定能夠完成出色的前端頁面，對邏輯經驗豐富的程序員來說，html/css顯得繁瑣低效，即便是SASS、LESS這樣的框架也難以讓傳統程序員理解前端工程師，多數人眼中前端是編程與設計各占一部分的新職業，特別是在眾人把用戶體驗掛在口中時，更讓人覺得前端應當對此有獨特的理解。其實在我看來，用戶體驗這東西不管是從哪方面來說都沒有一個確切的定義，可能前端可以更多的用經驗來認識它，亦有... 繼續閱讀 >

2016
01-11

web App VS native App，路遙知馬力

HTML5HTML5這個概念也已經炒作了幾年了，看了很多關于HTML5的文章，包括一些技術書籍，對這一概念吹的雨里霧里，說了一大堆新特性講了一大堆抽象的概念。搞得我很長時間才搞清楚什么是HTML5。其實沒什么太多的東西，就是督促各個瀏覽器廠商都支持一些新的比較實用的屬性，大家的行為盡量保持一致。給HTML添加了一些實用的標簽，讓一部分以前需要寫很多JS代碼才能實現的效果，只需要一個標簽就可以簡單搞定，當然這是在得到了瀏... 繼續閱讀 >

2015
12-02

web前端規范

1.規范說明此為前端開發團隊遵循和約定的代碼書寫規范，意在提高代碼的規范性和可維護性。此規范為參考規范，不全是硬性要求，部分硬性約定見下一條書寫規范，統一團隊編碼規范和風格。讓所有代碼都是有規可循的，并且能夠得到沉淀，減少重復勞動。1.1結構說明--項目結構----|----CSS文件結構----|----JS文件結構2.書寫規范2.1樣式與內容分離2.1.1項目結構---|----index.html入口頁|----... 繼續閱讀 >

2015
11-12

為什么要提升web性能？

為什么要提升web性能？Web性能黃金準則：只有10%~20%的最終用戶響應時間花在了下載html文檔上，其余的80%~90%時間花在了下載頁面組件上。web性能對于用戶體驗有及其重要的影響，根據著名的`2-5-8`原則：當用戶在2秒以內得到響應，會感覺系統的響應非?？飚斢脩粼?-5秒之內得到響應，會感覺系統的響應速度還可以當用戶在5-8秒之內得到響應，會感覺系統的響應非常慢，但還可以接受當用戶在8秒之后都沒有得到響... 繼續閱讀 >

2015
08-05

Web開發中的18個關鍵性錯誤

前幾年，我有機會能參與一些有趣的項目，并且獨立完成開發、升級、重構以及新功能的開發等工作。本文總結了一些PHP程序員在Web開發中經常忽略的關鍵錯誤，尤其是在處理中大型的項目上問題更為突出。典型的錯誤表現在不能很好區分各種開發環境和沒有使用緩存和備份等。下面以PHP為例，但是其核心思想對每一個Web程序員都是適用的。應用程序級別的錯誤1、在開發階段關閉了錯誤報告我唯一想問的是：為什么？為什么在開發的時... 繼續閱讀 >

2015
07-04

高性能 Web 集群系列文章（一）——如何生成每秒百萬級別的 HTTP 請求？

本文是構建能夠每秒處理3百萬請求的高性能Web?集群系列文章的第一篇。它記錄了我使用負載生成器工具的一些經歷，希望它能幫助每一個像我一樣不得不使用這些工具的人節省時間。負載生成器是一些生成用于測試的流量的程序。它們可以向你展示服務器在高負載的情況下的性能，以及讓你能夠找出服務器可能存在的問題。通過負載測試了解服務器的缺點，是測試服務器彈性以及未雨綢繆的好方法。負載生成工具（Load-GeneratingTools）... 繼續閱讀 >

2015
06-30

WSDL : 描述你的Web服務——WSDL詳解

一、WebService相關概念webservice：遠程調用的一種方案。一種解決跨平臺、跨語言間的分布式系統的集成（整合）方案esb：enterpriseservicebus企業服務總線soap：simpleobjectaccessprotocal簡單對象訪問協議（http+xml）soa：serviceorientedacrchietecture(面向服務的架構)wsdl：webservicedescriptionlanguage,webservice描述語言二、WSDL詳解1）WebService"Stack"其中，綠色部分是先前已經定義... 繼續閱讀 >

2015
04-04

8個最佳Web開發資源推薦

無論你是需要選擇一門新的編程語言，或是了解最新的標準，還是需要從其他地方找到一些靈感，我們這里為你整理了一些很好的Web開發資源，幫助你更成功地進行Web開發。這里列出10個最佳Web開發資源，它們都是受到權威推薦的高質量內容： 1.W3schoolsW3Schools是為開發者優化準備的，可以用來學習、測試以及練習，這里提供的例子會幫助你更好理解知識。 2.Html很多人都認為開發一個網站是很復雜的，其實根本不是這樣，... 繼續閱讀 >

2015
03-28

關于Web網站項目的10個問題

Web設計和開發是一個長期的、迭代的過程。它可以花費數周或數個月。如果你專注于細節時，你很容易會迷失其中。你實現了網站的原始目標了嗎？又或者說你太全神貫注于創建一個精致的藝術品，以至于忘記了用戶，忘記了收益？這聽起來很讓人厭煩，不過這種事經常發生，不是嗎？為了不迷失，我會問一下之前沒有看過我網站的觀眾，并為我解答以下這些問題：這個網站的受眾是誰？這些受眾會在這個網站上發現什么？容易發現嗎？他們必須反... 繼續閱讀 >

2015
02-12

AngularJS+ASP.NET MVC+SignalR實現消息推送

背景OA管理系統中，員工提交申請單，消息實時通知到相關人員及時進行審批，審批之后將結果推送給用戶。技術選擇最開始發現的是firebase，于是很興奮的開始倒騰起來。firebase用起來倒是簡單：引用一個js即可，按官網上的教程很快便應用到了項目中。第二天打開項目發現推送功能不好使了，這是為何？最后發現firebase官網打不開了。。。難道firebase被google收了也會被天朝給墻掉？也許是firebase自己掛掉了，總之是用不了了。因... 繼續閱讀 >

2015
02-11

JavaScript人臉檢測的實現方法

今天，我們開始學習tracking.js,它是一個由EduardoLundgren開發的輕量級的javascript庫，它可以讓你做實時的人臉檢測，色彩追蹤和標記好友的臉。在這個教程中，我們將會看到，我們如何從靜態圖片中檢測臉，眼睛和嘴巴。我一直對視頻和圖片中的人臉標記、檢測和人臉識別技術很感興趣。盡管我知道獲取邏輯和算法去開發人臉識別軟件或者插件已經超出了我的想象。當我知道Javascript庫可以識別微笑，眼睛和臉部結構時，我得到啟發去... 繼續閱讀 >