- 博客(6)
- 收藏
- 关注
原创 前端响应式布局的最佳实践postcss-plugin-px2units
前言: 前端开发页面,需高度还原UI设计稿,布局过程中涉及width、heigth、字体大小等,在适配不同比例屏幕大小时,往往会才用vw、vh、rem等来自动适配,本插件主要用于解决:自动计算设计稿px到vw、vh、rem单位的转换。 实战案例:使用Flex布局、grid布局、视口单元rem、vw和wh来适应多屏问题,原UI设计稿为3840px2304px,需在1920px1080px屏幕上等比例...
2019-07-29 15:15:59 744
翻译 http协议
一、HTTP协议基础及发展历史 1、http概念 2、5层网络模型介绍 物理层:定义物理设备如何传输数据 数据链路层:在通信的实体间建立数据链路链接 网络层:为数据在节点之间传输创建逻辑链路 传输层:向用户提供可靠的端到端服务,向高层屏蔽了下层数据通信的细节(三次握手) 应用层:为应用软件提供了很多服务,构建于TCP协议之上,屏蔽网络传输相关细节 3、http协议的发展历史 http/0.9:...
2019-07-10 15:03:22 239
原创 Nginx的配置文件nginx.conf配置详解
windows DOS 下nginx 常用命令 验证配置是否正确: nginx -t 查看Nginx的版本号:nginx -V 启动Nginx:start nginx 快速停止或关闭Nginx:nginx -s stop 正常停止或关闭Nginx:nginx -s quit 配置文件修改重装载命令:nginx -s reload Nginx的配置文件nginx.conf配置详解如下: user ...
2019-07-10 14:41:17 312
原创 es6 + next 系列
1、let、const 有块级代码作用域 没有预解析,不存在变量提升 不能重复定义 特殊的for循环,for循环()里面定义的let变量,只在循环体内有效 const和let差不多,只不过人家是常量,不能改变 2、解构赋值 a). 数据解构赋值: let [a=‘abc’]=[] 解构默认值(里面填写undefined和null的区别) let [a, b=‘banana’] = [‘aaa’, ...
2019-07-10 14:23:22 483
原创 多屏适配解决方案
一些基本概念:视窗 viewport 简单的理解,viewport是严格等于浏览器的窗口。在桌面浏览器中,viewport就是浏览器窗口的宽度高度。但在移动端设备上就有点复杂。移动端的viewport太窄,为了能更好为CSS布局服务,所以提供了两个viewport:虚拟的viewportvisualviewport和布局的viewportlayoutviewport。 meta标签标签有很多种,
2017-06-26 11:16:28 1355
原创 省市区城市级联
约定 - 省市区三级城市联动效果,选择框默认全部显示,选择后根据实际情况显示或隐藏。 - 在省得select上加上属性 load-data=“330102” 即表示页面需把330102这个对应的相关select做相应选中。 - json数据结构:城市编码6位(每2位表示一级),城市层级,上一级编码,城市名称,其他根据业务实际需求而定 效果https://github.com/Pamk
2017-02-21 14:04:29 1308
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人