小点心,顾名思义,开箱即食,拿来即用. 前端业务逻辑主要分为[交互效果]和[数据展示]两方面.数据展示可使用 MVVM 框架来实现.前端的交互效果常用的也就那么几种,比如弹窗,楼层定位,倒计时,下拉刷新,上拉加载更多等等.这些交互效果完全可以提出来做成通用的模块,以后不必再劳心费神去想怎么实现.就像 Swiper 封装了一个类来专门做轮播图一样,本系列的目的是通过封装一系列类来实现弹窗,楼层定位,倒计时等交互功能. 弹窗就无需多说了,几乎所有存在交互的页面都会用到,一个页面上甚至会有 N 多个弹…

小点心,顾名思义,开箱即食,拿来即用. 献上第二个小点心:SlidePopup. GitHub 在线演示 GitHub 上欢迎大家来找茬^_^ 前端朋友们,今天要介绍的这款小点心牛B了.相信是个前端都应该接触过这种效果,而且是非常流行的交互. 闲话少叙,先上效果图: 基本使用 多个可自定义的选项 来不及解释了,立即查看示例. 这种弹窗的使用场景主要出现在移动端. 先定一个小目标: 易用性,如果自己都觉得难用,那就没有分享的必要了￣□￣||: 兼容性,兼容主流浏览器,但并非所有(比如 IE 低版本…

我是一个有强迫症的优化控 , 因为近视的缘故 , 喜欢将桌面图标放大 ,  但是win7快捷方式的小箭头 , 确实不好看 . 用win7魔方之类的软件 , 可以解决这个问题 , 但是有时候重启 ,  还是会出现 . 另外为了去一个箭头就安装一个软件 , 是一些强迫症患者所无法接受的 .  于是尝试了如下方法 , 将小箭头变为透明 , 自然就看不见啦 . 在桌面新建一个文本文档 , 名称随意 . 例如我 新建了一个 a.txt 将下面的代码粘贴到文件中 , 另存为 a.bat (保存类型 : 所有…

[编者按]本文作者为 Axel Rauschmayer,主要介绍6个 ES6 小技巧.文章系国内 ITOM 管理平台 OneAPM 编译呈现. 在本文中,笔者将介绍6个由 ES6 新功能带来的小技巧.在每个技巧末尾,都会附上笔者的拙作"<探索 ES6>"中的相关阅读材料(本书可在线上免费阅读). 1.通过参数默认值实现强制参数 ES6 的参数默认值只有在真正使用时才会求值.这可以让你强制确保提供参数: /** * Called if a parameter is missi…

百度小程序Toast组件 author: @TiffanysBear 百度小程序自定义通用toast组件 BdToast百度小程序自定义通用组件-github地址 需求 手百小程序的toast仅支持在页中展示,不能自定义位置.字体大小.在单个文本中增加icon等需求:因此自定义一个全局可通用的Toast. 效果预览 如何使用 代码目录位于 /widget/toast 下,包含3个文件 toast.js 脚本代码 toast.css 样式文件,可以根据自己需求定制 toast.swan 模板结构,…

百度智能小程序自定义弹窗组件wcPop|百度小程序model对话框|智能小程序弹窗界面模板 最近百度也推出了自己的智能小程序,如是就赶紧去试了下,官方提供的api还不是狠完整.而且官方提供的弹窗组件也不能满足一些复杂展示场景,所以就自己动手封装了个智能小程序弹窗wcPop自定义模板插件. 百度智能小程序wcPop支持多种动画展示形式,超精简调用api,可自定义多按钮事件,随意自定义弹窗模板内容. 智能小程序弹窗demo展示: 插件调用api超简洁,易于上手,只需在需要调用的页面引入tpl.js即…

引言: 想必大家一定听过或看过浏览器cookie,早在nokia雄霸天下.我们还不太明白浏览器的时候,cookie就已经悄悄地存在于浏览器的“设置选项”中了.当时它的用途仅仅是让你选择是否“清除”.年少的我很纳闷,这“甜点”(cookie在英语中的解释)是什么意思? 光阴如梭,直到接触到web开发才发现自己以前对cookie的理解是多么可笑,哈哈哈... cookie在浏览器中是什么作用呢?果断找度娘,cookie用来存储网站或用户的数据.行为等信息.比如:用户设置网站的主题,网站将相关的数据记…

前言小程序官方提供了 wx.showModal 方法,但样式比较固定,不能满足多元化需求,自定义势在必行~ 老规矩先上图 点击某个按钮,弹出 modal框,里面的内容可以自定义,可以是简单的文字提示,也可以输入框等复杂布局.操作完点击取消或确定关闭 modal. 如何使用将下面的 modal.wxml .modal.wxss .modal.js .modal.json 四个文件复制到对应位置即可. 封装完之后调用起来也很简单,看看调用的代码吧 <modal show="{{showModa…

最近在做小程序的登录,需要同时获取用户手机号和头像昵称等信息,但是小程序又不支持单个接口同时获取两种数据,因此想到自定义一个弹窗,通过弹窗按钮触发获取手机号事件.记录一下. 具体代码如下: 业务代码中: 在业务代码中引入dialog组件即可 <dialog visible="{{dialogVisible}}" showFooter="{{footerVisible}}" title="测试一下"> <view class='d…

Promise 出现的原因 在 Promise 出现以前,我们处理一个异步网络请求,大概是这样: // 请求 代表 一个异步网络调用. // 请求结果 代表网络请求的响应. 请求1(function(请求结果1){ 处理请求结果1 }) 看起来还不错.但是,需求变化了,我们需要根据第一个网络请求的结果,再去执行第二个网络请求,代码大概如下: 请求1(function(请求结果1){ 请求2(function(请求结果2){ 处理请求结果2 }) }) 看起来也不复杂.但是..需求是永无止境的,于…