JavaScript资料,JavaScript文章,JavaScript文档-易库教程

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

2017年02月06日 80 阅读

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

详解JavaScript中的属性和特性

2017年02月06日 106 阅读

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

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

2017年02月06日 71 阅读

一个简单的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> &...

通过Ajax使用FormData对象无刷新上传文件方法

2017年02月06日 69 阅读

写在前面：本文说的这个方案有浏览器兼容性问题；所有主流浏览器的较新版本已经支持这个对象了，比如Chrome 7+、Firefox 4+、IE 10+、Opera 12+、Safari 5+，对兼容性比较敏感的网站慎用。在工作中遇到了一个问题：在一个页面中，有4块内容，每块内容都包含一个图片上传功能，希望可以实现一键把这四块内容都上传上去。我没有用插件实现上传功能，就是用的input[type=file]，因此就遇到一个问题就是：①传统的form表单会导致页...

js实现百度地图定位于地址逆解析，显示自己当前的地理位置

2017年02月06日 98 阅读

话不多说，随小编一起看看实例代码吧<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css">body, ...

微信开发 JS-SDK 6.0.2 经常遇到问题总结

2017年02月06日 78 阅读

0.为什么以前不需要配置这么麻烦就可以修改分享description 等信息,但是现在不行了.因为6.0.2版本之前没有做权限验证，所以config都是ok，但这并不意味着你config中的签名是OK的，请在6.0.2检验是否生成正确的签名以保证config在高版本中也ok。所以现在需要配置正确签名 wx.config1.登录微信后台（mp.weixin.qq.com）-->基本配置获取AppID,AppSecret2. 获取 access_toke...

利用js+css+html实现固定table的列头不动

2017年02月06日 73 阅读

话不多说，跟这小编来一起看下吧1、CSS<style type="text/css">#scroll_head {position: absolute;display: none;}</style>2、Javascript<script type="text/javascript">//该函数在上面一个table数据加载完成后调用//把表头的宽度设置到会滚动的页头去var copyWidth = function （） ...

基于JS实现的随机数字抽签实例

2017年02月06日 67 阅读

话不多说，附上源码，仅供大家参考<！DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><script src="Scripts/jquery-1.10.2.js"></script><script type="text/javascript">var numA...

javascript垃圾收集机制的原理分析

2017年02月06日 84 阅读

前面的话 javascript具有自动垃圾收集机制，执行环境会负责管理代码执行过程中使用的内存。在编写javascript程序时，开发人员不用再关心内存使用问题，所需内存的分配以及无用内存的回收完全实现了自动管理。下面将详细介绍javascript的垃圾收集机制原理垃圾收集机制的原理很简单：找出那些不再继续使用的变量，然后释放其占用的内存，垃圾收集器会按照固定的时间间隔，或代码执行中预定的收集时间，周期性地执行这一操作局部变量只在函数执行的过程中存在。...

PHP+jquery+ajax实现分页

2017年02月06日 66 阅读

本文实例为大家分享了jquery ajax实现分页的具体代码，供大家参考，具体内容如下HTML<div id="list"><ul></ul> </div> <div id="pagecount"></div>CSS #list{width:680px; height:530px; margin:2px auto; position:relative} #list ul li{floa...

学习使用bootstrap的modal和carousel

2017年02月06日 82 阅读

bootstrap框架提供了很多好用的javascript组件，可以很方便的实现常用的js效果，比如点击弹出一个div（modal）、下拉菜单、旋转木马（carousel或slider），非常适合前端不专业的后端程序员使用。下面就来看下modal和carousel如何使用。modal即点击弹出div的效果，先看下效果图。代码如下：<！DOCTYPE html><html lang="zh"><head> <titl...

JS实现太极旋转思路分析

2017年02月06日 82 阅读

刚学了js的一些函数，所以做了一个太极的旋转。做完之后是上面这个样子的，是可以旋转的。思路：1.先做一个基准转盘，之后将元素都放在转盘上，跟随转盘动。2.画两个半圆，主要属性是border-top-right-radius: 250px; 像素值为长边的一半。3.然后画4个圆，以基准转盘为父元素，按照下面黑色圆一样的思路再画另外一边白色的圆，最后再在两个中等的圆上画两个小圆。4.设置定时器：//旋转角度var deg = 0//设置定时器，100毫秒动一次...

