前端人

摘要： 前后端分离之后，网络请求是前端的必备技能。网络请求中浏览器工作流程，你了解多少？ 一、什么是HTTP协议？ HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写，是一种通信协议，主要用于从服务器传输超文本到客户端的传送协议。 我们在浏览器中输入网址（URL） 阅读全文

摘要： 网站前端的用户体验，决定了用户是否想要继续使用网站以及网站的其他功能，网站的用户体验佳，可留住更多的用户。除此之外，前端优化得好，还可以为企业节约成本。那么我们应该如何对我们前端的页面进行性能优化呢？前端性能优化可以分为三个方面：接口访问优化、静态资源优化和页面渲染速度优化。 阅读全文

摘要： 浏览器缓存是浏览器保存数据用于快速读取或避免请求重复资源，提升网页加载速度。缓存的数据到底放哪了呢？作为开发者，有时也需要检查一下缓存中的内容。所以介绍下缓存方法以及缓存内容在哪查找？ 阅读全文

摘要： 浏览器缓存就是浏览器根据 url 第一次访问网站之后，将网站的 html、css、js、图片等文件复制一份保留到浏览器中，当你二次访问这个 url 的网站时，如果网站没有明确表示有更新时，浏览器直接在缓存中查找内容，不会再次请求网页内容，只有网页明确表示有更新时，浏览器才会向服务器发起网路请求，再次下载网页。 阅读全文

摘要： 作为一个前端，经常会有老板或测试给我们提出某个地方加载太慢了，需要优化一下。我们自己的网站也一样，加载时间过长，自己都不耐烦，对于网页优化是很常见的，今天我们先介绍下网页加载原理。 一、浏览器简介 想要了解浏览器的工作原理，我们必须清楚浏览器的组成有哪些？以及各个部分功能。 浏览器组成部分如图所示： 阅读全文

摘要： 「移动端」前端常见知识点总结，如常见的获取位置、摇一摇功能、判断手机类型、检查浏览器版本信息、手机拍照功能、发送短信等等 阅读全文

摘要： 一、什么是响应式布局？ 响应式设计：Responseive design，就是一个网站，一套代码能在所有终端能够正常展示，并不是为每个终端做一个特定版本，响应式是为解决移动互联网浏览器而诞生的。 二、响应式设计步骤 2.1、viewport 设置 大多数移动端浏览器都将html页面的宽度作为可视区的 阅读全文

摘要： 随着智能手机普及，有越来越多的手机网页和网页版游戏，手机触摸、移动、旋转等等，多种操作。一般电脑的人机交互靠的是鼠标，而手机用的就是触摸。区别有： PC 端一个电脑只能有一个鼠标，而移动端有多点触摸。 PC 端添加效果使用 mouseup、mousedown、mousemove，而移动端使用的 to 阅读全文

摘要： 前边几篇文章介绍本地缓存，还有 WebSocket 等好多需要在服务内才能运行，上一篇介绍移动端适配，更是需要在手机端访问页面，此时就不得不介绍下如何在本地启动服务，及手机如何访问？ 一、为什么需要本地服务？ 调试移动端网页调试方法： PC端浏览器的开发者模式中，选择手机模式。 利用手机模拟器。 使 阅读全文

摘要： 一、什么是移动端适配 移动端 Web 页面，就是常说的手机 h5页面、webview页面、公众号开发的网页等。 由于手机机型较多，各个手机的屏幕尺寸不一样，所以做移动端页面，需要考虑在安卓和ios的各种尺寸设备的兼容问题，我们要做的 web 页面适配，就是为了在不同设备上，页面能够保持统一展示效果， 阅读全文