2019 年 5月随笔档案 - Web引领者

微信小程序 API 界面（2）

摘要：由于每个 API 参数：对象的属性都有 success，fail，complete，所以在这个提前介绍，就不再每个API 上写了 success：类型函数接口调用成功的回调函数 fail：类型函数接口调用失败的回调函数 complete：类型函数接口调用结束的回调函数（调用成功，失败，阅读全文

posted @ 2019-05-30 19:52 Web引领者阅读(719) 评论(0) 推荐(0)

微信小程序 API 界面（1）

摘要：界面有关屏幕的api 交互： wx.showToast() 显示消息提示框参数：object object的属性： title：类型字符串提示的内容（文本最多7个汉字） icon：类型字符串图标属性值：success：显示成功的图标 loading：显示加载的图标 none：不显示图标阅读全文

posted @ 2019-05-30 14:25 Web引领者阅读(565) 评论(0) 推荐(0)

微信小程序 API 路由

摘要：路由：由于页面的跳转； wx.switchTab() 跳转到 tabBar 页面，并关闭掉其他所有非 tabBar 页面；参数：为对象，对象的属性： url：需要跳转的 tabBar 的页面路径（需在app.json 的 tabBar 字段定义的页面），路径后面不能在参数 success：接口调阅读全文

posted @ 2019-05-29 17:31 Web引领者阅读(623) 评论(0) 推荐(0)

微信小程序 API 基础

摘要：其实还有一些组件，没有提，因为那些组件跟 API 的功能差不多，API 可能比他会更好一点；具体可见官方文档基础：判断接口是否可用：wx.canIUse(a) a 代表：接口名字返回值：布尔 true代表成功，false代表接口不可用系统信息：wx.getSystemInfo({}) 使用阅读全文

posted @ 2019-05-29 10:39 Web引领者阅读(776) 评论(0) 推荐(0)

微信小程序image组件

摘要：image组件：是小程序专门针对图片的组件，功能强大 image组件的属性： src：类型字符串图片资源的路径 mode：类型字符串图片裁剪缩放模式 lazy-load：类型布尔图片的懒加载，在一定范围内加载图片 show-menu-by-longpress：类型布尔开启长按图片显示阅读全文

posted @ 2019-05-28 20:34 Web引领者阅读(2395) 评论(0) 推荐(0)

navigator组件（相当于a标签）

摘要：navigator组件：页面链接； navigator组件属性： target：类型字符串在哪个目标上发生跳转，默认当前小程序属性值：self 当前小程序 miniProgram 其他小程序 url：类型字符串当前小程序内的跳转链接 open-type：类型字符串跳转方式属性值：na 阅读全文

posted @ 2019-05-28 20:08 Web引领者阅读(3027) 评论(0) 推荐(0)

functional-page-navigator 组件

摘要：functional-page-navigator 组件：是一个非常强大的组件，用于跳转插件的功能页 functional-page-navigator组件的属性： version：类型字符串跳转到小程序的版本，线上版本必须设置为 release 属性值：develop 开发版 trial 体验阅读全文

posted @ 2019-05-28 19:53 Web引领者阅读(2348) 评论(0) 推荐(0)

node.js配置环境变量

摘要：今天配置node.js的时候，碰到了配置环境变量的问题为什么会出这样的问题；因为我将 node.js 安装到了D盘，（这是个坑，以后一定要安到C盘），当我发现，我的node操作指令无效的时候，知道了，这是node的配置环境导致的，在D盘的话，只能D盘使用，别的盘符就没有如果安到C盘的话，在计算阅读全文

posted @ 2019-05-28 19:25 Web引领者阅读(1952) 评论(0) 推荐(0)

animate(动画)框架和 swiper (轮播)框架的使用

摘要：swiper.js 框架网址：https://www.swiper.com.cn/ 是一个专门做轮播，切换特效的轮播使用方法：然后进入案例，通过案例来进行各种功能的实现，这一步是教我们怎么做，我们只需要复制粘贴，来操作我们的，将我们的页面写好，我们的操作都需要以这个为基础；我们功能的实现，阅读全文

posted @ 2019-05-28 19:10 Web引领者阅读(1206) 评论(0) 推荐(0)

textarea组件

摘要：textarea组件：多行输入框；（文本域） textarea组件属性： value：类型字符串输入框的内容 placeholder：类型字符串输入框为空时的占位符 placeholder-style：类型字符串指定 placeholder 的样式，目前仅支持 color，font-si 阅读全文

