Welcome

首页 / 脚本样式 / JavaScript

微信公众号开发 自定义菜单跳转页面并获取用户信息实例详解

2017-02-06 75
微信公众号开发 自定义菜单请先读完本文再进行配置开发 请先前往微信平台开发者文档阅读“网页授权获取用户基本信息”的接口说明在微信公众账号开发中，往往有定义一个菜单，然后用户点击该菜单就进入用户个人中心的功能，通常应用于各个公众账号中的会员服务。如何在微信自定义菜单中将用户导航到个人中心页面呢？ 首选需要通过用户点击获取用户openid，而通过用户的点击跳转获取用户openid就必须在菜单中动态绑定用户的openid，或者在菜单的跳转URL中填写微信提供的链...

Vue.JS入门教程之自定义指令

2017-02-06 40
基础Vue.js 允许你注册自定义指令，实质上是让你教 Vue 一些新技巧：怎样将数据的变化映射到 DOM 的行为。你可以使用Vue.directive（id, definition）的方法传入指令id和定义对象来注册一个全局自定义指令。定义对象需要提供一些钩子函数（全部可选）：bind: 仅调用一次，当指令第一次绑定元素的时候。update: 第一次是紧跟在 bind 之后调用，获得的参数是绑定的初始值；以后每当绑定的值发生变化就会被调用，获得新值与旧值...

node.js Sequelize实现单实例字段或批量自增、自减

2017-02-06 47
一、单实例自增、自减在Sequelize中，一个实例（Instance）表示数据库中的一行记录。Instance有两种：由Model.build（）创建的非持久化实例，和由Model.create（）等方法创建的持久化实例。无论是持久化还是非持久化实例，都会有increment（） 、decrement（）两人上方法，分别用于字段值的自增和自减两种操作。instance.increment（fields, [options]） - 字段值自增instanc...

浅谈JavaScript的闭包函数

