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

nodejs简单实现操作arduino

2017年02月06日 39 阅读

用Javascript来操作硬件早就不是一件稀奇的事情了。所以作为一名电子专业出身的FE，我也打算尝试一下用js来驱动arduino；要想操作这些底层硬件，肯定是需要一些工具的，我这里介绍的工具主要是 cylonjs 和 gortcylonjs其实就是一个操作"机器"的js框架，官网的介绍是这样的：Cylon.js is a JavaScript framework for robotics, physical computing, and the Int...

JavaScript实现url参数转成json形式

2017年02月06日 39 阅读

朋友问的一个面试题：有个url，要求获取url 的参数，返回值为json格式。简单的写了下，发笔记备份。<！DOCTYPE html><html><head> <meta charset="utf-8"> <title>simple a example for url to json</title> <script> var url = "https://www.baidu...

原生JS实现网络彩票投注效果

2017年02月06日 38 阅读

个人游戏之作，小伙伴们研究下就好主要功能：1、可自由选择投注模式、倍数，可点击‘×"删除提交注单。2、可使用jsonp引用官方彩票开奖数据（实时开奖）。3、结合后台可实现官彩同样的效果。实现原理：单纯使用Js实现，这里主要用数组存放数据，随机生成开奖号码，然后进行判断是否中奖。下面是完整JS代码：index.html<！doctype html><html lang="en"> <head> <meta chars...

BootStrap 超链接变按钮的实现方法

2017年02月06日 36 阅读

<a href="#"> xuhaitao </a>上面代码效果如下：btn btn-default ：变成一个按钮样子 btn-lg : 大号的按钮 btn-block : 按钮填充整个宽度JS按钮（bootstrap）超链接html代码：button是bootstrap样式，请先加入bootstrap.min.css和jquery-1.11.1.min.js<a href="#" id="DownLoadAudio" ta...

微信小程序前端源码逻辑和工作流

2017年02月06日 40 阅读

废话不多说，直接分析前端代码。文件基本结构：先看入口app.js，app（obj）注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。其他文件可以通过全局方法getApp（）获取app实例，进而直接调用它的属性或方法，例如（getApp（）.globalData）//app.jsApp（{onLaunch: function （） {//调用API从本地缓存中获取数据var logs = wx.getStorageSync（"log...

概述VUE2.0不可忽视的很多变化

2017年02月06日 35 阅读

今天使用webpack-sample初始一个vue-cli项目，在app.vue文件中添加了个钩子函数ready，可是ready内的事件一直不执行，检查了webpack文件和package.json也没发现什么问题，浏览器也没报错或者提示，很令人捉急。然后去github看了webpack-simple源码，才发现原来vue init webpack-simple默认安装的vue是2.0版本。马上推测到是不是因为vue2.0废弃了ready的用法，果然不出所...

javascript实现根据汉字获取简拼

2017年02月06日 42 阅读

主要用于模糊查询，或者快速查找代码如下<！DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <！-- Always force latest IE rendering engine （even in intranet） & Chrome Frame Remove this if you use the .htaccess -->...

JavaScript实现简单的日历效果

2017年02月06日 38 阅读

只是个简单的日历模板，各位可根据需要自行添加需要的功能。该模板更多的是提供了关于年、月、日、月初、月末、星期的获取函数。各位可根据需要自行获取。欢迎提供更简便的方式方法，互相学习提高！谢谢~~<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>日历</title> <style type="tex...

JavaScript制作颜色反转小游戏

2017年02月06日 40 阅读

游戏规则：单击方块，被单击的方块及相邻方块变色，当所有蓝色方块变为橙色时，完成任务，进入下一级。<！DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <！-- Always force latest IE rendering engine （even in intranet） & Chrome Frame Remove this if...

JavaScript中原型链存在的问题解析

2017年02月06日 39 阅读

我们知道使用原型链实现继承是一个goodway：）看个原型链继承的例子。function A （） {this.abc = 44;}A.prototype.getAbc = function （）{return this.abc;};function B（） {}B.prototype = new A（）; // B通过A的实例完成了继承，形成了原型链（B的原型就是A的实例）var b = new B（）;b.getAbc（）; 关系如下：b（实例） -&...

JavaScript使用Range调色及透明度实例

2017年02月06日 39 阅读

颜色搭配是件头疼的事，工作空隙，利用range做个简单的手动调色，可得到rgb值和相应的十六进制色值。因为用到range标签，建议使用搜狗、火狐，IE10及以上版本代码如下：<！DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <！-- Always force latest IE rendering engine （even in ...

前端设计师们最常用的JS代码汇总

2017年02月06日 40 阅读

