作者：莫卓颖 序言 相信很多程序员都会经历两件事：第一件事情是没日没夜加班撸代码；第二件事情是写的程序出现bug没有及时发现而被老板骂。 不知道大家有木有考虑从工具或者架构的角度出发去解决以上两个问题，木有考虑的同学也木有关系，本系列文章将会将会围绕整个前端的开发流程出发解决这两个问题，帮助大家提高

作者：莫卓颖 背景 相信大家在做项目的过程中会经常遇到这样的一个需求，鼠标hover到某个元素的时候为这个元素添加边框，这个简单的需求仅需注意添加边框后不会对原有的位置造成布局的影响从而造成布局跳动。本文将会试图探讨完成这个简单需求的方法。 方案一 实现思路：为元素中预先设置边框，边框的颜色与元素所

作者：TAT.郭林烁 原文地址 直出是什么？到底是怎样的性能优化？本文将结合从在浏览器输入url，到展示最终页面的过程来对其进行一步步分析，并将在手Q web 中的实际应用实践进行总结。 模式 1 - 前后分离 从用户输入 url　到展示最终页面的过程，这种模式可简单的分为以下 5 部分： 用户输入

一、什么是内滚动布局？ 所谓“内滚动布局”，顾名思义就是主滚动条在页面内部的布局，是相对于传统的滚动而言的，例如，下图所示滚动条，是从头部下方开始： 传统的页面滚动，基本上是相对于整个浏览器窗体，例如，QQ视频首页： 二、为什么会有内滚动布局？ 随着显示器设备越大越宽越密，以及现代web技术的发展。

HTML5是如今最先进的WEB开发技术，虽然已经沿用了多年，但是HTML5的技术标准，其实上并未明确制定完成。日前，互联网权威技术组织万维网联盟（W3C）正式宣布，历时八年的HTML5标准制定全面完成，正式开始面向行业作出采用推荐。 W3C是全球有关互联网WEB技术的权威技术标准组织，推动了互联网尤

视频直播这么火，再不学就 out 了。 为了紧跟潮流，本文将向大家介绍一下视频直播中的基本流程和主要的技术点，包括但不限于前端技术。 1. H5 到底能不能做视频直播？ 当然可以， H5 火了这么久，涵盖了各个方面的技术。 对于视频录制，可以使用强大的 webRTC（Web Real-Time Co

导语 性能调优是一个亘古不变的话题，无论是在传统H5上还是小程序中。因为实现机制不同，可能导致传统H5中的某些优化方式在小程序上并不适用。因此必须另开辟蹊径找出适合小程序的调估方式。 本文旨在介绍两点在小程序开发过程当中碰到的一些性能问题以及 WePY 的一些优化方案。 小程序组件化框架 WePY

导语 随着移动设备性能不断增强，web 页面的性能体验逐渐变得可以接受，又因为 web 开发模式的诸多好处(跨平台，动态更新，减体积，无限扩展)，APP 客户端里出现越来越多内嵌 web 页面（为了配上当前流行的说法，以下把所有网页都称为 H5 页面，虽然可能跟 H5 没关系），很多 APP 把一些

从共享经济、小程序，到新零售、知识付费、人工智能 互联网的发展持续火热 线上与线下的融合趋势愈加明显 从过去的“流量思维”，到现在的“用户思维” 这不仅仅是企业盈利模式的改变 更是一种商业文化的迭代 在这个充满机遇和挑战的商业时代 每个行业都有被颠覆的可能性 面对难以预料的未知变化 我们必须努力提升

2018，多变的一年。 一线城市互联网用户市场趋于饱和，人口红利带来的高增长渗透率消失殆尽，流量革命到来。产品生命周期缩短，运营渠道流量变小。互联网下半场，竞争逐渐回归本源。 短视频，区块链，新零售，人工智能等新兴浪潮此起彼伏，未来，风口和趋势将如何发展？ 行业在进步，人才需求在改变。互联网领域服务

​ 本节核心内容 启动一个最简单的 RESTful API 服务器 设置 HTTP Header API 服务器健康检查和状态查询 编译并测试 API 本小节源码下载路径：demo01 可先下载源码到本地，结合源码理解后续内容，边学边练。 如无特别说明，本教程的操作和编译目录均是 API 源码的根目

经过腾讯 Omi 团队的努力，今天你可以在小程序中使用 Cax 引擎高性能渲染 SVG！ SVG 是可缩放矢量图形(Scalable Vector Graphics)，基于可扩展标记语言，用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。SVG 的优势有很多: SVG 使用 X

Jeremy xu 从前爱撸码，如今爱遛娃的 十年程序老兵 导言 相信同学们都遇到过这种场景： 每次搭建一个测试场景，会涉及很多台虚拟机，如果全部手工搭建，不仅很繁琐，而且不便于保存成果，下次遇到同样的需求又得重搭一次，而极容易出错，这些人肉操作也不便于修订管理。 所以 让我们祭出今天的主角 妈妈再

导语：本文从市面主流的浏览器及相应的内核引擎开始，介绍了Chromium为代表的浏览器架构及Blink内核的功能架构。Chromium为多进程架构，用户从启动运行浏览器后，先后经过页面导航、渲染、资源加载、样式计算、布局、绘制、合成到栅格化，最后完成GPU展示。而页面渲染完成后，浏览器如何响应页面操

前言 很多论坛、博客在进行图片上传之后，都会给自己的图像加上水印，这样可以证明这张图片「属于我」或者是「来自我的博客/网站」。 传统的加水印的方法，通常是在流程内进行，即： 这种做法虽然可行，但是无疑会增加单次请求，服务端的压力，如果是高并发的情况下，或者多人上传多张大图的时候，那么可能就会造成自身