posted @ 2019-05-27 19:39 Web引领者阅读(762) 评论(0) 推荐(0)

switch组件

摘要：switch组件：开关选择器，小巧好用；属性： checked：类型布尔是否选中 disabled：类型布尔是否禁用 type：类型字符串样式类型属性值：switch switch风格的样式 checkbox 复选框风格的样式 color：类型 switch组件的颜色事件： bin 阅读全文

posted @ 2019-05-27 19:18 Web引领者阅读(542) 评论(0) 推荐(0)

slider组件

摘要：slider组件，是一个强大的滑动选择器组件；属性： min：类型数字滑动选择器的（范围）最小值 max：类型数字滑动选择器的（范围）最大值 step：类型数字步长（滑一次走的距离）取值必须大于0且必须（max-min）整除 disabled：类型布尔是否禁用 value：类型阅读全文

posted @ 2019-05-27 19:11 Web引领者阅读(913) 评论(0) 推荐(0)

radio组件

摘要：radio组件，一个单选框按钮；如果想给radio组件绑定事件，只能要给父元素 radio-group 绑定事件； radio组件的属性： value：类型字符串当radio选中时，radio-group上的change事件会携带 radio组件上的value checked：类型布尔当前阅读全文

posted @ 2019-05-27 18:56 Web引领者阅读(886) 评论(0) 推荐(0)

picker-view组件

摘要：picker-view组件，是一个页面上的滚动选择器；如果想进行滚动：他的子元素必须是 picker-view-column 组件； picker-view-column组件：只是提供了一个可视的范围，如果想进行滚动； picker-view-column组件的属性： value：类型数组数组阅读全文

posted @ 2019-05-27 18:44 Web引领者阅读(3604) 评论(0) 推荐(0)

picker组件 label组件讲解

摘要：label组件：包住表单的组件，将里面的表单和label里的元素，紧紧的包在一起，当触发label里的元素，就相当于触发了表单组件属性：for：类型字符串表单的 id 的值 picker组件：是一个滚动选择器，在页面下半部分属性： mode：类型字符串选择器类型属性值：selector 阅读全文

posted @ 2019-05-27 17:33 Web引领者阅读(686) 评论(0) 推荐(0)

weui 框架

摘要：weui是一个框架，但是官方并没有提供文档；所以我们需要在github上来通过案例来了解他的用法一般做列表，左边的图片要么60x60，要么80x80用的比较多 weui是一个小巧的框架，所以带来的问题就是不全，所以有些功能还是要我们写但是做微信开发无疑是个好的选择；他的样式和风格与微信相仿阅读全文

posted @ 2019-05-27 16:18 Web引领者阅读(525) 评论(0) 推荐(0)

微信小程序 input 组件

摘要：输入框：该组件是原生组件，使用的时候要注意相关的设置属性： value：类型字符串输入框的初始内容 type：类型字符串 input类型属性值：text 文本输入键盘 number 数字输入键盘 idcard　身份证输入键盘 digit 带小数点的数字键盘 password：类型布尔是阅读全文

posted @ 2019-05-24 17:14 Web引领者阅读(1557) 评论(0) 推荐(0)

在php中获取数据库的内容，返回到页面

摘要：<?php header("content-type:text/html;charset=utf-8"); $link=mysqli_connect("localhost","root","root","d5"); mysqli_set_charset($link,"utf8"); $query=" 阅读全文

posted @ 2019-05-24 16:39 Web引领者阅读(1034) 评论(0) 推荐(0)

微信小程序 form 组件

摘要：表单组件：将组件内用户输入的 <switch> <input> <checkbox> <slider> <radio> <picker> 提交当点击表单的 form-type 为 submit 的<button>组件时，会将表单组件中的value值进行提交，需要在表单组件中加上 name 作为 k 阅读全文

posted @ 2019-05-24 11:32 Web引领者阅读(565) 评论(0) 推荐(0)

百度地图 API 及使用

摘要：如果我们想使用地图的功能，我们就得使用别人的接口，百度地图无疑是个不错的选择百度地图的网址：http://lbsyun.baidu.com/ 我们想使用里面的功能，就必须要获取密钥如果时第一次使用的话，我们还得注册账号，便可使用我们需要点击浏览器端（看个人情况点击相应的按钮）注册好之后阅读全文

posted @ 2019-05-24 09:47 Web引领者阅读(329) 评论(0) 推荐(0)

微信小程序 checkbox 组件

