摘要: 1.物理像素 像素即一个小方块,它具有特定的位置和颜色,像素可以作为图片或电子屏幕的最小组成单位,这是一个相对长度单位,因为固定长度的屏幕可以有1000像素,也可以有5000像素 2.分辨率 屏幕分辨率指一个屏幕具体由多少个像素点组成。 Phone XSMax和 iPhone SE的分辨率分别为 2 阅读全文
posted @ 2020-05-13 11:32 zero博士 阅读(291) 评论(0) 推荐(0)
摘要: 基于Vue的商城 Vue+vuex+mint ui+MUI mint ui: 基于vue的组件库 使用: npm import MUI: 前端框架库 轻量:不依赖第三方js库 使用:github下载 import 路由改造 封装组件 vue resource获取数据 App组件 Header rou 阅读全文
posted @ 2020-05-12 21:49 zero博士 阅读(112) 评论(0) 推荐(0)
摘要: Vue商城项目 结构分析: 固定的头部: mint ui组件库的Header组件 切换的组件: 放置一个router view来展示路由匹配到的组件 固定的底部: MUI框架的代码片断 tabbar 制作tabbar中的图标 图标的类名在icon.thml和icons extra.html中查找 使 阅读全文
posted @ 2020-04-22 21:33 zero博士 阅读(1833) 评论(0) 推荐(0)
摘要: 1.Vue的生命周期 beforeCreate: 数据没有挂载,无法访问到数据和真实的DOM created: 可以访问数据,使用方法 beforeMount:虚拟dom(el)构建完成了,但是数据的双向绑定还是显示{{}},虚拟dom技术,后面mounted再填值 mounted: 真实dom已经 阅读全文
posted @ 2020-04-19 21:35 zero博士 阅读(98) 评论(0) 推荐(0)
摘要: 1.js和jQuery中的数组迭代方法 数组常用方法 原生的迭代方法 jQuery的迭代 jQuery隐藏了隐式迭代 显式迭代的方法式each(function) 数组常用的方法 slice(): 参数1:从第几位开始截取,参数2:截取到第几位,不包含这一位,不填表示截取到最后 返回截取的数组,原数 阅读全文
posted @ 2020-04-17 17:03 zero博士 阅读(190) 评论(0) 推荐(0)
摘要: 1.页面结构 2.头部块的制作 头部块的结构 + 在992以上的屏幕上按比例分为四块(col md 2 col md 5 col md 2 col md 3) + 小于992的屏幕上隐藏(hidden xs hidden sm) + 四块内容都是链接(包含字体图标) 3.导航条的制作 + 使用boo 阅读全文
posted @ 2020-04-12 00:17 zero博士 阅读(209) 评论(0) 推荐(0)
摘要: 1.什么是响应式布局 响应式布局,检测设备信息,决定网页布局方式,一个网页适配多种屏幕,在不同分辨率的终端上不同展示方式 主要通过媒体查询来实现 2.响应式布局的优缺点 + 优点:为不同尺寸的终端完美展示页面,提升用户体验 + 缺点:代码冗余,网页体积变大,影响性能 适合与企业官网,博客,新闻网站这 阅读全文
posted @ 2020-04-09 20:31 zero博士 阅读(334) 评论(0) 推荐(0)
摘要: 样式设置大概几样考虑 宽高 浮动 居中 颜色 背景 文字 边框边距 1.列出几种隐藏元素的方法? + visibility:hidden (这个属性 的另一个值是visible) 隐藏后,保留原有位置 + opacity: 0 (完全透明) + display: none;(删除原有位置) + he 阅读全文
posted @ 2020-04-09 10:32 zero博士 阅读(143) 评论(0) 推荐(0)
摘要: 1.什么是浮动 元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。(无论父元素是否脱标) 2.浮动的特性 不超出内边距 使元素变为行内块元素(浮动的目的就是为了让块级元素在同一行显示) 3.浮动会产生什么影响? 父盒子高度塌陷(父盒子没有设置高度的时候,因为子 阅读全文
posted @ 2020-04-08 22:12 zero博士 阅读(373) 评论(0) 推荐(0)
摘要: 拖拽一共有七个监听事件 dragstart: 源对象拖拽开始; drag: 源对象拖拽的过程中; dragend: 源对象拖拽结束; dragenter: 进入过程对象区域; dragover: 在过程对象区域内移动; dragleave: 离开过程对象区域; drop: 源对象拖放到目标区域。 简 阅读全文
posted @ 2020-02-23 13:03 zero博士 阅读(1718) 评论(0) 推荐(0)