2017-02-06 31
在JavaScript中，闭包恐怕是很多人不能理解的一个概念了，甚至很多人也会把闭包和匿名函数混淆。 闭包是有权访问另一个函数作用域中的变量的函数。首先要明白的就是，闭包是函数。由于要求它可以访问另一个函数的作用于中的变量，所以我们往往是在一个函数的内部创建另一个函数，而“另一个函数”就是闭包。 比如之前提到过的作为比较函数：function createComparisonFunction（propertyName）{ return function（o...

jQuery实现鼠标滑过图片移动特效

2017-02-06 61
在网页应用中，鼠标操作是最为常见和频繁的操作，在用户移动鼠标浏览页面的时候，一些交互特效的提醒会增强用户体验度，也可让用户感觉页面在和他“交流”，从而增加用户在页面的逗留时间，以及增加深层次访问的可能性。今天tity带大家做一个简单的示例，当鼠标移动到图片上的时候图片会向上动一下，等到鼠标离开后，图片又返回到原来的位置。首先，我们先来做如下图所示的页面布局： 页面布局部分：<ul><li><img src="images/1....

微信开发之调起摄像头、本地展示图片、上传下载图片实例

2017-02-06 97
之前那篇微信JS-SDK授权的文章实现了分享接口，那么这里总结一下如何在微信里面通过js调起原生摄像头，以及上传下载图片。1.配置页面引入通过jssdk授权后，传入wx对象，首先配置需要的接口wx.config（{/* debug: true, */appId: appid, timestamp: timestamp, nonceStr: nonceStr, signature: signature,jsApiList: [ "chooseImage",/...

微信小程序开发之大转盘 仿天猫超市抽奖实例

2017-02-06 47
天猫超市翻牌的转盘经常用,以前做Android,没啥想法,现在尝试微信小程序,看到别人家APP里有啥好玩的,就想去做一个. 上GIF看效果: 简要的说一下.1.外面一圈闪烁的小球是用js控制的样式.500ms改变一次样式.简单粗暴;2.抽奖的item也是js控制背景,但是怎么样让它优雅的停下来是个问题.动画中有timingFunction可以设置速度.自己用js就没那么简单了.我这里用setInterval（）,时间是线性变化的.换个斜率先小后大的函数效果...

解析利用javascript如何判断一个数为素数

2017-02-06 55
判断是否为素数？质数（prime number）又称素数，有无限个。质数定义为在大于1的自然数中，除了1和它本身以外不再有其他因数的数称为质数。合数，数学用语，英文名为Composite number，指自然数中除了能被1和本身整除外，还能被其他数（0除外）整除的数。与之相对的是质数（因数只有1和它本身，如2，3，5，7，11，13等等，也称素数），而1既不属于质数也不属于合数。最小的合数是４。<！DOCTYPE html><html l...

JS实现页面进入和返回定位到具体位置

2017-02-06 60
其实浏览器也自带了返回的功能，也就是说，自带了返回定位的功能。正常的跳转，返回确实可以定位，但是有些特殊场景就不适用了。例如，某些元素是在某种情况下才加上的，又或者多级定位。目前，我知道的返回定位到具体位置有两种方法：①利用id定位，在跳转的时候带上某个模块的id，返回的时候定位到该处。②利用距离顶部的距离，在跳转的时候带上当前位置滚动过的距离，返回的时候定位到该处。一般应用场景：定位到某一个模块的时候，有二级定位的时候利用方法①.定位到具体位置的时候，定...

Vue自定义指令介绍（2）

2017-02-06 47
Vue指令Vue的指令以v-开头，作用在HTML元素上，将指令绑定在元素上，给绑定的元素添加一些特殊行为。例如：<h1 v-if="yes">Yes</h1>其中，v-是Vue的标识，if是指令ID，yes是expression。yes是MVVM中的VM即ViewModel，当它的值发生变化，就会触发指令，改变View视图的显示。expression还可以使用内联的模式，任何依赖的属性发生变化时都会触发指令的执行。如：<h1 ...

微信小程序开发之录音机 音频播放 动画实例 （真机可用）

2017-02-06 60
趁着周末用微信小程序做了个简易录音机.跟大家分享,欢迎批评！老规矩,先几张图.1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可.2.按住 录音按钮的时候会出现麦克风.中间的麦克风是个帧动画.其实就是用js控制图片显示隐藏.没啥好说的.这里值得说一说的是录音.微信的录音API后,如果录音时间太短,会录音失败.所以fail的时候还是需要处理一下.录音时间的限制和微信语音是一样的.60秒.3.我在录音完成后才加载列表.下图就是从微信存储的文件里获...

JavaScript中${pageContext.request.contextPath}取值问题及解决方案

2017-02-06 45
在JSP里取${pageContext.request.contextPath}，方式一是可以正常取到，但方式二却取到的是字符“${pageContext.request.contextPath}”方式一：<script type="text/JavaScript">var t = "${pageContext.request.contextPath}";<script>方式二：<script src="${ctx}/jqGr...

原生js编写焦点图效果

2017-02-06 29
自己用原生js写的简单焦点图，算是对原生js初步运用。html部分<div class="focusPicture"><section class="mPhoto" id="mPhoto"><img src="images/20161021/b_5809b93b66d18.jpg"/></section><！-- 主要的大图 --><section class="oPhoto"><...

浅谈javascript中执行环境（作用域）与作用域链

2017-02-06 41
相信很多初学者对与javascript中的执行环境与作用域链不能很好的理解，这里，我会按照自己的理解同大家一起分享。一般情况下，我们把执行环境分为全局执行环境和局部执行环境，其中局部执行环境我们又可以称之为函数执行环境。那么究竟什么使执行环境呢？通俗的说，执行环境即为代码执行时所处的环境。我们下来看一看如下代码，再进一步分析之。<script><br>var name="zhuzhenwei";function changeName...

详解微信小程序 页面跳转 传递参数

2017-02-06 27
微信小程序的页面跳转,页面之间传递参数笔记，具体如下：先上demo图:为了简化逻辑,所以index.wxml里面只写了两个text.既然是跳转,那就还有其他页面.目录如下:三个页面,但是代码很简单.直接上代码.<span style="font-size:24px;"><！--index.wxml--><view class="btn-area"> <navigator url="../navigator/navi...

解析如何利用iframe标签以及js制作时钟

2017-02-06 30
如何制作一个时钟呢？效果如下图所示：这里的时钟会不停的走，但是下面的页面是不会变得，这样就实现了我们想要的效果了。下面我将分为以下几个方面来讲：javascript中的Date引用类型几种效果不佳的实例<iframe>标签最终效果不错的实例如果大家想直接看最终不错的效果实例，可以看文章结尾处代码。第一部分：Date引用类型1.日期对象可以直接使用new操作符和Date构造函数构造。代码如下：var date=new Date（）;2. 通过构造...

AngularJS模仿Form表单提交的实现代码

2017-02-06 41
废话不多说了，直接给大家贴代码了。$http（{url: "http://localhost:10086/yuanxin/Conference/ImportExcelDataForBusRoute",method: "Post",headers: {"Content-Type": "multipart/form-data" },data: { BusRoute: file, ConferenceID: "1" },transformRequest: fun...

微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例

2017-02-06 41
把录音的模块尝试过之后就想着微信小程序的视频播放会不会更有趣?果然,微信小程序视频自带弹幕.是不是很爽,跟我一起来看看.先上gif:再上几张图:1.视频播放器2.选择弹幕颜色3.弹幕来了...1.视频播放器微信已经封装的非常好.我这里只用了很简单的几个属性由于以前没做过弹幕,看到danmu-list就激动了.而且只需要将弹幕内容加入集合即可.弹幕列表的元素: {text: "第 1s 出现的红色弹幕",//文本color: "#ff0000",//...

详解JavaScript中的属性和特性

2017-02-06 60
JavaScript中属性和特性是完全不同的两个概念，这里我将根据自己所学，来深入理解JavaScript中的属性和特性。主要内容如下：理解JavaScript中对象的本质、对象与类的关系、对象与引用类型的关系对象属性如何进行分类属性中特性的理解第一部分：理解JavaScript中对象的本质、对象与类的关系、对象与引用类型的关系对象的本质：ECMA-262把对象定义为：无序属性的集合，其属性可以包含基本值、对象或者函数。即对象是一组没有特定顺序的值，对象的...

js倒计时小实例（多次定时）

2017-02-06 32
一个简单的js计时函数（多次定时）<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style>h1{text-align:center;font-size:40px;} </style></head><body> &...
<< 51 52 53 54 55 56 57 58 59 60 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图