標(biāo)簽?zāi)夸洠?span>Web

2017
09-26

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

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

2016
11-03

Web優(yōu)化訓(xùn)練營, 網(wǎng)頁提速50倍

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

2016
07-07

十年WEB技術(shù)發(fā)展歷程

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

2016
04-20

Web動效研究與實踐

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

2016
03-18

2016年Web前端面試題目匯總

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

2016
01-12

提高WEB用戶體驗至關(guān)重要的幾點

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

2016
01-11

web App VS native App，路遙知馬力

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

2015
12-02

web前端規(guī)范

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

2015
11-12

為什么要提升web性能？

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

2015
08-05

Web開發(fā)中的18個關(guān)鍵性錯誤

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

2015
07-04

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

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

2015
06-30

WSDL : 描述你的Web服務(wù)——WSDL詳解

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

2015
04-04

8個最佳Web開發(fā)資源推薦

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

2015
03-28

關(guān)于Web網(wǎng)站項目的10個問題

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

2015
02-12

AngularJS+ASP.NET MVC+SignalR實現(xiàn)消息推送

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

2015
02-11

JavaScript人臉檢測的實現(xiàn)方法

今天，我們開始學(xué)習(xí)tracking.js,它是一個由EduardoLundgren開發(fā)的輕量級的javascript庫，它可以讓你做實時的人臉檢測，色彩追蹤和標(biāo)記好友的臉。在這個教程中，我們將會看到，我們?nèi)绾螐撵o態(tài)圖片中檢測臉，眼睛和嘴巴。我一直對視頻和圖片中的人臉標(biāo)記、檢測和人臉識別技術(shù)很感興趣。盡管我知道獲取邏輯和算法去開發(fā)人臉識別軟件或者插件已經(jīng)超出了我的想象。當(dāng)我知道Javascript庫可以識別微笑，眼睛和臉部結(jié)構(gòu)時，我得到啟發(fā)去... 繼續(xù)閱讀 >