javascript
关注
分享
扫一扫
rocling
我思故我在
展开
-
JavaScript 衍生的轻量级易用 JSON
SON （ JavaScript Object Notation ）是一种以 JavaScript （ ECMAScript ）的对象表示法为基础的轻量级数据标记语言。能够处理的数据类型有 false/null/true/ 对象 / 数组 / 数字 / 字符串，这 7 种类型。 {"name": "Web Application Security", "num": ...原创 2018-07-05 10:22:24 · 212 阅读 · 0 评论 -
浅析JSON格式
转自：http://baike.baidu.com/view/136475.htm具体形式1、对象是一个无序的“‘名称/值’对”集合。（1）一个对象以“{”（左括号）开始，“}”（右括号）结束。（2）每个“名称”后跟一个“:”（冒号）；（3）“‘名称/值’ 对”之间使用“,”（逗号）分隔。（如图所示，图中表示数据的方式是类似非确定性自动机的形式，没学过编译原理的人，可能理解起来...原创 2018-09-04 09:37:53 · 138 阅读 · 0 评论 -
10+ 实用的 JavaScript 调试小技巧
‘debugger;’除了console.log，debugger就是另一个我很喜欢的快速调试的工具，将debugger加入代码之后，Chrome会自动在插入它的地方停止，很像C或者Java里面打断点。你也可以在一些条件控制中插入该调试语句，譬如：if (thisThing) { debugger; }将Objects以表格形式展示有时候我们需要看一些复杂的对象的详细信息...转载 2018-09-04 10:06:17 · 180 阅读 · 0 评论 -
jquery中append()和appendTo()的区别
append(content)用法：功能是向指定的元素中追加内容，被追加的content参数，可以是字符、HTML元素标记，还可以是一个返回字符串内容的函数。实例：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>原创 2018-09-06 20:19:12 · 36793 阅读 · 2 评论 -
在js中为对象添加和删除属性
对于一个普通的js对象：var o = { "name": "allen", "age":21}如果我们要对它添加新属性的话可以使用下列方式：o.address="beijing"删除属性的 话需要使用delete 方法：delete o.address具体输出请看控制台输出结果：更多操作方式可参考： http://www.w3schools...原创 2018-09-19 19:59:05 · 6021 阅读 · 0 评论 -
【jQuery】修改图片src属性切换图片
实现对如下（图1）与（图2）之间的切换：【实现方案】方案一：先看下，采用传统javascript是怎样修改图片的：<!DOCTYPE HTML><html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv=&原创 2018-09-19 20:06:47 · 4170 阅读 · 0 评论 -
图解MVC
mvc是一个设计模式，原创 2018-09-19 20:13:51 · 3675 阅读 · 0 评论 -
【javascript】JavaScript常用数组操作方法，包含ES6方法
一、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.concat(arr2);console.log(arr1); //[1, 2, 3]console.log(arr3); //[1, 2, 3, ...转载 2018-09-25 20:45:44 · 178 阅读 · 0 评论 -
LayUI后台管理与综合示例
来源：http://www.cnblogs.com/best/p/9150271.html#_label0强烈推荐原创 2018-09-25 21:03:38 · 8432 阅读 · 0 评论 -
css-实现鼠标移至图片上显示遮罩层
1、将遮罩层html代码与图片放在一个div我是放在 .img_div里。<div class="img_div"> <img src="./images/paella-dish.jpg"> <a href="#"> <div class="mask"> <...原创 2019-11-19 11:41:30 · 12523 阅读 · 6 评论 -
jQuery中获取节点
siblings() 相邻的兄弟节点,不包括自己本身next() 下一个兄弟节点parent() 父节点find() 相当于后代选择器<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> ...原创 2018-09-26 20:27:58 · 1225 阅读 · 0 评论 -
javascript 文本框限制输入1到10位数字正则表达式
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><!DOCTYPE html><html><head> <title>DOM 教程</title> <style>原创 2018-09-22 15:05:06 · 21595 阅读 · 1 评论 -
json的格式是什么？json的作用是什么？json是如何传递数据的？
json的作用（json是一种与语言无关的数据交换的格式）使用ajax进行前后台数据交换移动端与服务端的数据交换使用Json的格式与解析方便的可以表示一个对象信息，json有两种格式：1）对象格式：{"key1":obj,"key2":obj,"key3":obj...}2）数组/集合格式：[obj,obj,obj...]例如：user对象用json数据格式表示{...原创 2018-10-06 21:57:55 · 77601 阅读 · 9 评论 -
js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等)
原生javascript方法：var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.childNodes; //获取a的全部子节点； var c = a.parentNode; /...原创 2018-10-08 21:05:39 · 1204 阅读 · 0 评论 -
返回值、全局变量和异常三种错误处理方式的优缺点比较
原创 2019-03-05 22:45:32 · 663 阅读 · 0 评论 -
JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>html5</title> <style></style> <原创 2018-09-04 09:32:10 · 1577 阅读 · 0 评论 -
点击webstorm中的浏览器按钮，浏览器出现404 Not Found WebStorm的问题和解决方法
解决方法：不要用汉字或者特殊字符命名js的文件夹（注意我的js文件夹）原创 2018-08-28 19:08:18 · 8189 阅读 · 0 评论 -
JQuery选择器通过click事件获取当前点击对象的id,name,value属性
下面是案例，使用ID选择器，Class选择器，Element选择器，获取了ID，Name，Value属性的值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>原创 2018-08-24 00:27:10 · 37719 阅读 · 2 评论 -
input type="file" 在js中判断文件上传类型
input type="file"在js中判断文件上传类型 function onSubmit(){ var form1 = document.forms[0]; var file = document.forms[0].getfile.value; if (file == null||...原创 2018-08-14 15:21:14 · 4080 阅读 · 0 评论 -
Spring Boot、ajax、Multipartfile上传文件无法存储
如果是在controller层设置临时变量Multipartfile filetemp = file（前端传入的变量），会出现系统找不到该文件，因为file传递过程中只有一次，会在用完后把tmp文件夹的XX.tmp删除。解决方法：尽量在Multipart接受前端的请求后立刻使用，不要使用临时变量缓存Multipart...原创 2018-08-15 00:02:35 · 1031 阅读 · 0 评论 -
js的$.data() 和 $('div').data() 缓存机制
这两种方式是有区别的，写个小例子:...<div id="people"></div>...// 注意这里是两个不同的对象 lucy === lily falsevar lucy = $("#people");var lily = $("#people");// 分别设置agelucy.data('age',12);lily.data('a...原创 2018-08-07 16:09:17 · 1425 阅读 · 1 评论 -
在js中判断文件上传类型
input type="file"在js中判断文件上传类型 function onSubmit(){ var form1 = document.forms[0]; var file = document.forms[0].getfile.value; if (file == null||...转载 2018-08-15 23:40:44 · 8015 阅读 · 0 评论 -
JQuery.Ajax()的data参数类型
本文以前提到的三种类型，这三种参数本质上都是变成了类似“uname=alice&mobileIpt=110&birthday=1983-05-12“”这样的字符串。除了这三种类型，还可以是：4、JSON字符串，形如 {"name": "uname", "age": 18}注意，这个地方不是json对象，是json字符串，字符串。这样，在后台就可以直接注入到对象中。当你需要向...原创 2018-08-13 23:27:49 · 617 阅读 · 0 评论 -
修改HTML文本上传（type file）的样式
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><!DOCTYPE html><html><head> <title>kemp的教程</title> <style>原创 2018-08-16 09:52:03 · 2369 阅读 · 0 评论 -
input[type=file]去掉“未选择任何文件”及样式改进
input 标签的 file 属性，在没有选择文件的情况下，默认显示一条文字“未选择任何文件”。在选择文件后，该条文字会变成路径和文件的名称。如何去掉其默认的“未选择任何文件”提示呢？查阅资料，没有发现可以直接修改的办法，但是我们可以通过其他方法，实现自定义提示文字的效果。我通过 label 标签绑定 input 标签，然后隐藏 input ，添加 button 和 spa...原创 2018-08-19 11:01:19 · 62274 阅读 · 14 评论 -
JQuery修改<p>标签内容
$(function(){ $("p").text("p标签内容");})原创 2018-08-22 11:12:58 · 15014 阅读 · 0 评论 -
input type="file"去掉取消默认原来选择的文件
很多时候我们上传文件点击取消后或我们制定了内容格式上传不符合，再次点击input="file"按钮时，选择的文件还是原来的文件，却又上传不。当时想在旁边多添加个按钮清除file里面的东西，但开发要求中不能多添加东西，所以当时就在处理file里面内容流程的最后添加一句话就行了，就是将input="file"的value清除，再次点击时，原来选的文件就不会有了。例如：<meta htt...原创 2018-08-16 23:11:23 · 12557 阅读 · 0 评论 -
Ajax中同步与异步对比以及使用方法
AJAX中根据async的值不同分为同步（async = false）和异步（async = true）两种执行方式；在W3C的教程中推荐使用异步执行；$.ajax({ type: "post", url: "path", cache:false, async:false, dataType: ($...原创 2018-08-22 13:58:30 · 155 阅读 · 0 评论 -
实现HTML地址的随机调用
提一个问题动态控制js的引用地址<script src="a.html" language="JavaScript"></script>,我想要实现 每次加载页面的时候src="a.html"的值是Jquery实现方式：var arr = [a....z], random = Math.floor(Math.random() * 26) + 1;;$('<...原创 2018-08-22 16:00:27 · 1508 阅读 · 0 评论 -
Math.round()，Math.ceil()，Math.floor()的区别
1.Math.round()：根据“round”的字面意思“附近、周围”，可以猜测该函数是求一个附近的整数，看下面几个例子就明白。小数点后第一位<5正数：Math.round(11.46)=11负数：Math.round(-11.46)=-11 小数点后第一位>5正数：Math.round(11.68)=12负数：Math.round(-11.68)=-12...原创 2018-08-22 16:02:20 · 2277 阅读 · 3 评论 -
在每个 p 元素结尾插入内容
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("butt原创 2018-08-22 16:07:34 · 1408 阅读 · 0 评论 -
jquery的hide()和show()
看下面代码:$('#firstname').hide();这样就是把这个元素隐藏了。 同理：$('#firstname').show();这样就把元素显示了。原创 2018-08-23 19:32:42 · 4577 阅读 · 0 评论 -
JS 详解 Cookie、 LocalStorage 与 SessionStorage
基本概念CookieCookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。localStoragelocalStorage 是 HTML5 标准中新加入的技术，它并不是什么划时代的新东西。早在 IE...原创 2019-05-17 15:30:34 · 236 阅读 · 0 评论