Web引领者 - 博客园

2019年5月13日

摘要：媒体查询：针对不同设备，显示不同的样式。设备像素比：dpr device-piexl-ratio 在he开发中，要一个3陪高清图片； 1080>=320*3 （主要是为了解决图片的失真问题）移动端忌讳出现x轴滚动条，所以要使用overflow-x:hidden; (一般在html/body标签上阅读全文

posted @ 2019-05-13 17:49 Web引领者阅读(280) 评论(0) 推荐(0) 编辑

解决ios和Android的差异

摘要：第一个：input，button input标签在 android系统不带圆角，在ios系统上带圆角解决办法： input,button{ -webkit-appearance:none; } 第二个：a标签 a标签，在ios上点击上会有高亮效果，android上没有；解决办法：针对ios系统阅读全文

posted @ 2019-05-13 17:21 Web引领者阅读(220) 评论(0) 推荐(0) 编辑

小程序组件

摘要：组件是视图的基本组成单元，在小程序里，我们所写的绝大部分标签就是组件，组件拥有一些功能和微信风格的样式，一个组件通常包括了开始标签和结束标签组件通过特殊属性（属性="属性值"）来进行丰富的操作；组件分为8大部分视图容器基础容器表单组件导航媒体组件地图开放功能画布我们将围绕这8大阅读全文

posted @ 2019-05-13 07:53 Web引领者阅读(212) 评论(0) 推荐(0) 编辑

2019年5月12日

微信小程序的事件

摘要：事件，视图层到逻辑层的一种通讯方式，或者将用户的行为返回到逻辑层，当我们在组件绑定事件之后，当我们触发事件，就会执行逻辑层绑定的事件，处理回调函数，当页面的事件触发之后页面上元素一些额外事件，通过事件对象传递给我们的回调函数绑定事件的实例：通过view标签来给他绑定了一个事件，事件名click 阅读全文

posted @ 2019-05-12 21:32 Web引领者阅读(801) 评论(0) 推荐(0) 编辑

小程序的生命周期以及页面路由

摘要：小程序的启动，和小程序的应用周期是息息相关的小程序应用的生命周期：由一个钩子组成，onLaunch onShow onHide onError组成；我们第一次进入小程序，客户端会帮我们初始化小程序的运行环境，那么我们会在CDN下载，或者在本地缓存我们的代码包，把他注入到运行环境里在初始完之后，阅读全文

posted @ 2019-05-12 19:54 Web引领者阅读(361) 评论(0) 推荐(0) 编辑

小程序的开发框架MINA及小程序的启动机制

摘要： MINA框架分三个部分视图层（View）：有很多页面，每个页面有wxml和wxss组成的，视图结构和展现样式逻辑层（App Service）：处理事物逻辑的地方以及数据交互的服务中心系统层（Native）：微信客户端的原生能力（微信客户端的功能）小程序的视图层和逻辑层时双线程通信的，视图层和阅读全文

posted @ 2019-05-12 19:39 Web引领者阅读(329) 评论(0) 推荐(0) 编辑

2019年5月10日

h5分线程Worker

摘要： <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title></head><body></body></html><script> var worker = new Worker('01.js'); //创建分线程在阅读全文

posted @ 2019-05-10 17:18 Web引领者阅读(232) 评论(0) 推荐(0) 编辑

对于移动端总结

摘要：先了解一些概念（为了移动端的适配）因为我们的设备宽度，浏览器视口的宽度，以及我们写的样式的宽度，三者不统一，在移动端呈现出来的页面不好看，所以，为了让移动端的页面好看，我们制定了一系列的规则；将设备宽，视口宽，我们的样式宽，统一起来（这个概念叫适配）；第一步：重要：移动设备宽和浏览器视口的宽阅读全文

posted @ 2019-05-10 15:33 Web引领者阅读(214) 评论(0) 推荐(0) 编辑

移动端布局

摘要：第一步：结构合理；嵌套合理；清晰第二步：样式的复用（比较难）（考虑的时候，可能要做长时间的布局分析）最外层的结构大致是这样；第三层里面的结构分析：对与样式的复用，只能在实际情况上来进行调整，可以围绕这个思想，来进行样式的设计阅读全文

posted @ 2019-05-10 15:05 Web引领者阅读(112) 评论(0) 推荐(0) 编辑

inline-block的间隙问题 box-orient属性 line-clamp属性 margin问题

摘要：只要设了 display:inline-block 将元素变成行级块元素的时候，会自带空隙，即使你设了 margin 和 padding 依然没有效果！解决办法：只要在父元素上加上font-size:0　就好了， -webkit-box-orient: 水平排列或垂直排列（在子元素上进行操作阅读全文

posted @ 2019-05-10 11:38 Web引领者阅读(264) 评论(0) 推荐(0) 编辑