阿乐のBlog

一、微信小程序简介1、微信小程序，小程序的一种，英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用，它实现了应用触手可及”的梦想，用户扫一扫或搜一下即可打开应用。 2、微信小程序，之前叫应用号，2017年正式上线 3、学习微信小程序之前，强烈建议先学习vue.js，学了之后再学超级快 4、微信小程序优点： 微信有海量用户,且粘性很高，在微信里开发产品更容易触达用户 推广app或公众号的成本太高 开发适配成本低 容易小规模试错,然后快速迭代 跨平台 二、微信小程序环境准备2.1 申请帐号 进入小程序注册页根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号 你也可以管理你的小程序的权限，查看数据报表，发布小程序等操作。通过登录小程序后台，可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了 （记得保密） 2.2 安装开发工具前往 小程序开发工具下载页面 ，根据自己的操作系统下载对应的安装包进行安装 2.3 编译预览这里推荐用vs code编辑，小程序开发工具预览 vscode 小程序开发插件（一）minapp。支持微信小程序标 ...

微信小程序终于可以支持npm导入第三方库了（https://developers.weixin.qq....），但是这种导入模式和使用模式有别于我们使用的npm调用。今天我按照有赞新出的vant小程序ui库来讲解如何导入npm资源。 第一步： 在小程序工程的根目录下执行： 1npm i vant-weapp -S --production 第二步： 保证当前你的微信开发者工具是最新版本，然后点击执行“构建npm“ 构建成功后会提示： 同时项目根目录中会多出一个目录“miniprogram_npm”，这个就是小程序可以识别的npm第三方库。 第三步： 这时候当我们需要在一个页面中调用vant组件，那么就要在对应的页面json中添加类似如下配置： 123456{"usingComponents":{ "van-button":"/miniprogram_npm/vant-weapp/button/index" }} 接着你就可以在wxml中直接调用这个ui组件了。

因为设置了display: flex; 导致block布局变成了flex布局， 所以在子元素宽度没有被撑破的情况下，子元素宽度是有效的，但是当子元素内容过多，此时宽度会比实际宽度小，所以如果想要在已经设置了flex布局的基础上，再进行子元素宽度的设置，可以应用下面的样式： （在该子元素上设置） 12width: 120px;flex-shrink: 0; // 子元素不进行收缩 转载：https://blog.csdn.net/qq_28073073/article/details/90479025

.JPG) 一、导航下拉菜单被遮住，那是因为层叠关系错误我们必须理解层叠关系满足的2个条件： 1、必须是同级； 2、二者分别设定了position:relative 或 absolute 或 fixed； 这时候通过设置z-index才有效 看看我们比较常见的网页布局： html: 12345678910111213141516<!-- 头部 --><div class="header"> <div class="nav"> <ul class="mNav"> 这是下拉菜单 ......... </ul> </div> </div> <!-- banner --><div class="banner"> <div class="slider">这是焦点图....</di ...

1234567#triangle-up {    width: 0;    height: 0;    border-left: 50px solid transparent;    border-right: 50px solid transparent;    border-bottom: 100px solid red;} 123456789#triangle-down {    width: 0;    height: 0;    border-left: 50px solid transparent;    border-right: 50px solid transparent;    border-top: 100px solid red;} 123456789#triangle-left {    width: 0;    height: 0;    border-top: 50px solid transparent;    border-right: 100px solid red;    border-b ...