一：静态资源优化： ①：合并css,js文件，制作雪碧图，减少http的请求次数； ②：静态资源cdn的分发；客户端可以通过最佳网络链路加载静态页面。 ③：js,css文件压缩，图片压缩，减少请求返回的数据量。 ④：静态资源缓存机制。 二：接口优化： ①：接口合并； ②：首屏合并，同构。 三：页面渲 ...
分类：
其他好文 时间：
2020-01-11 15:15:20
阅读次数：
108
1、img父标签设置高度，如果容器没有设置高度的话，图片会默认把容器底部撑大几像素 -- 大概3px，给容器设置高度。 2、input标记换行后默认有一个间隙，设置float属性。input标记默认还有边框（2px），清除边框border:none/0。 3、搜索栏 <form> <input pl ...
分类：
其他好文 时间：
2020-01-11 13:08:09
阅读次数：
95
Nginx动静分离介绍Nginx的静态处理能力很强，但是动态处理能力不足，因此，在企业中常用动静分离技术针对PHP的动静分离静态页面交给Nginx处理动态页面交给PHP-FPM模块或Apache处理在Nginx的配置中，是通过location配置段配个正则匹配实现静态与动态页面的不同处理方式反向代理原理Nginx不仅能作为web服务器，还具有反向代理，负载均衡和缓存的功能Nginx通过proxy模
分类：
其他好文 时间：
2020-01-10 18:32:55
阅读次数：
84
js与ios交互，js示例 js文件：coco3gNativeUser.js 与ios交互自定义方法：index.js文件 文件中使用 1 、触发事件后由ios处理逻辑, 2、 触发事件后由ios给出窗口，显示h5写的静态页面 ...
分类：
移动开发 时间：
2020-01-07 17:58:29
阅读次数：
121
一、简介 在之前学习的React开发中，一直使用create-react-app脚手架创建和开发Web项目，通过搭配ReactRouter路由实现静态页面的交互，然后通过yarn start或npm start来启动项目，这个启动过程是由客户端服务器执行的。使用express脚手架生成的应用可以作为 ...
分类：
Web程序 时间：
2019-12-28 13:17:27
阅读次数：
80
Nginx动静分离介绍Nginx的静态处理能力很强，但是动态处理能力不足，因此，在企业中常用动静分离技术针对PHP的动静分离静态页面交给Nginx处理动态页面交给PHP-FPM模块或Apache处理在Nginx的配置中，是通过location配置段配合正则匹配实现静态与动态页面的不同处理方式反向代理原理Nginx不仅能作为Web服务器，还具有反向代理、负载均衡和缓存的功能Nginx通过proxy模
分类：
Web程序 时间：
2019-12-27 19:53:00
阅读次数：
97
1.如下图的目录结构 webapp 文件夹和resources 文件夹同级。使用mvn clean install 打包过后项目启动访问，静态资源页面404. 2.原因，springboot 打包时候要指定静态资源的加载路径，我在pom文件中添加如下配置，再次打包就可正常访问静态页面。 ...
分类：
移动开发 时间：
2019-12-23 20:35:47
阅读次数：
103
FreeMarker是一个用Java语言编写的模板引擎，它基于模板来生成文本输出。FreeMarker与Web容器无关，即在Web运行时，它并不知道Servlet或HTTP。它不仅可以用作表现层的实现技术，而且还可以用于生成XML，JSP或Java 等。目前企业中:主要用Freemarker做静态页 ...
分类：
Web程序 时间：
2019-12-22 21:41:39
阅读次数：
125
静态错误页放在 动态可以放在freemaker或者thymeleaf 匹配规则： 先找动态页面再找静态页面 先找精确错误页面再找模糊页面 注：精确错误页面=500.html/400html 模糊页面=5xx.html/4xx.html ...
分类：
编程语言 时间：
2019-12-22 13:06:23
阅读次数：
61
来源：B站 亿级流量电商详情页系统实战（第二版） 电商网站详情页架构： P3：架构1：页面静态化架构； 小电商，静态页面少 Velocity/FreeMarker/Thymeleaf模板 模板+数据 =》最终的页面 如果模板或数据有变更，则需要重新渲染生成页面html-》推送nginx P4：大型网 ...
分类：
其他好文 时间：
2019-12-14 09:23:23
阅读次数：
191
