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