本文开篇第一句话,想引用鲁迅先生《祝福》里的一句话,那便是:“我真傻,真的,我单单知道后端整天都是CRUD,我没想到前端整天都是Form表单”。这句话要从哪里说起呢?大概要从最近半个月的“全栈工程师”说起。项目上需要做一个城市配载的功能,顾名思义,就是通过框选和拖拽的方式在地图上完成配载。博主选择了前后端分离的方式,在...…
项目上有一个需求,需要在已经弹出的一个bootstrap模态框的基础上再弹一个模态框。
因为bootstrap官方不建议这么做,最后实现的过程属实不易。
以下是解决方案:
html代码:
<divid="container">
<adata-toggle="modal"href="#myModal...…
准备工作:
1、在微信公众号平台,申请小程序账号,获取appid2、下载并安装微信开发者工具
3、做不同分辨率设备的自适应:单位使用rpxIPhone6下1px=1rpx=0.5pt使用rpx,小程序会自动在不同分辨率下进行转换
首先是项目的入口页面
welcome.wxml
<viewclass="con...…
本文实例讲述了jQuery操作动画。分享给大家供大家参考,具体如下:
<html>
<head>
<title>jQuery操作动画</title>
<metacharset="UTF-8"/>
<scriptsrc="http://libs.bai...…
本文实例为大家分享了JS实现商品橱窗特效的具体代码,供大家参考,具体内容如下
知识点
换算公式
①滚动条长度=(盒子的宽度/内容的宽度)*盒子的宽度
滚动条长度/盒子的长度=盒子的长度/内容的长度
②内容走的距离=(内容的长度-盒子的长度)/(盒子的长度-滚动条的长度)*滚动条走的距离
运行效果
代码
<...…
一、前言
做复杂的小程序就与web页面的区别原来越小了,一些web页面的功能会被要求添加到微信小程序页面中。
二、功能
页面在滑动的时候顶部页面导航跟随滑动,当点击导航中的任意一项时返回页面顶部。
三、实现
wxml代码:
<viewclass='container'>
<viewclass='n...…
基于movable-view实现的一种较为完美的滑动删除效果
前言:用了很多去实现滑动删除的效果,都不太尽如人意,最后用小程序官方专用滑动组件来实现,但是这个组件有一点坑,咱们慢慢道来
1、wxml布局
<viewclass="list">
<viewclass="row"wx:for="{{li...…
本文实例为大家分享了小程序实现吸顶功能的具体代码,供大家参考,具体内容如下
//如图所示----这里用了自定义组件实现了小程序吸顶功能
//WXML
<viewclass="i-sticky-demo">
<i-stickyscrollTop="{{scrollTop}}">
<i-...…
对于导航的吸顶效果,pc端和移动端的需求可能有些差异。在pc端,我们通常只需要一个顶部导航;在移动端,在滑动页面的时候,更需要多个标题的吸顶(例如地区的选择,需要将省份吸顶)。
单个标题吸顶和多个标题吸顶的区别在于:多个标题吸顶需要确定一个高度范围,在这个范围中只能有一个标题吸顶,其他都是固定效果。
一、页面布局及样式...…
1.通过wx.login获取登录凭证(code)
wx.login({success:function(res){console.log(res.code);}})
2.在此处获得
appid和secret:https://developers.weixin.qq.com/sandbox
如图
3.小程序端
h...…