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

分享一个原生的JavaScript拖动方法

2016年10月06日 13 阅读

代码：function drag（t,p）{var point = p || null,target = t || null,resultX = 0,resultY = 0;（！point）? point = target : ""; //如果没有拖动点，则拖动点默认为整个别拖动元素function getPos（t）{var offsetLeft = 0,offsetTop = 0,offsetParent = t;while（offsetPar...

需要牢记的JavaScript基础知识

2016年10月06日 13 阅读

声明（Declarations）undefined值在布尔类型环境中会被当作false。数值类型环境中undefined值会被转换为NaN。对一个空变量求值时，空值 null 在数值类型环境中会被当作0来对待，而布尔类型环境中会被当作falseJavaScript 变量感觉上是被“提升”或移到了所有函数和语句之前。提升后的变量将返回 undefined 值，所以即使在使用或引用某个变量之后存在声明和初始化操作，这个被提升的引用仍将得到 undefined ...

jQuery中的AjaxSubmit使用讲解

2016年10月06日 17 阅读

最近在使用ajaxForm，随便把使用方法记下下来，以便以后回顾。1 ，引入依赖脚本<script type="text/javascript" src="/js/jquery/jquery.form.js"></script> //ajaxForm 依赖脚本<script type="text/javascript" src="/js/jquery/jquery-1.8.0.min.js"></script>...

动态JavaScript所造成一些你不知道的危害

2016年10月06日 12 阅读

动态JavaScriptJavaScript代码很多时候会通过服务器端的带啊名来动态地组合到一起。在这个组合的过程中，与用户相关的信息会保存到这些JavaScript的代码中。当将这个JavaScript脚本传送到浏览端的时候，客户端的JavaScript会立即投入使用。但是实际情况是，这些脚本很有可能会被第三方的所引入，而引入这些脚本是没有同源策略的限制的。因此，一个被攻击者所控制的网页很有可能同样被包含引入动态生成的JavaScript脚本然后观察这个...

NodeJs读取JSON文件格式化时的注意事项

2016年10月06日 17 阅读

进行NodeJs开发时偶然发现的一个雷点正常情况下从JSON文件读取到字符后再通过JSON.parse没什么问题，只要格式不出错有时在确保JSON格式正确时仍然会出现unexpected token异常经过调查发现里面有不会显示的unicode字符于是确定是UTF-8的问题，utf-8分有dom版和无dom版，一般编辑器不刻意设置会默认保存为带dom的utf8解决办法是先将读到的文件转成二进制，然后检索dom符号删除代码实现部分function readT...

nodejs简单实现操作arduino

2016年10月06日 14 阅读

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

JavaScript实现url参数转成json形式

2016年10月06日 13 阅读

朋友问的一个面试题：有个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实现网络彩票投注效果

2016年10月06日 12 阅读

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

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

2016年10月06日 14 阅读

<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...

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

2016年10月06日 13 阅读

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

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

2016年10月06日 52 阅读

今天使用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实现简单的日历效果

2016年10月06日 16 阅读

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

JavaScript制作颜色反转小游戏

2016年10月06日 12 阅读

游戏规则：单击方块，被单击的方块及相邻方块变色，当所有蓝色方块变为橙色时，完成任务，进入下一级。<！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中原型链存在的问题解析

2016年10月06日 19 阅读

我们知道使用原型链实现继承是一个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调色及透明度实例

2016年10月06日 17 阅读

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

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

2016年10月06日 14 阅读

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

关于js原型的面试题讲解

2016年10月06日 15 阅读

今天遇到关于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（）设置和获取属性值实例教程

2016年10月06日 11 阅读

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

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

2016年10月06日 10 阅读

我们先来看个实例<！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实现轮播图的实际应用

2016年10月06日 12 阅读

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

首页 / 脚本样式 / JavaScript

分享一个原生的JavaScript拖动方法

需要牢记的JavaScript基础知识

jQuery中的AjaxSubmit使用讲解

动态JavaScript所造成一些你不知道的危害

NodeJs读取JSON文件格式化时的注意事项

nodejs简单实现操作arduino

JavaScript实现url参数转成json形式

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

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

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

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

JavaScript实现简单的日历效果

JavaScript制作颜色反转小游戏

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

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

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

关于js原型的面试题讲解

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

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

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

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