摘要：checkbox 组件是一个多选框组件，还可以使用 checkbox-group 组件来进行绑定事件和实现，真正意义上的多选 checkbox的属性： value：属性值字符串当在 checkbox-group 绑定事件时，事件源 e 所携带的参数中 detail checkbox中的va 阅读全文

posted @ 2019-05-23 21:32 Web引领者阅读(2409) 评论(0) 推荐(0)

微信小程序 button 组件

摘要：button 组件拥有强大的功能自身可以拥有很多跟微信风格的样式，且是表单和开放的能力重要的按钮 button 的属性： size：类型字符串按钮的大小属性值：default 默认的 mini 小尺寸 type：类型字符串按钮的样式类型属性值：default 默认的 p 阅读全文

posted @ 2019-05-23 20:25 Web引领者阅读(1241) 评论(0) 推荐(0)

h5视频标签 video

摘要：video标签，用来播放视频的基本上所有的浏览器都支持 video支持的视频格式有： mp4 mime-type: video/mp4 WebM mime-type: video/WebM Ogg mime-type:video/Ogg video 播放视频的两种写法第一种： <video sr 阅读全文

posted @ 2019-05-23 15:14 Web引领者阅读(9704) 评论(0) 推荐(0)

h5离线缓存

摘要：离线缓存：application cache 什么是离线缓存：离线缓存可以将站点的一些文件缓存到本地，它是浏览器自己的一种机制，将需要的文件缓存下来，以便后期即使没链接网络，被缓存的页面也可以展示离线缓存的优势：提高用户的访问速度，节省流量；如何实现离线缓存 1.在需要缓存文件的根节点 ht 阅读全文

posted @ 2019-05-23 14:48 Web引领者阅读(1541) 评论(0) 推荐(0)

ECharts插件介绍（图表库）

摘要：ECharts是一个非常好用的插件，用于进行树状图，折线图，饼图，地图等等，系列视图的绘制。（详情看官网）了解： AMD：模块化开发方式；引入文件后：console.log(echarts) //得到一个echarts的对象 options：选项；图表介绍：柱状图（bar）折线图（lin 阅读全文

posted @ 2019-05-21 17:12 Web引领者阅读(2033) 评论(0) 推荐(0)

rich-text 副文本组件 text文本组件

摘要：rich-text 副文本组件要知道我们小程序常用的标签是view　但是我们想使用div span h1 i 标签等等，这种带特性的标签，怎么办的，我们就可以使用我们的 rich-text组件 rich-text组件的属性： nodes：类型：array对象节点列表因为他是对象所以他的属性：阅读全文

posted @ 2019-05-20 21:07 Web引领者阅读(665) 评论(0) 推荐(0)

progress组件（进度条）

摘要：progress组件：进度条 progress组件的属性： percent：类型：number 设置百分比（0~100） show-info：类型：布尔在进度条右侧显示百分比 border-radius：类型：number 圆角大小 font-size：类型：number 右侧百分比字体大小 s 阅读全文

posted @ 2019-05-20 20:26 Web引领者阅读(1945) 评论(0) 推荐(0)

icon组件

摘要：iocn组件，小程序给我们提供了一些小图标，与微信的风格一致 iocn组件的属性： type：类型：string icon的类型；属性值：success：成功带背景的 success_no_circle：成功不带背景的 info：信息 warn：警告 waiting：等待 cancel：取消阅读全文

posted @ 2019-05-20 19:51 Web引领者阅读(883) 评论(0) 推荐(0)

movable-view组件

摘要：movable-view组件：可以移动方块 movable-view组件必须是movable-area的直接子元素，才可以进行操作，才可以移动方块 movable-view组件的属性： direction：类型：字符串 movable-view组件的移动方向属性值：all 任意方向移动 verti 阅读全文

posted @ 2019-05-20 18:51 Web引领者阅读(1577) 评论(0) 推荐(0)

svg矢量图

摘要：svg：矢量图 canvas：用于绘制位图 svg：使用xml格式绘制图形 svg：要有一个根节点，标签就相当于html svg 命名空间 xmlns="http://www.w3.org/2000/svg" 版本 version="1.1" svg如果不设置大小，默认占用位置 300x150 定义阅读全文

posted @ 2019-05-20 17:37 Web引领者阅读(459) 评论(0) 推荐(0)

canvas 时钟案例

摘要：<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-sca 阅读全文

posted @ 2019-05-20 15:57 Web引领者阅读(238) 评论(0) 推荐(0)

canvas 方块旋转案例

摘要：<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-sca 阅读全文

posted @ 2019-05-17 16:22 Web引领者阅读(229) 评论(0) 推荐(0)

