小兔JS教程(五) 简单易懂的JSON入门

上一节的参考答案:http://xiaotublog.com/demo.html?path=homework/04/index2本节重点来介绍一下JSON,JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,我们称之为JavaScript对象表示法。也就是说,JSON是一种格式。首先搞清楚三个概念,即什么是JSON字符串,什么是JavaScript对象,还
阅读本文

[转]JavaScript与元素间的抛物线轨迹运动

http://www.zhangxinxu.com/wordpress/?p=3855  在页面上添加元素的位移动画,除了视觉效果(这是次要的),还有个作用就是视觉引导(重点)。举个大家可能见过的例子,选择商品的时候,我们希望商品飞到边缘或角落的购物车里,作用是:一来告知放在购物车里成功了,二来让用户知道购物车在哪里。  要让页面元素抛物线运行,很简单。套用抛物线函数即可。公式如下:y = a*x
阅读本文

代码校验工具 SublimeLinter 的安装与使用

SublimeLinter 是 Sublime 的插件,它的作用是检查代码语法是否有错误,并提示。习惯了 IDE 下写代码的人一定需要一款在 Sublime 上类似的语法检查工具。下面我们开始。安装 SublimeLinter如同其他插件一样使用 Package Control 来安装。按下 Ctrl+Shift+p 进入 Command Palette输入install进入 Package C
阅读本文

JSON.parse和eval的区别

JSONJSON是一种轻量级的数据格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是javascript原生数据格式,这意味着在javascript中处理JSON数据时效率非常高 基本格式:var data={“data1“:“Hello,“,“data2“:“world!“}调用方法:console.log(data.data1 + data.data2)将json数据存
阅读本文

Web后台项目学习2(代码部分)

<%@ page language=“java“ import=“java.util.*“ pageEncoding=“UTF-8“%><%@ page import=“java.sql.DriverManager“ %><%@ page import=“java.sql.PreparedStatement“ %><%@ page import=“java.sql.ResultSet“ %><%@
阅读本文

下拉菜单制作

效果图HTML部分: <!doctype html> <html> <head> <meta charset=“utf-8“> <title></title> </head> <body> <div class=“warp“ id=“div1“> <div class=“navBox“> <span><img src=“images/ico_01
阅读本文

JavaScript进阶(五)

有聚焦,肯定就有失焦。onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。如下代码,网页中有用户和密码两个文本框。当前光标在用户文本框内时(即焦点在文本框),在光标离开该文本框后(即失焦时),触发onblur事件,并调用message()失焦事件<br/> function message(){<br/> alert(“请确定
阅读本文

javascript变量————栈内存or堆内存

运行中程序使用两个内存区域来存储数据:内存和栈栈:先进后出原则基本类型就是保存在栈内存中,引用类型地址是存放在栈中,数据部分是存放在堆中javascript中的变量分为两种类型,基本类型和引用类型1.基本类型基本类型有 undefined,string,null ,Boolean,number,他们的值保存在栈空间,我们通过按值来访问的。2.引用类型PS:C#的string 类型是引用类型,但是赋
阅读本文

JavaScript 轻松创建级联函数

级联函数是什么?在一行代码上,调用一个接一个的方法。这种技术在 JQuery 或者其他 JavaScript 库中是非常常见的。 代码如下:$(‘#myDiv‘).fadeOut().html(‘帅哥, 你好!‘).fadeIn();或者:myStr1.replace(‘k‘, ‘R‘).toUpperCase().substr(0,4); 这种代码让我们能像阅读文字一样来阅读代码,不仅简洁,可读
阅读本文

Javascript 继承 图形化展示

<!DOCTYPE html> <html> <head> <meta http-equiv=“Content-Type“ content=“text/html; charset=gbk“> </head> <body> <script type=“text/javascript“> function Person(){}; Person.Name = “r
阅读本文

JavaScript(六)---- 原型prototype

“prototype”字面翻译是“原型”,是javascript实现继承的主要手段。粗略来说就是:prototype是javascript中的函数(function)的一个保留属性,并且它的值是一个对象(我们可以称这个对象为“prototype对象“)。Prototype注意的细节:    1.    prototype是函数(function)的一个必备属性(书面一点的说法是“保留属性“)(只要
阅读本文

JSON的序列化和反序列化eval()和parse()方法以及stringfy()方法

1、json解析的方法有两种:eval()和parse()方法eval() 较危险,不光解析了字符串,还解析了js方法,无论何时用eval()都是非常危险的。-----不建议使用JSON.parse()较好,会解析出错误。例子[加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行将j
阅读本文

js事件再解析

这一个例子看懂了 就基本都搞清楚了<html xmlns=“http://www.w3.org/1999/xhtml“> <head> <title></title> <style type=“text/css“> #p { width: 300px; height: 300px; padding: 10px; border: 1px solid black; }
阅读本文

使用 Service Workers 来预缓存应用外壳

Progressive Web Apps 是快速且可安装的,这意味着它能在在线、离线、断断续续或者缓慢的网络环境下使用。为了实现这个目标,我们需要使用一个 service worker 来缓存应用外壳,以保证它能始终迅速可用且可靠。如果你对 service workers 不熟悉,你可以通过阅读 介绍 Service Workers 来了解关于它能做什么,它的生命周期是如何工作的等等知识。serv
阅读本文

JavaScript简单的面向对象

JavaScript允许你模仿其他语言的编程模式和惯用法。它也形成了自己的一些变成模式和惯用法。那些较为传统的服务器语言具有的面向对象的特性,JavaScript都有。     下面列举几种简单的JavaScript面向对象的例子来实现一个简单的计时器。     所有例子共用此Html  ,各个例子main.js<!DOCTYPE html> <html> <head> <title>De
阅读本文

jsp和servlet学习总结

一.Jsp与servlet的区别:jsp是java代码嵌入html中,用java代码控制来html。Servlet完全是JAVA程序代码构成,用来流程控制和事务处理jsp更擅长表现于页面显示,servlet更擅长于逻辑控制.Servlet中没有内置对象,Jsp中的内置对象都是必须通过HttpServletRequest对象,HttpServletResponse对象以及HttpServlet对象得
阅读本文

文本框千分位

事件onblur,onfocus 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“ “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“> 2 <html xmlns=“http://www.w3.org/1999/xhtml“ > 3 <head>
阅读本文

link和Import区别

本篇文章重点:link引用CSS时,在页面载入时同时加载;import需要页面完全载入后加载;link支持使用javascript控制DOM去改变样式,而Import不支持 下面待我娓娓道来:XML/HTML代码<link rel=“stylesheet“ rev=“stylesheet“ href=“CSS文件“ type=“text/css“ media=“all“ /> XML/HTML代码
阅读本文