背景 我们在做页面的时候，从用户体验的角度出发，肯定是希望用户以最快的速度看到完整的页面信息，但在实际情况中经常会遇到些问题。 比如受网速影响，页面加载素材的时间比较长，页面会出现短时间的错乱或者闪屏； 或者页面素材比较多、比较大，需要一定的加载时间，特别有时候的活动页面，我们一般会把首屏做的更多多 ...
分类：
Web程序 时间：
2020-02-18 09:50:05
阅读次数：
107
此篇用vue项目作为例子 首先再页面加载的时候拿到活动的当前时间、截止时间。 第二步贴代码 <template> <div class="countdown"> <div class="countdown-time"> <span class="countdown-word">{{countdown ...
分类：
其他好文 时间：
2020-02-15 15:17:54
阅读次数：
59
页面加载抖动问题 在web开发中，经常会遇到这样一个问题，比如一个宽度百分百，高度自适应的图片，在网速慢的情况下加载过程中会出现抖动的问题（未加载图片前容器的高度为0，图片加载完成后下面的内容会被挤下去）。 这种问题如果是图片有固定高度，就不会出现加载抖动。但一般情况下，为了使图片不被拉伸，高度一般 ...
分类：
Web程序 时间：
2020-02-13 20:55:42
阅读次数：
375
一、jQuery简单介绍 jQuery它是一个轻量级的、兼容多浏览器的JavaScript库。 优点： - 是一款轻量级的JS框架，不会影响页面加载速度 - 丰富的DOM选择器，jQuery的选择器用起来更方便 - 链式表达式，可以把多个操作写在一行代码里，更加简洁 - 事件、样式、动画支持 - A ...
分类：
Web程序 时间：
2020-02-08 11:51:51
阅读次数：
94
1. 注释onShareAppMessage函数 Page({ / 用户点击右上角分享 / onShareAppMessage: function () { } }) 2. onload函数中加入wx.hideShareMenu({})函数 Page({ / 生命周期函数 监听页面加载 / onLo ...
分类：
微信 时间：
2020-02-07 10:54:33
阅读次数：
110
1、前后端分离架构 1.1、前后端半分离 工作流程大致是，访问html页面，加载css、js等静态资源，加载到浏览器时，js会发送一些ajax请求由nginx转发到后端服务器，后端服务器给出相应的json数据，页面解析Json数据，通过Dom操作渲染页面。 在这样的架构下，存在一些明显的弊端： SE ...
分类：
其他好文 时间：
2020-02-06 14:13:13
阅读次数：
122
DOM 文档加载步骤： 解析 HTML 结构 加载外部的脚本和样式文件 解析并执行脚本代码 执行 $(function(){}) 内对应代码 加载图片等二进制资源 页面加载完毕，执行 window.onload 页面加载完成有两种事件 一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体 ...
分类：
其他好文 时间：
2020-02-05 23:27:37
阅读次数：
70
解析URL 当你在浏览器中输入URL并敲回车之后，浏览器会把URL分成几部分： 1、协议：从计算机获取资源的方式，常见的HTTP、FTP等 2、网络地址：域名或者IP，指示网络中的哪一台计算机 3、资源路径：指示在该计算机上获取哪一个资源 DNS域名解析 当浏览器发现网络地址并不是IP，而是域名的时 ...
分类：
Web程序 时间：
2020-02-02 14:16:43
阅读次数：
115
作为省建系统，可能有来自全省各个部门的数据，当我们需要对这些数据进行分析和展示时，是个棘手的问题 1.每个部门的数据可通过阿里的odps落地到生产库 2.分析图每张图为一张表，表中的数据通过task分析计算增到业务分析表中 3.优点是：页面加载快速 缺点是：无法实时更新 因为表中的数据都是千万级级别 ...
分类：
其他好文 时间：
2020-01-24 00:30:40
阅读次数：
128
第一阶段 现在已经很少有人提及，其实最早的页面布局是使用table布局的，那时候的网页设计师基本不会担心跑位的问题，但是随着网页的功能越来越复杂，CSS的表现力越来越强，对HTML文档的语义化要求和页面加载速度的要求越来越高，基本上已经没有前端再用table布局（不是说在网页中不适用table标签） ...
分类：
其他好文 时间：
2020-01-23 11:05:12
阅读次数：
68
