自定义博客皮肤

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

微信小程序 之提示框

结构可自行修改 <view class="showModule" wx:if="{{isShow}}" > <!-- 这部分内容可以灵活修改,例如改成一个模态框 --> <view c...

2019-07-17 14:24:23

阅读数 58

评论数 0

微信小程序上传多张图片

微信小程序官方文档上传图片贼简单 wx.chooseImage({ success (res) { const tempFilePaths = res.tempFilePaths wx.uploadFile({ url: 'https://example.weixi...

2019-07-16 18:32:06

阅读数 21

评论数 0

微信小程序踩坑之渲染层网络层错误

在我们加载图片的时候往往会出现一些小问题,例如:明明图片加载成功了,但是控制台还是会报 渲染层网络层错误,找了很多地方,也发现不出来问题。 原因其实很简单,因为异步请求需要一定的时间,而小程序一进页面就开始加载,请求速度没跟上,这时页面显示加载的时候image里面的值是空的,就会出现渲染层、网络...

2019-07-16 18:19:04

阅读数 197

评论数 0

网格布局学习笔记

网格布局 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。 一、概述 Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。 Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局...

2019-07-09 21:33:19

阅读数 23

评论数 0

jquery实现tab切换

jquery实现手机端tab切换 ####废话不多说,直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset...

2019-07-08 08:50:57

阅读数 21

评论数 0

处理URL参数

使用get请求带参数时,参数接在URL上,该如何拿到URL上的参数去进行下一步的操作呢 首先先裁切URL var url = 'https://www.baidu.com/s?name=aa&age=48&sex=male&';//?后面的内容为ur...

2019-07-04 21:58:58

阅读数 13

评论数 0

jq对象节点的增删改

1.创建jq节点 $("< div/>") 2.元素添加 (1)往父元素内部追加 * append(content|obj|ele|fn): 给父元素添加最后一个子元素 * prepend: 给父元素添加第一个子元素( appendTo(父元素)...

2019-07-04 21:48:22

阅读数 27

评论数 0

无缝滚动轮播图(CSS实现)

纯CSS3实现无缝滚动轮播图 CSS *{margin: 0;padding: 0;} li{ list-style: none; } .box{ width: 1050px; border:10px solid #ccc; overflow:hidden; margin:150p...

2019-07-04 21:33:08

阅读数 82

评论数 1

原生js实现直接切换轮播图

css ul{ list-style: none; padding:0;margin:0; } .focus img{ display: block; } .focus{ position:relative; overflow:hidden; height: 320px; } .foc...

2019-07-04 21:26:13

阅读数 30

评论数 0

简易弹窗遮罩层

遮罩层弹窗经常用到,记录一下 HTML代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &am...

2019-07-04 21:13:05

阅读数 68

评论数 0

js实现点击复制到粘贴板功能

HTML结构 <p class="DzWx"> <span class="wx">微信:<span id="wxContent"> 22&l...

2019-06-25 17:26:32

阅读数 99

评论数 0

vue的组件通讯之父子通讯

可复用的搜索组件 * 组件通讯 * 父 -> 子 1. 在组件标签中写入属性 2. 在组件配置中声明props props数据验证 限定类型 指定默认值 <!DOCTYPE html> &am...

2019-06-17 21:57:50

阅读数 19

评论数 0

v-for实现简单tab切换

tab标签切换 * 标签与内容一一对应 指令 * v-for * v-for ...in * v-for ...of v-on 配置选项 methods <!DOCTYPE html> <html lang="e...

2019-06-17 11:17:14

阅读数 52

评论数 0

混合开发

#混合开发 ##app类型 ###Native App(原生App) 特点:由专业的native开发工程师开发(IOS、Android) 安卓:xml + java, ios:xml + (Objective-C/swift) 优点: 运行稳定 安装之后使用较为方便、用户粘度高...

2019-06-10 21:14:33

阅读数 24

评论数 0

CSS选择器

1.选择器 基本选择器 群组选择器(并集选择器) 交集选择器:多个选择器之间没有空格,表示同时满足多个选择器要求的元素才会被获取到 层次选择器 1.后代选择器:用空格隔开基本选择器,表示后一个选择器是前面的后代 2.子代选择器:用>隔开基本选择器,表示后一个选择器是前面的...

2019-05-03 14:43:50

阅读数 22

评论数 0

内外联以及权重

外部样式: <link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称" /> 内联样式语法: <标签 style=“属性:属性值;属性...

2019-05-03 14:35:25

阅读数 64

评论数 0

宽高自适应以及常见浏览器兼容

(一)宽度自适应 1.若块级元素宽度不设置,或者设置成100%,都是占据其父级元素的一整行 应用场景: (1)页面最外层的盒子一般都要占据屏幕的大小,所以宽度100%。 (2)子元素使用百分比表示盒模型任意部分大小的话,代表的是子元素盒模型任意部分尺寸=父元素宽度百分比(除了高度外,子元素高度=父...

2019-05-03 14:28:19

阅读数 144

评论数 0

position定位属性

一、定位:position 1.static 默认值。位置设置为 static 的元素会正常显示,它始终会处于文档流给予的位置(static 元素会忽略任何 top、bottom、left 或 right 声明)。 2.absolute 相对于父级元素的绝对定位,浮出、脱离布局流,它不占据空间,就...

2019-05-03 14:20:00

阅读数 123

评论数 0

弹性盒布局、媒体查询

(一)弹性盒 1.设置在容器(父元素上)上: (1)display:flex; 父元素设置成弹性盒。 规定子项目在父元素主轴方向一行显示,不会换行。侧轴方向会默认拉伸。 (2)设置主轴方向 flex-direction 属性值: row 默认为水平向右 ...

2019-05-03 13:56:11

阅读数 112

评论数 0

表格

数据表格的作用及组成 作用:显示数据 组成: <table> <tr>行 <td>单元格</td> <td></td> ...

2019-05-03 13:47:47

阅读数 126

评论数 0

提示
确定要删除当前文章?
取消 删除