- 博客(11)
- 资源 (2)
- 收藏
- 关注
原创 小程序实践(七)----checkbox实现多选弹窗
小程序(七)----checkbox实现多选弹窗今天开发过程中需要实现一个多选然后以弹窗的方式实现,然后就有了接下来的这个不算太beautiful的弹窗多选可互斥功能。有需要的复制粘贴即可使用,适合新手哦。效果图:1.布局wxll<view style="background:white;width:100%;height:auto;padding:20px 14px;"> <!-- 复选弹框列表 --> <view class='typeListBox'
2021-06-24 15:12:14 2321 5
原创 小程序实践(六)--- 购物车
小程序实践(六)— 购物车今天分享一下购物车功能实现思路,首先购物车是离不开checkbox,而不同的框架封装了不同的api,今天分享的就是小程序的checkbox是怎么实现购物车的功能的。我们在购物的时候常见的购物车无非也就包含以下几个功能点:1)单选、全选、取消以及结算。2)单个商品购买数量的增加与减少3)删除所选商品,购物车为空时的提示接下来我们就可以围绕着需求一步一步的去实现代码实现页面布局wxll这里我是根据数据的length进行判断,length>0则渲染列表,当然也可以
2021-06-18 15:23:49 3554 2
原创 uni-app:如何运行到微信小程序模拟器需要进行的配置项(一)
uni-app:如何运行到微信小程序模拟器需要进行的配置项(一)一切准备就绪的时候,就可以运行微信小程序了,不过得事先配置好下面这几项:1)如果是第一次使用,需要配置开发工具的相关路径。点击工具栏的运行 -> 运行到小程序模拟器 -> 运行设置,配置相应小程序开发者工具的路径。如下图,需在输入框输入微信开发者工具的安装路径:2)如下图,需在输入框输入你自己的微信小程序的ID。3)接下来就可以直接运行小程序模拟器进行调试查看效果了。第一次在运行的时候如果遇到这样的报错:工具的服务端
2021-04-27 16:09:21 2192
原创 小程序实践(四)--页面带参传值、JSON数据传递 (1)
小程序实践(四)–页面带参传值、JSON数据传递今天呢写了一个(物流跟踪)列子,将通过这个例子来向大家介绍一下小程序是如何带参跳转、JSON数组的传递与解析。先看下效果图:让我们来看一下本次案例中运用到的函数1)页面跳转的方法:wx.navigateTo({ url: '../logistics/logistics?dataList=' + dataList, })...
2019-01-30 10:37:16 1724
原创 小程序实践(五)--查看全文
小程序实践(五)—查看全文今天写一个特别简单的小例子,查看全文,根据文字的数量以及行数来控制它的显示隐藏。大神勿喷哦,只是记录自己在学习小程序的过程的点点滴滴,初次接触小程序的可以看一下,以便日后开发中有类似的可以直接拿走用。<span class="more {{colNum >3 ? 'hide' : ''}}" id="wdy" >内容区域</span>// pages/viewMore/viewMore.jsPage({ /** * 页面的初始数
2021-06-17 10:43:04 444
原创 如何发布文章到自己搭建的hexo博客上!
title : “如何发布文章到自己搭建的hexo博客上!”如何发布文章到自己搭建的hexo博客上1.选择一个markdown编辑器,我个人觉得csdn自带的md编辑器就挺好用的,你可以注册一个csdn帐号,直接微信扫一扫就可以;2.注册成功后登录进去,点击写博客,先了解下markdown编辑器基本的用法,然后就可以写博客了,写好之后导出到本地如图,点击后选择MarkDown,会下载一...
2019-11-14 11:07:23 331
原创 小程序实践(三)--小程序切换按钮选中状态
小程序实践(三)–动态切换button样式首先说一下为什么要单独写一个这个呢?在小程序中由于不能够直接对DOM元素进行操作,更没有像jquery那样addClass、removeClass这样简便方法对样式进行改变,个人觉得这个相对来说还是比较方便的,就拿出来在这里跟大家分享一下。如果你有更简单的不防写下来跟大家分享一下!还是先看一下最终实现的效果接下来就看一下我们是如何实现的1、布局排...
2019-01-28 15:34:05 4564 5
原创 小程序实践(二)--swiper轮播图组件
小程序实践(二)–swiper轮播图组件依照惯例,先看效果图:先了解下swiper组件参数配置轮播实现的具体步骤如下:第一步:添加图片素材,我这边是放到images下,文件以及图片名字自定义即可。第二步:在wxml中进行页面布局在这里呢,用到了列表渲染 、 swiper组件,三元运算符(注:由于小程序不能操作dom,三元运算符还有一个常用的使用场景是控件class样式输出,达到j...
2019-01-24 10:46:03 354
原创 小程序实践(一)--首页tab选项实现
小程序实践(一)–首页tab选项实现先看下效果图:底部tab切换的实现主要在App.json中的 tabBar列表。如下图所示:接下来详细介绍一下App.json中的参数1.默认情况下主要分为Pages和window两个模块,tabBar是我们在需要的时候添加进去的2.pages–我们开发中所写的页面路径都需要引用在这里3.windows–设置小程序的状态栏、导航条、标题、窗口背景...
2019-01-22 10:22:27 353
原创 react搭配amazeui环境搭建
react搭配amazeui环境搭建1、安装nodehttps://nodejs.org/en/download/查看node npm版本2、安装react创建新的react单页面应用1、npm install -g create-react-app2、create-react-app react-demo3、安装 amazeui1)首先 cd react-de...
2019-01-18 10:43:21 291
原创 前端优化--图片懒加载
前端优化–图片懒加载##一、什么事懒加载懒加载技术(简称lazyload)是对网页性能优化的一种方案。lazyload的核心是按需加载,避免网页打开时加载过多资源,让用户等待太久,在适当的时候加载用户需要的资源(这里用户需要的资源指该资源呈现在浏览器可视区域)。这里我们主要是对img标签使用懒加载技术,使用jquery的query.lazyload.js库实现。通俗的讲就是:当访问一个页面的...
2019-01-16 11:06:57 671
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人