逛社区时看到的文章，我修改调整了内容，如果大家觉得也有帮助可以收藏下~HTML5 DOM 选择器// querySelector（）返回匹配到的第一个元素var item = document.querySelector（".item"）;console.log（item）;// querySelectorAll（）返回匹配到的所有元素，是一个nodeList集合var items = document.querySelectorAll（".item...

关于js原型的面试题讲解

2017年02月06日 38 阅读

今天遇到关于javascript原型的一道面试题，现分析下：原题如下：function A（）{}function B（a）{ this.a = a;}function C（a）{ if（a）{this.a = a; }}A.prototype.a = 1;B.prototype.a = 1;C.prototype.a = 1; console.log（new A（）.a）;console.log（new B（）.a）;console.log（new...

jquery attr（）设置和获取属性值实例教程

2017年02月06日 40 阅读

语法： 1、attr（“属性名”）； //获取属性的值（取得第一个匹配元素的属性。通过这个方法可以方便的从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回undefined）2、attr（“属性名”，“属性值”）; //设置属性的值（为所有匹配的元素设置一个属性值）3、attr（“属性名”，“函数值”）; //设置属性的函数值（为所有匹配的元素设置一个计算的属性值。不提供值，而是提供一个函数，由这个函数家孙的值作为属性值）4、attr（pro...

jQuery css（）方法动态修改CSS属性

2017年02月06日 39 阅读

我们先来看个实例<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>添加和删除类</title><style>div{width: 500px;height: 500px;background: #1c94c4;}button{width: 80px;height: 40px;margin: 1...

通过BootStrap实现轮播图的实际应用

2017年02月06日 37 阅读

我是用bootstrap来做的很简单直接把那坨代码复制到 webstorm里面下面我会用我的某一次作业来做实际解释里面的某部分各代表什么意思（由于这个代码到底什么意思老师没有教过我自行理解有错的地方望海涵）“男友秋装上新”这个地方就是个轮播一共3个小点也就是三张图可通过左右的箭头左右翻动接下来奉上源代码：并在代码后给各部分做出解释 <div class="col-md-9 lunbo"><div id="carou...

BootStrap下拉菜单和滚动监听插件实现代码

2017年02月06日 38 阅读

废话不多说了，直接给大家贴代码了，具体代码如下所述：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"><title&...

几句话带你理解JS中的this、闭包、原型链

2017年02月06日 37 阅读

原型链所有对象都是基于Object.prototype，Object.prototype就是JavaScript的根对象，在Object.prototype中定义的方法都可以被其它对象访问到，当然也可以被重写了，所以直接在Object.prototype上调用的是原始功能的toString（）方法，该方法会放回参数对象的内置属性[[class]]的值，这个值是个字符串，比如"[Object String]"要理解原型链机制的话，首先得知道根本原因：Java...

Windows环境下npm install 报错: operation not permitted, rename的解决方法

2017年02月06日 38 阅读

前言最近发现了一个问题，运行 npm install 命令安装依赖包，在 Mac 上的 Vagrant 装的虚拟机上没问题，在阿里云 CentOS 上也没问题，但是在 Windows 环境同样是 Vagrant 装的环境相同的虚拟机上就是不成功，报错如下：npm ERR！ Error: EPERM: operation not permitted, rename ‘/usr/share/nginx/html/tanteng.me/node_modules/...

jQuery tagsinput在h5邮件客户端中应用详解

2017年02月06日 43 阅读

摘要最近一直在折腾邮件的h5应用，为了保证在pc，ios，android端都可以使用，所以使用H5页面的方式嵌入app的webview中。页面UI大概是这样的Jquery tagsinput下载：http://xoxco.com/projects/code/tagsinput/首先引入js和css输入框<input name="tags" id="tags" value="wolfy,wolfy2" /> 上面的输入框，有默认的value，你可...

首页 / 脚本样式 / JavaScript

nodejs简单实现操作arduino

JavaScript实现url参数转成json形式

原生JS实现网络彩票投注效果

BootStrap 超链接变按钮的实现方法

微信小程序前端源码逻辑和工作流

概述VUE2.0不可忽视的很多变化

javascript实现根据汉字获取简拼

JavaScript实现简单的日历效果

JavaScript制作颜色反转小游戏

JavaScript中原型链存在的问题解析

JavaScript使用Range调色及透明度实例

前端设计师们最常用的JS代码汇总

关于js原型的面试题讲解

jquery attr（）设置和获取属性值实例教程

jQuery css（） 方法动态修改CSS属性

通过BootStrap实现轮播图的实际应用

BootStrap下拉菜单和滚动监听插件实现代码

几句话带你理解JS中的this、闭包、原型链

Windows环境下npm install 报错: operation not permitted, rename的解决方法

jQuery tagsinput在h5邮件客户端中应用详解

jQuery css（）方法动态修改CSS属性