canvas万花筒案例

摘要：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <style> #c{ background:#ccc; } </style></head><body> <canvas id="c" width="600 阅读全文

posted @ 2019-05-17 13:52 Web引领者阅读(300) 评论(0) 推荐(0)

swiper（轮播）组件

摘要：swiper是一个非常强大的组件但是需要swiper-item这个标签来实现他想显示的内容 swiper-item标签有个item-id的属性，属性值：字符串是swiper-item的标识符；一个swiper标签只能显示一个swiper子元素的内容，所以说一个swiper-item就相当于一个阅读全文

posted @ 2019-05-16 21:10 Web引领者阅读(6161) 评论(0) 推荐(0)

canvas介绍（画布）

摘要：canvas（画布）主要是位图 svg（矢量图） canvas标签，必须要写的3个属性 id width height 为什么不再style中设置width和height呢？因为这设置width和height话会有位移差；位移差：在画布里面的元素有偏差； js中每次使用canvas，都要设置一个阅读全文

posted @ 2019-05-16 15:41 Web引领者阅读(1148) 评论(0) 推荐(0)

scroll-view组件

摘要：<scroll-view></scroll-view> 组件这个组件的属性：（是要不说属性值，写不写都可以（建议不写）） scroll-x：允许横向滚动（如果你设这个属性就想让他滚动，太天真了，所以设一个样式 white-space:nowrap 不允许元素换行，他的子元素还要设 display 阅读全文

posted @ 2019-05-15 19:22 Web引领者阅读(6107) 评论(0) 推荐(0)

view组件

摘要：view标签的属性值： hover-class：按下的点击态属性值：字符串如果：hover-class="none" 按下就没有点击态 hover-stop-propagetion：是否阻止本节点的父元素出现点击态系统默认父元素出现点击态，所以需要这个元素； hover-start-time：阅读全文

posted @ 2019-05-15 19:02 Web引领者阅读(348) 评论(0) 推荐(0)

h5表单属性的介绍

摘要：表单 type属性对应的属性值 text：代表文本框案例：<input type="text" /> password：代表密码框 radio：单选框 checkbox：多选框 submit：提交按钮 button：按钮 h5 email：邮箱（必须是邮箱格式的） tel：电话号码（手机上显示虚拟阅读全文

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

h5新标签介绍

摘要：html5新增了一些标签这些标签都是语义标签，可以帮助我们更好的理解，代码中的意思；(都是双标签) 案例：将语义标签翻译过来为 <div class="header"></div> （并没有太多的区别）但也有几个有意思的标签；常见的标签 header 代表头部标签 footer 代表脚部标签阅读全文

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

移动端轮播完整版css3加原生写法

摘要：<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-sca 阅读全文

posted @ 2019-05-14 11:10 Web引领者阅读(256) 评论(0) 推荐(0)

zepto-touch.js插件