原生js实现查询天气小应用

2017年02月06日 74 阅读

本文实例为大家分享了js查询天气应用，供大家参考，具体内容如下demo: https://zsqosos.github.io/weather/实现功能：打开网页时显示用户所在城市的天气状况，在输入框输入城市可查询其它城市。实现过程：先调用百度地图的API来获取用户所在的城市，随后调用聚合数据的天气API将数据放在页面上。由于ajax不支持跨域，所以采用了jsonp的方式来调用数据。实现的原理比较简单，HTML和css比较长，我就只将js代码贴出来，想看完整...

JS定时器实现数值从0到10来回变化

2017年02月06日 61 阅读

效果：数值从0到10来回变化代码：var a=0var timer1,timer2;function add（）{a++;console.log（a）;if（a>=10）{clearInterval（timer1）;timer2=setInterval（sub,200）;}}function sub（）{a--;console.log（a）;if（a<=0）{clearInterval（timer2）;timer1=setInterval（ad...

浅析JavaScript动画模拟拖拽原理

2017年02月06日 67 阅读

模拟拖拽的原理：x1等于div.offsetLefty1等于div.offsetTopx2等于ev.clientX（ev表示event事件）y2等于ev.clientY当我们在方块上按下鼠标的时候，x2-x1即可确定。移动鼠标之后，我们用鼠标当前的位置即x4、y4减去x2-x1、y2-y1就可以得到方块现在的位置。代码： <！DOCTYPE html> <html lang="en"> <head><meta ch...

vue.js绑定class和style样式（6）

2017年02月06日 74 阅读

数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是 attribute，我们可以用 v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 v-bind 用于 class 和 style 时，Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。通过 v-bind:class 或者 :class 来为style或者class来绑定绑定class<div cla...

清除浏览器缓存的几种方法总结（必看）

2017年02月06日 90 阅读

关于浏览器缓存浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。清理网站缓存的几种方法meta方法//不缓存<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-...

JS新包管理工具yarn和npm的对比与使用入门

2017年02月06日 103 阅读

这篇文章会通过以下几个方面介绍yarn的：yarn对比npm解决了什么问题，带来哪些便利。获取yarn的正确姿势yarn的使用入门（介绍一些常用的命令个人使用心得yarn对比npm的优点根据官方文档yarn具有6大优点1、离线模式yarn会有一个缓存目录，会缓存以前安装过的软件包，再次安装时就不必从网络下载了，大大加速安装速度。这一点很重要，npm 饱受诟病的一点就是，每次安装依赖，都需要从网络下载一大堆东西，而且是全部重新下载，工程多的时候比较烦人。我司...

Vue.js计算属性computed与watch（5）

2017年02月06日 64 阅读

在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑，应当使用**计算属性**。Vue实例的computed的属性 <div class="test"><p>原始的信息{{message}}</p><p>计算后的信息{{ComputedMes...

清除js缓存的多种方法总结

2017年02月06日 106 阅读

在客户端有一个HTML文件，用来提交输入信息，问题在于：每次按刷新时，发觉并不是整个页面重新被装载，好似是缓存中。因为文本框中仍出现上次输入的值，只有在地址栏中按回车整个页面才重新装载，应当怎样避免此问题？1，在html里head区添加代码：<meta http-equiv="pragma" content="no-cache" /><meta http-equiv="content-type" content="no-cache, mu...

首页 / 脚本样式 / JavaScript

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

详解JavaScript中的属性和特性

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

通过Ajax使用FormData对象无刷新上传文件方法

js实现百度地图定位于地址逆解析，显示自己当前的地理位置

微信开发 JS-SDK 6.0.2 经常遇到问题总结

利用js+css+html实现固定table的列头不动

基于JS实现的随机数字抽签实例

javascript垃圾收集机制的原理分析

PHP+jquery+ajax实现分页

学习使用bootstrap的modal和carousel

JS实现太极旋转思路分析

原生js实现查询天气小应用

JS定时器实现数值从0到10来回变化

浅析JavaScript动画模拟拖拽原理

vue.js绑定class和style样式（6）

清除浏览器缓存的几种方法总结（必看）

JS新包管理工具yarn和npm的对比与使用入门

Vue.js计算属性computed与watch（5）

清除js缓存的多种方法总结

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