标签目录：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秒以内得到响应，会感觉系统的响应非常快当用户在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库可以识别微笑，眼睛和脸部结构时，我得到启发去... 继续阅读 >