
JavaScript
FreeSpider公众号
全网同名
展开
-
JavaScript入门及进阶知识点整理01
JavaScript入门及进阶知识点整理01一、JavaScript简介与作用 JavaScript是运行在浏览器端的脚本语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互,JavaScript是浏览器解释执行的,是一种解释型语言。 前端的三大块: 1.HTML 负责页面结构 2. CSS 负责页面的表现 如颜色 元素大小 位置 ...原创 2018-05-21 20:41:43 · 236 阅读 · 0 评论 -
JavaScript中的template模板引擎的使用
关于模板引擎不在此做过多介绍,只将项目代码分享一下: 前端html代码 前端html中需要引用template.js 文件,这个自己可以去百度寻找。这个引入要放在jQuery后面,因为它里面会使用到jQuery。 <div class="form-group"> <label for="area-id"...原创 2018-07-27 16:40:18 · 593 阅读 · 0 评论 -
JavaScript中template模板引擎
这篇文章主要为大家详细介绍了JavaScript模板引擎Template.js使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 template.js 一款 JavaScript 模板引擎,简单,好用。提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果。https://github.com/aui/artTemplate1、...转载 2018-07-22 12:44:33 · 714 阅读 · 0 评论 -
js中 ==与 ===的区别
== 代表相同, ===代表严格相同 当进行==比较时候: 先检查两个操作数数据类型,如果相同, 则进行===比较, 如果不同, 则愿意为你进行一次类型转换, 转换成相同类型后再进行比较 而===比较时, 如果类型不同,直接就是false.举例: 操作数1 == 操作数2, 操作数1 === 操作数2 比较过程: 双等号==: (1)如果两个值类型相同,再进行三个等号(==...原创 2018-07-22 11:45:36 · 198 阅读 · 0 评论 -
JavaScript设置placeholder属性
placeholder 属性规定可描述输入字段预期值的简短的提示信息(比如:一个样本值或者预期格式的短描述)。该提示会在用户输入值之前显示在输入字段中。注意:placeholder 属性适用于下面的 input 类型:text、search、url、tel、email 和 password。下面是js中控制placeholder属性值的语句: $("#user-name").att...原创 2018-07-26 20:49:19 · 17832 阅读 · 3 评论 -
ajax回调函数
对于ajax回调函数,大家都知道success这个回调的成功函数,那如果回调失败了ajax会怎么执行呢?我们来写一个小例子,借此来加深对ajax回调函数的理解。 代码如下: $.ajax({ url: "/api/v1_0/areas", type: "GET", contentType: "applicati...原创 2018-07-20 14:25:03 · 5639 阅读 · 0 评论 -
js 页面刷新location.reload和location.replace的区别
在实际应用的时候,重新刷新页面的时候,我们通常使用: location.reload() 或者是 history.go(0) 来做。下面有一些相关的内容,大家看完了就会有更多的收获。首先介绍两个方法的语法: reload 方法,该方法强迫浏览器刷新当前页面。 语法: location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 fals...转载 2018-07-19 21:52:12 · 443 阅读 · 0 评论 -
js中进入页面后刷新一次,且只刷新一次
让页面进行刷新,可以使用location.reload()方法,但是这种方法会让页面一直不断的刷新,这是因为当页面加载完成以后,我们让它刷新一次,那么浏览器就会重新向服务器请求数据,界面会重新加载,然后,加载完成又调用了location.reload()方法,这样就陷入了死循环,一直处于请求然后刷新的状态。 为了解决这样的问题,我们使用下面这种方式:$(document).ready(f...原创 2018-07-19 14:21:48 · 55397 阅读 · 5 评论 -
js中使用正则验证手机号
js中的正则格式会与Python中有些不同,不过也不难,在这里给大家一个例子,相信可以触类旁通。 $("#mobile").blur(function () { var mobile=$(this).val(); var re=/^1\d{10}$/; if (!re.test(mobile)){ $("#mobil...原创 2018-07-18 10:09:10 · 1484 阅读 · 0 评论 -
js如何生成唯一标识符UUID
百度百科中对uuid的解释 UUID 是 通用唯一识别码(Universally Unique Identifier)的缩写,是一种软件建构的标准,亦为开放软件基金会组织在分布式计算环境领域的一部分。其目的,是让分布式系统中的所有元素,都能有唯一的辨识信息,而不需要通过中央控制端来做辨识信息的指定。如此一来,每个人都可以创建不与其它人冲突的UUID。在这样的情况下,就不需考虑数据库创建时的名称重...原创 2018-07-17 17:59:54 · 39147 阅读 · 2 评论 -
js中Uncaught RangeError: Maximum call stack size exceeded错误
这个错误的意思就是栈溢出,如果出现这种错误,请检查你是否使用了递归,亦或者是不小心让一个函数调用了它自己本身,这样就会无限调用下去,导致栈溢出! 在这里我在函数内部调用了函数自身,导致的错误!...原创 2018-07-17 16:56:21 · 2012 阅读 · 0 评论 -
JS中字符串与数字类型数据的拼接
我想用ajax来实现购物商城中对于默认地址的切换,而不需要对界面进行重新加载,但是在操作中遇到了一些问题,主要就是字符串与数字类型数据拼接的时候遇到了bug。以下为CSS代码: {% for item in list %} &lt;div class="site_con"&gt; &lt;dl&gt; ...原创 2018-07-04 11:48:32 · 13863 阅读 · 0 评论 -
封闭函数三种形式
封闭函数三种形式什么是封闭函数,为什么要把函数封闭起来呢?跟着我来给你解答。一个函数定义之后,必须在程序某个地方调用才能去执行,但是封闭函数就不需要去调用,它会在定义之后原地自动执行,而且,在我们正常的程序中,如果两个函数定义的名字重复了,那么其中一个函数是会覆盖掉另外一个函数的功能,最终只有一个函数在执行,那么怎么避免函数同名的情况呢?或者是说,怎么避免我在拿到一份同事写好的代码,想在上面添加新...原创 2018-05-24 18:33:37 · 5713 阅读 · 0 评论 -
JavaScript和jQuery知识点总结
Js1. 常用方法 1.document.getElementById('id'); 根据id获取元素对象 2. 常用事件 0. onload : 页面加载完成 1. onclick : 点击事件 2. onmouseover : 鼠标悬浮事件 3. onmouseout : 鼠标离开事件 4. onfocus : 获取焦点 5. o...原创 2018-05-28 18:36:51 · 706 阅读 · 0 评论 -
基于JavaScript的人物走路动画
基于JavaScript的人物走路动画想要实现人物走路的动态图,可以连续更换图片,给人一种人物在走路的假象,但是接下来我们用另外一种方法来实现,将所有单张图片拼接成一个长图,可以让图片移动代替更换图片,下面附上代码,图片在最后附上,需要将图片下载下来,按照程序所用路径保存好。<!DOCTYPE html><html lang="en"><head> ...原创 2018-05-23 23:23:22 · 3276 阅读 · 0 评论 -
基于JS与CSS的小游戏---不安分的球球
请将代码保存成html格式的文件,然后用谷歌或者火狐浏览器打开即可看见效果,提醒:球是可以点击的哦!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=原创 2018-05-22 20:41:23 · 853 阅读 · 0 评论 -
JavaScript高级知识点整理
JavaScript高级知识点整理一、JS中的数组1.数组的三种定义方式(1)、实例化对象var aArray=new Array(1,2,3,4,5);(2)、快捷创建var aTwoArray = [1,2,3,"d","f"];(3)、多维数组var aThreeArray = [[1,2,3],["a","b","c"]];在这里,只有满足了数组中的元素是数组的时候才是多维数组2.数组的操...原创 2018-05-22 19:39:37 · 3281 阅读 · 0 评论 -
JS中怎么获取浏览器以及其他标签的宽高
JS中怎么获取浏览器以及其他标签的宽高经过测试,在JS中是不能直接使用对象名.style.width/height来获取标签的宽高的,强制获取不会返回任何结果,其实,在JS中获取标签的宽高是有特殊语法的,请参照以下程序片段;对浏览器body宽高的获取:<html><body><script language="JavaScript">function t...原创 2018-05-22 18:30:17 · 382 阅读 · 0 评论 -
jQuery序列化表单 serialize() serializeArray()
serialize()方法描述:序列化表单内容为字符串,用于Ajax请求。格式:var data = $(form).serialize();这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $(“form”).serialize() 即可serialize()代码:&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;am转载 2018-07-27 20:16:20 · 209 阅读 · 0 评论