移动端开发
田江
方便在读学生回顾,
方便毕业学生借鉴。
展开
-
图片懒加载(原生)
1、场景:一个网页如果包含了很多的图片,那么,服务器压力就会很大。不仅影响渲染速度还会浪费带宽。通俗的说:你不看的图片我先不加载,也许你不看呢(哈哈),我何苦要做无效的事情呢 你想看时,我再加载(哈哈)2、原理: 1)、先将img标签的src链接设为同一张图片(默认图片:可以是loading),把图片的实际地址赋给一个自定义属性。这时候所有的图片只发送一次请求。 2)、然后,当js监听到某张图片进入可视窗口时(说明你想看了),再将实际地址赋给src属性。src属性的值发生变化时,浏览原创 2021-12-29 22:35:39 · 1515 阅读 · 0 评论 -
面试题:点透事件
一、先上一段代码大家直观地看看现象(可以复制,在浏览器中打开)<!DOCTYPE html><html><head><style type="text/css">#box {position: relative;}#box1 {po...原创 2019-08-06 14:51:00 · 2510 阅读 · 0 评论 -
pc端和移动端的区别
1、操作方式不同PC端的操作方式与移动端已经有了明显的差别,PC端使用鼠标操作,操作包含滑动、左击、右击、双击操作,操作相对来说单一,交互效果相对较少。而对于手机端来说,包含手指操作点击、滑动、双击、双指放大、双指缩小、五指收缩和苹果最新的3Dtouch按压力度,除了手指操作外还可以配合传感器完成摇一摇、陀悬仪感应灯操作方式,操作方式更加的丰富,通过这些丰富的操作可设计不同新颖吸引人的交互...原创 2019-08-06 15:09:28 · 13573 阅读 · 2 评论 -
移动 H5 首屏秒开优化方案探讨
随着移动设备性能不断增强,web 页面的性能体验逐渐变得可以接受,又因为 web 开发模式的诸多好处(跨平台,动态更新,减体积,无限扩展),APP 客户端里出现越来越多内嵌 web 页面(为了配上当前流行的说法,以下把所有网页都称为 H5 页面,虽然可能跟 H5 没关系),很多 APP 把一些功能模块改成用 H5 实现。虽然说 H5 页面性能变好了,但如果没针对性地做一些优化,体验还是很糟糕的...转载 2019-08-08 21:21:28 · 507 阅读 · 0 评论 -
vue——项目优化,缩短首屏加载时间
在Vue项目中,引入到工程中的所有js、css文件,编译时都会被打包进vendor.js,浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多,那么vendor.js文件体积将会相当的大,影响首屏的体验。解决方法是,将引用的外部js、css文件剥离开来,不编译到vendor.js中,而是用资源的形式引用,这样浏览器可以使用多个线程异步将vendor.js、外部的js等加载下来,达到加速首开...转载 2019-08-08 21:25:25 · 1689 阅读 · 0 评论