摘要：/* Zepto v1.2.0 - zepto event ajax form ie - zeptojs.com/license */(function(global, factory) { if (typeof define 'function' && define.amd) define(fun 阅读全文

posted @ 2019-05-13 19:08 Web引领者阅读(321) 评论(0) 推荐(0)

移动端续讲及zepto移动端插件外加touch插件介绍

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

posted @ 2019-05-13 17:49 Web引领者阅读(289) 评论(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引领者阅读(226) 评论(0) 推荐(0)

小程序组件

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

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

微信小程序的事件

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

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

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

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

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

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

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

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

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引领者阅读(241) 评论(0) 推荐(0)

对于移动端总结

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

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

移动端布局

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

posted @ 2019-05-10 15:05 Web引领者阅读(114) 评论(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引领者阅读(270) 评论(0) 推荐(0)

rem布局及响应式布局

摘要：流式布局（100%布局）（可能：做的页面不是很美观）效果与弹性布局一样不设置宽高：表示宽 auto 最外层：保证100% 等比例缩放的算法： 320/10 已知的一个比例 = 已知的宽/x x就是想得到的值；弹性/流式，布局比较容易，但是里面的内容显示的比例，在不同设备下会有偏差； rem布局：阅读全文

posted @ 2019-05-09 16:49 Web引领者阅读(513) 评论(0) 推荐(0)

移动端rem布局屏幕适配插件（放js中便可使用）

摘要：/* doc:不用管：document对象 win:不用管：window对象 design:注意：设计稿的尺寸/物理像素*/ (function (doc, win,design) {// alert(123) var docEl = doc.documentElement, resizeEvt = 阅读全文

posted @ 2019-05-09 10:55 Web引领者阅读(1926) 评论(0) 推荐(0)

微信小程序的开发框架

摘要：wxss：是一套样式语言，用来描述wxml的组件样式；小程序在css基础上做的修改和扩充的版本 css：是一套样式语言，样式表，用来描述xml和html文件样式的呈现；设备像素：是图片在设备上显示的小点，这些是固定不变的 css像素：逻辑像素，是我们一套标准来显示屏幕的宽 ppi：独立设备显示的密阅读全文

posted @ 2019-05-08 21:32 Web引领者阅读(3624) 评论(0) 推荐(0)

Dpr ppi 适配等概念弹性属性的讲解

摘要：Dpr： Dpr的全称（Device pixel ratio）像素设备比例：就是说每个设备像素上占有的css位像素的个数苹果手机常见的设备像素比：1.0安卓 iPhone2.0 3.0 如果是1.0 设计稿的宽度是多少，我们就写多少，如果是2.0 我们所写的宽高，字体，等等都要是设计稿的一半（为了阅读全文

posted @ 2019-05-08 17:47 Web引领者阅读(633) 评论(0) 推荐(0)

小程序开发的共同属性

摘要：小程序开发的共同属性； id 属性值：字符串功能：组件的唯一标识作用：保证页面的唯一 class 属性值：字符串功能：组件的样式类作用：对应wxss定义的样式类 style 属性值：字符串功能：组件的内联样式作用：可以动态的设置内联样式 hidden 属性值：布尔功能：组件是否显示作阅读全文

posted @ 2019-05-07 21:02 Web引领者阅读(435) 评论(0) 推荐(0)

小程序的数据绑定

摘要：所有组件的属性都是小写 rpx与px的一个区别：rpx是响应式的屏幕像素来自页面的js文件中的 Page()方法中的 data对象页面的数据要用 mustache 语法变量名加双{}包起来这种语法的强悍之处在于，可以在页面的各个角落都可以传数据，而且还能直接在页面中解析出数据，运算等等。。阅读全文

posted @ 2019-05-07 20:52 Web引领者阅读(221) 评论(0) 推荐(0)

小程序的基本目录结构

摘要：一个小程序的基本目录结构：全局文件的配置：根目录下 app.js：注册小程序的应用里面有一个App()的函数参数是一个对象 project.config.json：小程序的个性化设置，对应的独立的小程序 app.json：各个页面的注册路径是一个对象格式里面以键值对形式书写 pages属性阅读全文

posted @ 2019-05-07 20:31 Web引领者阅读(1874) 评论(0) 推荐(0)

移动式布局

摘要：移动式布局 1.移动设备：手机和iPad 系统分：安卓系统和iOS系统安卓系统内置浏览器是谷歌，ios内置safari浏览器，他们的内核都是webkit，不需要考虑兼容性，但安卓和iOS系统还是有区别的； 2.布局（写页面）所考虑的东西设备宽度：就是设备实际大小，设备分辨率，就是手机屏幕；页面阅读全文

posted @ 2019-05-07 17:19 Web引领者阅读(181) 评论(0) 推荐(0)

如何让移动设备的宽与浏览器视图的宽保持一致

摘要：使用meta标签在head标签里面加上这一句； <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" 阅读全文

posted @ 2019-05-07 16:09 Web引领者阅读(196) 评论(0) 推荐(0)

css3爆炸轮播效果

摘要：<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>爆炸效果轮播</title> <style> *{ margin:0; padding:0; } ul,ol{ list-style:none; } .sli 阅读全文

posted @ 2019-05-07 16:00 Web引领者阅读(244) 评论(0) 推荐(0)

心形陀螺案例css3

摘要：<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ background:#000; } .box{ width:300px; height:300px; 阅读全文

posted @ 2019-05-06 18:30 Web引领者阅读(168) 评论(0) 推荐(0)

圆周运动的css3特效案例

摘要：<!doctype html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>圆周运动的css3特效</title> <style> .box{ width:300px; height:300px; margin:200px auto; 阅读全文

posted @ 2019-05-06 15:14 Web引领者阅读(363) 评论(0) 推荐(0)

css3的各种属性的讲解

摘要：1.渐变（gradients）水平渐变：linear gradient 语法：background:linear-gradient(direction,color1,color2); direction介绍： 1.这个参数可以省略，默认方向从上到下； 2.这个阐述如果不省略，写方向的起始值：top 阅读全文

posted @ 2019-05-05 16:28 Web引领者阅读(573) 评论(0) 推荐(0)