- 博客(32)
- 收藏
- 关注
RSS订阅
原创 chapter 1 关于JavaScript的一些零散知识点
JavaScript诞生于1995年，从一个简单的输入验证器发展成一门强大的编程语言。一个完整的JavaScript实现由三个不同部分组成：核心-ECMAScript -由ECMA-262定义，提供核心语言功能 文档对象模型-DOM -提供访问和操作网页内容的方法和接口 浏览器对象模型-BOM -提供与浏览器交互的方法和接口由ECMA-262定义的ECMAScript与web浏
2018-01-19 11:40:36
167
原创 各种术语简写的全称
HTML - Hyper Text Markup Language -超文本标记语言 CSS - CasCading Style Sheets -层叠样式表 DOM - Document Object Model -文档对象模型 BOM - Browser Object Model -浏览器对象模型 ECMA - European Computer Manufacturer’s Assoc...
2018-01-18 13:33:49
4536
原创 chapter 5 引用类型 （5.3 Date 类型）
《JavaScript高级程序设计》第三版 笔记 参考https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date5.3 Date 类型ECMAScript 中的 Date 类型是在早期 Java 中的 java.util.Date 类基础上构建的； 为此， Date 类型...
2018-02-07 11:14:08
245
原创 chapter 5 引用类型（5.1 Object 类型; 5.2 Array 类型）
《JavaScript高级程序设计》第三版 笔记第5章 引用类型 本章内容 ·使用对象 ·创建并操作数组 ·理解基本的 JavaScript 类型 ·使用基本类型和基本包装类型引用类型的值（对象）是引用类型的一个实例。 在 ECMAScript 中，引用类型是一种数据结构，用于将数据和功能组织在一起。 ECMAScript 从技术上讲是一门面向对象的语言，但它不具备传统的面向
2018-02-01 16:06:13
409
原创 chapter 4 变量、作用域和内存问题
《JavaScript高级程序设计》第三版 笔记第4章 变量、作用域和内存问题 本章内容： ·理解基本类型和引用类型的值 ·理解执行环境 ·理解垃圾收集4.1 基本类型和引用类型的值ECMAScript 变量可能包含两种不同数据类型的值：基本类型值和引用类型值 。 在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值。基本类型值 ： 指的是简单的数据段。
2018-01-30 17:13:03
195
原创 chapter 3 基本概念（3.7 函数）
《JavaScript高级程序设计》第三版 笔记3.7 函数通过函数可以封装任意多条语句。 可以在任何地方、任何时候调用执行。(通过函数名来调用，后面加上一对圆括号和参数。多个参数以逗号隔开。) 使用 function 关键字来声明，后跟一组参数以及函数体。function functionName(arg0,arg1,...,argN){ statements;}
2018-01-30 12:39:21
163
原创 chapter 3 基本概念（3.6 语句）
《JavaScript高级程序设计》第三版 笔记3.6 语句ECMAScript-262 规定了一组语句（也称为流控制语句）。 从本质上看，语句定义了 ECMAScript 中的主要语法，语句通常使用一或多个关键字来完成给定任务。 语句可以很简单，例如通知函数退出；也可以比较复杂，例如指定重复执行某个命令的次数。3.6.1 if语句if (condition) {
2018-01-28 22:49:08
176
原创 chapter 3 基本概念（3.5 操作符）
《JavaScript高级程序设计》第三版 笔记3.5 操作符用于操作数据值的操作符： 算术操作符、位操作符、关系操作符和相等操作符。字符串、数字值、布尔值、对象都可以应用操作符。应用操作符后都会变成数值变量。 在应用于对象时，相应的操作符通常都会调用对象的 valueOf() 和（或） toString() 方法，以便取得可以操作的值。3.5.1 一元操作符只能操作一
2018-01-27 11:55:32
225
原创 chapter 3 基本概念（3.4 数据类型）
《JavaScript高级程序设计》第三版 笔记3.4 数据类型ECMAScript 共有6种数据类型。5种简单数据类型（也称基本数据类型）： Undefined、Null、Boolean、Number、String 1种复杂数据类型： Object（object 本质上是由一组无序的名值对组成的）3.4.1 typeof 操作符可以用来检测给定变量的数据类型。
2018-01-25 10:53:42
247
原创 chapter 3 基本概念（3.1语法；3.2关键字和保留字；3.3变量）
《JavaScript高级程序设计》第三版 笔记3.1.1 区分大小写ECMAScript中的一切（变量、函数名和操作符）都区分大小写。 example：变量test和变量Test分别表示两个不同的变量。3.1.2 标识符标识符： 指变量、函数、属性的名字，或者函数的参数。标识符命名规则： 由字母、数字、下划线（_）或美元符号（$）组成，但首字符不能为数字。 不能把
2018-01-23 17:41:21
225
原创 测试screen.width, window.outerWidth, window.outerHeight, window.innerWidth, window.innerHeight
html lang="zh-cmn-hans">head> meta charset="utf-8"> meta name="viewport" content="width=device-width, user-salable=no, initial-scale=1.0; maximum-scale=1.0, minimum-scale=1.0"> meta http-equiv=
2018-01-23 10:27:28
947
原创 chapter 2 在HTML中使用JavaScript
《JavaScript高级程序设计》第三版 笔记在HTML中插入JavaScript的两种方法： 1.嵌入脚本 代码中不能出现标签，否则浏览器会当做结束标签，导致报错。 2.外部脚本 带有src属性的标签中出现嵌入代码，则嵌入代码会直接被浏览器忽略。 为什么推荐将javascript脚本放在标签之前？ 在HTML文档解析过程中，遇到javascript脚本会立即解析，阻塞H
2018-01-21 21:57:33
225
原创 css 父元素设置padding、border、margin的情况下，子元素width100%呈现情况
父元素设置width、height、padding、border、margin，子元素设置width:100%;height: auto;呈现情况html lang="zh-cmn-hans">head> meta charset="utf-8"> title>testtitle> style> html, body, div { ma
2018-01-17 14:45:53
4921
原创 css 关于子元素在父元素盒子中的呈现方式
父元素不设置width和height，子元素的呈现方式html lang="zh-cmn-hans">head> meta charset="utf-8"> title>testtitle> style> html, body, div { margin: 0; padding: 0; } body {
2018-01-17 12:01:47
2024
1
原创 关于javascript脚本修改html页面，未加载完成前出现信息延迟问题
问题：最近维护一个产品官网，需要将所有产品降价200元，使用javascript函数修改后，会出现信息延迟问题，即在页面加载过程中出现旧的价格，页面加载完成后才会运行js脚本，修改为新的价格。目标：我想在页面加载的时候不再出现旧的价格。解决方法： 1.在css中给包裹价格的标签，这里是标签，添加 visibility: hidden；（不选择display: none;的原因是，这样在页
2018-01-11 17:44:11
1635
原创 关于javascript的执行顺序简单测试
原始代码及效果html lang="zh-cmn-hans">head> meta charset="UTF-8"> title>testtitle> style> body { background-color: lightblue; } style>head>body>body>html>在里面添加脚本，将会先执行js
2018-01-11 17:09:22
208
原创 javascript 实现倒计时（天数、时、分、秒）
目标：javascript 实现倒计时步骤： 1.获取目前时间并转换为毫秒数； 2.获取目标时间并转换为毫秒数； 3.获取目前时间与目标时间相差的毫秒数并转换为倒计时显示的天数、时、分、秒；html lang="zh-cmn-hans">head> meta charset="UTF-8"> title>倒计时title> style> body, p
2018-01-10 13:15:18
2068
原创 在html中实现图片相对于文字段落居中
情况一：图片盒子高度小于文字盒子实现效果： 步骤： 1.包含整体的div设置 display:table;（此元素会作为块级表格来显示（类似 ），表格前后带有换行符。） 。 2.将包含图片的div和包含文字的div分别设置 display:table-cell;（此元素会作为一个表格单元格显示（类似 和 ）） ,此时图片和文字将处于同一行。 3.给包含文字的div设置 v
2018-01-08 16:40:49
7350
原创 纯html+css实现下拉菜单
下拉菜单核心代码，未设置样式<!DOCTYPE html><html lang="zh-cmn-hans"><head> <meta charset="utf-8"> <title>test dropdown</title> <style> /*隐藏二级菜单*/ #drop-down>ul { display: none; } /*显示二级菜单
2017-12-24 17:46:11
12940
原创 html表格的css样式
<!DOCTYPE html><html lang="zh-CN"><head> <title>table-test</title> <style> table { border: solid 1px lightblue; } </style></head><body> <table> <tr> <td>hellow</td>
2017-12-21 14:28:59
2546
原创 <canvas>标签
浏览器支持： IE 9，Opera，Firefox , Chorme , Safari 提示： 1、<canvas>标签只是容器，必须使用脚本来绘制图形。 2、fillStyle在fillRect()之后无效，只会显示默认颜色（#000000）。 3、<canvas>标签width默认值300，height默认值150。 4、重设<canvas> 标...
2017-12-09 19:17:27
230
原创 JavaScript中的window.onload方法与jQuery中的$(document).ready()方法的区别
执行时机： window.onload:必须等待网页中所有的内容加载完毕后才能执行。 $(document).ready():网页中所有DOM结构绘制完毕后就执行，可能DOM元素关联的东西（例如图片）并没有加载完。编写个数： window.onload: 同时编写多个将只执行最后一个。window.onload = function(){alert("test01");};window
2017-11-19 09:58:12
746
原创 导航条居中显示
<style> *{ margin:0; padding:0; } nav{ text-align:center; //父元素设置文本居中 } nav ul{
2017-10-25 11:30:53
851
原创 测试++算数运算符
function addition(){ var a = 0; a++; console.log(a); //→= 1}function addition02(){ for(var i=0;i<4;i++){ console.log(i); }}
2017-10-25 10:53:14
239
原创 测试indexOf()、valueOf()方法
function arraytest(){ var array01 = [1,2,3,4,5]; //声明并初始化一个数组 var arrayindex = array01.indexOf(5); //已知数组元素，通过indexOf()获取数组元素下标，indexOf()方法必须传入实参，否则会报错 console.log(arrayindex); //→= 4
2017-10-25 10:33:30
812
原创 测试onmouseover事件
function yellowevent(){ var links = document.getElementsByTagName("p"); //获取需要添加事件的所有p元素。 for(var i=0;i<links.length;i++){ //遍历所有p元素 links[i].onmouseover = function(){ //添加onmouseov
2017-10-25 10:18:57
253
转载 Aptana Studio3汉化方式
1、进入aptana studio3安装文件夹，找到AptanaStudio3.ini文件，使用记事本方式打开，将 -Djava.util.Arrays.useLegacyMergeSort=true 复制进去，保存。2、进入aptana studio3，点击help里面的install new software选项。3、点击Add，将网址中左边红框标注的内容复
2017-08-17 14:54:33
15080
1
原创 关于在Aptana Studio中编写js效果在浏览器中的刷新问题，光标变黑色矩形问题
在Aptana Studio中的html文件中写好javascript效果之后，需要ctrl+s保存一下，在浏览器中刷新才会显示新效果，不保存直接刷新浏览器的话js效果并不会更新。在Aptana Studio中编写代码时，不小心碰到insert键，光标会由小竖线变为黑色矩形，这时候只要再按一下insert键就可以恢复了。
2017-08-17 00:10:01
315
转载 Aptana Studio3安装方式
13-c所用版本及相关安装软件（Aptana_Studio_3_Setup_3.6.1，jdk-7u21-windows-i586，node-v0.10.13-x86，Git-1.8.4-preview20130916）：https://pan.baidu.com/s/1c4e9OE安装Aptana Studio3需要先安装jdk，配置环境变量。关于如何配置环境变量，可以参考生命壹
2017-08-16 23:43:52
4213
转载 火狐浏览器安装firebug方式
13-c使用火狐版本（Firefox Setup 55.0.1）和firebug版本（firebug-2.0.14-fx）：https://pan.baidu.com/s/1geMBggr安装好火狐浏览器后，点击右上角选择“附加组件”选择左侧边栏的“扩展”，点击设置选择“从文件安装到附加组件”，按照安装提示，即可安装成功。如果安装不成功，可以
2017-08-16 23:12:21
868
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人