文章
关键词 [ ] 的搜索结果:
-
微信小程序开发路由的使用
我们通常理解的路由指分组数据包从源到目的地时,决定端到端路径的网络范围的进程;借用上面的定义,我们可以理解小程序页面路由,根据路由规则(路径)从一个页面跳转到另一个页面的的规则。通过本篇文章,你可以学习到:哪些情况会触发页面跳转如何跳转页面页面传参页面栈》》》哪些情况会触发页面跳转小程序启动,初始化第一个页面打开新页面,调用 API wx.navigateTo 或使用组件 57a737e61773…
-
微信小程序开发禁止页面下拉如何实现
有的时候你会遇到不让页面下拉,如果你以为我说的是下拉刷新的api的话那就图样了。就是不让你下滑的时候出来那个白条。直接上代码了:<view catchtouchmove="stopDrag" class="container"> stopDrag(){ return false; },但是这个慎用,我也想在这里如果有大神能指点指点就最好了,这个的…
-
微信小程序开发switchTab如何使用
我写的是一个电商商城小程序,跳转到详情页之后有两个点击跳转的icon如图:聪明的你肯定猜出来这两个icon是跳转到哪的,肯定也是bindtap,然后wx.navigator就搞定了。两个简单的页面跳转嘛,然后居然就是这两个问题卡了我一个多小时,后来还是在微信群里问大佬们才解决的,因为自己看文档不仔细,跳转的这两个页面是微信官方底部tab的路径如图:问题是出在官方的tabbar中你用了这几个路径如图…
-
微信小程序开发UI框架如何使用
这个,很有意思,当我写完一个我觉得很有灵性的选项卡的时候,以前哥们告我微信小程序有个框架你看看去。。。<view wx:for="tab" wx:key="index" data-id="item.id" data-index="index" bindtap="switchTab…
-
微信小程序开发容器视图的使用
view 其实就是div,嘿嘿嘿就是这么简单粗暴的解释。scroll-view 可滚动视图区域。 这个需要注意的是,横向滚动的视图区域。重要的是这两个行内样式,其他的官方文档也说的比较清楚。<view class="supply-scroll bg"> <scroll-view class="scroll-box" scroll-x=&qu…
-
微信小程序开发rpx使用
在微信官方的文档中,我们看到这样一句话:在 iPhone 6 上,屏幕宽度为 375px,共有 750 个物理像素,则 750rpx = 375px = 750 物理像素,1rpx = 0.5px = 1 物理像素。开发微信小程序时设计师可以用 iPhone 6 作为视觉稿的标准。也就是说,设计师在设计小程序时,可以这样做:直接以 iPhone 6 的屏幕尺寸(375×667)用作视觉稿尺寸,1 …
-
微信小程序开发怎样创建页面
我们有两个页面,index 页面和 logs 页面,即欢迎页和小程序启动日志的展示页,他们都在 pages 目录下。微信小程序中的每一个页面的【路径 + 页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页。每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.jso…
-
微信小程序开发怎样编写代码
点击开发者工具左侧导航的「编辑」,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js 后缀的是脚本文件,.json 后缀的文件是配置文件,.wxss 后缀的是样式表文件。微信小程序会读取这些文件,并生成小程序实例。下面我们简单了解这三个文件的功能,方便修改以及从头开发自己的微信小程序。app.…
-
微信小程序开发怎样创建项目
这次给大家带来微信小程序开发怎样创建项目,微信小程序开发创建项目的注意事项有哪些,下面就是实战案例,一起来看一下。我们需要通过开发者工具,来完成小程序创建和代码编辑。开发者工具安装完成后,打开并使用微信扫码登录。选择创建「项目」,填入上文获取到的 AppID,设置一个本地项目的名称(非小程序名称),比如「我的第一个项目」,并选择一个本地的文件夹作为代码存储的目录,点击「新建项目」就可以了。<…
-
微信小程序开发怎样获取AppID
这次给大家带来微信小程序开发怎样获取AppID,微信小程序开发获取AppID的注意事项有哪些,下面就是实战案例,一起来看一下。1. 获取微信小程序的 AppID首先,我们需要拥有一个帐号,如果你能看到该文档,我们应当已经邀请并为你创建好一个帐号。注意不可直接使用服务号或订阅号的 AppID。 利用提供的帐号,登录https://mp.weixin.qq.com ,就可以在网站的「设置」-「开发者设…
-
微信小程序开发获取用户基本信息
今天所写的是我刚刚接手的一个小程序所遇到的一些问题,PS本人是新手前端。这次给大家带来微信小程序开发获取用户基本信息,微信小程序开发获取用户基本信息的注意事项有哪些,下面就是实战案例,一起来看一下。1、关于获取用户基本信息(微信官方不允许开发者进页面直接获取用户信息【也就是进页面强制跳出弹框】),而是通过组件的格式直接获取信息。 4a8a34e6d26f3631527e56fc95d78fbd06…
-
VUE做出带有数据收集、校验和提交功能表单
这次给大家带来VUE做出带有数据收集、校验和提交功能表单,VUE做出带有数据收集、校验和提交功能表单的注意事项有哪些,下面就是实战案例,一起来看一下。示例https://raw.githubusercontent.com/xaboy/form-create/dev/images/sample110.jpg安装npm install form-createORgit clone https://gi…
-
console怎样打印日志信息
这次给大家带来console怎样打印日志信息,console打印日志信息的注意事项有哪些,下面就是实战案例,一起来看一下。我们首先创建如下文件:// index.js let fs = require('fs'); let options = { flags: 'a', // append模式 encoding: 'utf8…
-
vue拦截器兼容性处理
这次给大家带来vue拦截器兼容性处理,使用vue拦截器兼容的注意事项有哪些,下面就是实战案例,一起来看一下。项目中使用vue搭建前端页面,并通过axios请求后台api接口,完成数据交互。如果验证口令token写在在每次的接口中,也是个不小的体力活,而且也不灵活。这里分享使用vue自带拦截器,给每次请求的头部添加token,而且兼容了IE9。import axios from 'axio…
-
怎样使用Vue操作DIV
这次给大家带来怎样使用Vue操作DIV,使用Vue操作DIV的注意事项有哪些,下面就是实战案例,一起来看一下。效果图 demo1.gif分清clientY pageY screenY layerY offsetY的区别在我们想要做出拖拽这个效果的时候,我们需要分清这几个属性的区别,这几个属性都是计算鼠标点击的偏移值,我们需要对其进行了解才可以继续实现我们的拖拽效果clientY 指的是距离可视页面…
-
jQuery实现鼠标绑定事件图片放大功能
这次给大家带来jQuery实现鼠标绑定事件图片放大功能,jQuery实现鼠标绑定事件图片放大功能的注意事项有哪些,下面就是实战案例,一起来看一下。<!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery图片变换</title> &l…
-
利用Node.js进行文件编码格式转换
这次给大家带来利用Node.js进行文件编码格式转换,利用Node.js进行文件编码格式转换的注意事项有哪些,下面就是实战案例,一起来看一下。ASCII编码就比较蛋疼,通过搜索网上资源,反复测试对比,最终形成下面比较靠谱的方法(有一些 EditPlus显示编码为utf-8但node.js库返回的却是其它编码>_<)判断修改是否无误,只需要在修改完之后,通过SVN提交,浏览提交列表,双击…
-
微信小程序内怎样增加和后台客服联系功能
这次给大家带来微信小程序内怎样增加和后台客服联系功能,微信小程序内增加和后台客服联系功能的注意事项有哪些,下面就是实战案例,一起来看一下。1. 普通客服按钮添加 <button open-type='contact' session-from=''>客服-联系我们</button>2. 悬浮客服按钮添加,图片自定义大家看地图的有个客服…
-
微信小程序内如何做出跑马灯效果(附代码)
这次给大家带来微信小程序内如何做出跑马灯效果(附代码),微信小程序内做出跑马灯效果的注意事项有哪些,下面就是实战案例,一起来看一下。一:功能介绍及讲解实现的跑马灯(跑马灯里面显示文章的title)的效果,并在右侧有个查看文章的按钮,按钮绑定当前的跑马灯信息的id,点击按钮后根据id跳转到相应的文章详情页;这里值得注意的点是我用了swiper组件的 bindchange 事件来获取到当前信息的数组下…
-
如何在微信小程序内开发验证码密码输入框功能
这次给大家带来如何在微信小程序内开发验证码密码输入框功能,在微信小程序内开发验证码密码输入框功能的注意事项有哪些,下面就是实战案例,一起来看一下。在做小程序过程中做一个6位验证码输入框,本以为很简单,但是在写的时候遇到各种各样的阻力,在网上查阅资料也寥寥无几,后来经过一番思考,终于敲定下来本人最满意的方案,特意发出来让大家参考一下,希望能帮到大家!一、效果图如下:二、代码部分wxml:<fo…