冰冻三尺，非一日之寒

原文链接 阅读目录 写在前面 实例1：滚动tab选项卡 实例2：星级评分 实例3：自定义底部弹出层 写在后面 回到目录 写在前面 最近在负责一个微信小程序的 前端以及前后端接口的对接 的项目，整体上所有页面的布局我都已经搭建完成，里面有一些常用的特效，总结一下，希望对大家和我都能有所帮助 回到目录 实例1：滚动tab选项卡 先看一下效果图吧，能够 点击菜单 或 滑动页面 切换，tab菜单部分可以实现左右滚动 好了，看一下我的源码吧！<喜欢的话拿走不谢哟> 1、wxml <!-- tab header --> < scroll-view scroll-x ="true" class ="tab-h" scroll-left ="{{scrollLeft}}" > < view class ="tab-item {{currentTab==0?'active':''}}" data-current ="0" bindtap ="swichNav" > 全部 </ view > < view class ="tab-item {{currentTab==1?'active':''}}" data-current ="1" bindtap ="swichNav" > 营销系统 </ view > < view class ="tab-item {{currentTab==2?'active':''}}" data-current ="2" bindtap ="swichNav" > 家居建材 </ view > < view class ="tab-item {{curren...

原文链接 我们看到的 cookie 我自己创建了一个网站，网址为 http://ppsc.sankuai.com 。在这个网页中我设置了几个 cookie ： JSSESSIONID ， PA_VTIME ， skmtutc ， test 。 在 chrome 浏览器中打开这个网站，进入开发者模式，点击 Resources 栏 -> 选择 cookies ，我们会看到如下图所示的界面： 解释一下：左边栏 Cookies 下方会列举当前网页中设置过 cookie 的域都有哪些。上图中只有一个域，即“ppsc.sankuai.com”。而右侧区域显示的就是某个域下具体的  cookie  列表，对应上图就是“ppsc.sankuai.com”域下设置的4个 cookie 。 在这个网页中我往 http://ppsc.sankuai.com/getList 接口发了一个 Ajax 请求， request header 如下图所示： 从上图中我们会看到 request header 中自动添加了 Cookie 字段（我并没有手动添加这个字段哦~）， Cookie 字段的值其实就是我设置的那4个  cookie 。这个请求最终会发送到 http://ppsc.sankuai.com 这个服务器上，这个服务器就能从接收到的 request header 中提取那4个 cookie 。 上面两张图展示了 cookie 的基本通信流程：设置 cookie  =>  cookie 被自动添加到 request header 中 => 服务端接收到 cookie 。这个流程中有几个问题需要好好研究： 什么样的数据适合放在 cookie 中？ cookie 是怎么设置的？ cookie 为什么会自动加到 request header 中？ cookie 怎么增删查改？ 我们要带着这几个问题继续往下阅读。 cookie 是怎么工作的？ 首先必须明确一点，存储 cookie 是浏览器提供的功能。 cookie  其实是存储在浏览器中的纯文本，浏览器的安装目录下会专门有一个 cookie 文件夹来存放各个域下设置的 cookie 。 当网...