- 博客(19)
- 收藏
- 关注
RSS订阅原创 js 笔记_08 BOM 及 DOM 相关
BOM系统对话框alert()：弹出对话框；confirm()：弹出一个带确定和取消的提示框；返回值：如果点击确定，返回 true；如果点击取消，返回 false；prompt()：弹出一个带输入框的提示框；第一个参数：面板上显示的内容；第二个参数：输入框里面的默认内容；（可以不写）返回值：如果点击确定，返回输入框中的内容；如果点击取消，返回 null；history 对象作用：当前窗口历史记录，只要加载的 url 不一样就会产生历史记录；注意不是浏览器的，而是当前窗口的历史记
2020-07-31 15:19:54
139
原创 用 html, css, js 实现秒表
最终实现效果如下：html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>秒表</title> <link rel="stylesheet"
2020-07-30 11:19:49
1316
原创 js 笔记_07 认识日期对象
对象的声明通过 new 运算符声明对象：let obj = new Object();省略 new:let obj = Object();对象常量赋值 （使用大括号，代表对象）：let obj = {};toFixed(2)：保留两位小数日期对象的声明通过 new 运算符声明对象：let d = new Date();没有传入参数，默认为当前系统的时间。GMT：格林尼治时间传入参数：“2000-01-01”“2000/01/01”按照顺序，分别传入
2020-07-29 18:42:36
187
原创 js 笔记_06 实例练习以及与 html, css 实现敏感词替换
在数组的后面新增该数组的倒序，以新数组输出思路：1、用一个新数组拷贝原数组；2、将原数组倒序；3、用 push 放入新数组。function array(arr){ let arr2 = arr.concat(); arr.reverse(); for(let i = 0; i < arr.length; i++) { arr2.push(arr[i]); } return arr2;}console.log(array(
2020-07-29 16:53:54
472
原创 js 笔记_05 字符串
字符串在 js 中字符串既是基本数据类型，又是复合数据类型。声明方式1、通过 new 运算符去声明字符串：（下面的 100 被声明成一个字符串）let str1 = new String(100);2、省略 new 声明字符串：（下面的 100 被声明成一个字符串）let str2 = String(100);3、字符串常量赋值：let str3 = "100";let str4 = '200';相关方法以下将自命名的字符串名字用 str 代替来方便举例：str. length
2020-07-28 19:26:21
169
原创 js 笔记_04 ECMA5新增数组的方法
严格模式写在哪个作用域下，对哪个作用域生效。"use strict";在严格模式下：全局变量声明时，必须加 let；函数内不可写重名属性；arguments 对象不允许被动态改变；新增保留字：implements, interface, package, private, protected, public, static, yield ;严格模式的目的：消除语法中的一些不合理，不严谨；消除代码中的一些不安全；提高编译器效率；ECMA5新增数组的方法以下将自命名的数组名字用
2020-07-27 19:45:27
136
原创 js 实现冒泡排序和选择排序
冒泡排序通俗来讲，冒泡排序就是：（若从大到小排）我们随便定义一个数组 [45, 4, -3, 8, 22, 1]，这些数在数组里的位置分别是 0 1 2 3 4 5首先 0 位置和 1 位置比，将小的放在 1 位置 ；1 位置和 2 位置比，将小的放在 2 位置；依次类推，最后最小的在最后面；然后再将0 位置和 1 位置比，将小的放在 1 位置 ；1 位置和 2 位置比，将小的放在 2 位置；这样到最后，第二小的在倒数第二的位置；以此类推，完成冒泡排序。我用 js 来实现：const
2020-07-27 12:05:25
241
原创 用 html, css, js 实现登陆提交界面
实现下面这个登录界面：图片是百度的 >_<提交之后简单实现这样的弹出效果：html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登陆界面</t
2020-07-26 22:40:20
1900
原创 js 笔记_02 循环语句
== 读 JavaScript 高级程序设计（第3版）第三章笔记 ==== 只记录了个人觉得需要注意的部分 ==for-in 语句for-in 语句是一种精确的迭代语句，可以用来枚举对象的属性。以下是 for-in 语句的语法：for (property in expression) statement以下是一个事例：for (var propName in window) { document.write(propName);}以上例子使用 for-in 循环来显示了 BOM 中 w
2020-07-22 17:32:11
221
原创 js 笔记_01 js 相关基础
注释注释：//多行注释：/****/变量定义松散类型 ，弱引用类型之前用 var，现在全用 let注意：这样定义是局部变量，也就是在函数中定义的话，只可以在这个函数中使用，在此之后，这个变量会被销毁。要想在函数中定义全局变量，只需省略 var 或 let 。（不推荐，容易出错，还不如不在函数里用 var 或 let 定义一个作用于为整体的变量）数值范围超出 js 数值范围的值：正数会被转化成 Infinity，负数会被转化成 -Infinity；如果某次计算返回了正或负
2020-07-21 21:10:44
127
原创 学习CSS浮动知识 & 做个简单对话框
浮动以三个div为例，如果直接运行，会从上至下排列。效果如下：那么如何让图片乖乖的从左到右排列呢？我们利用float，即浮动布局。div{ float:left; /*左浮动*/}效果如下：若要让三者中间有间隔呢？可利用margindiv{ float:left; /*左浮动*/ margin: 10px;}效果如下：下面制作出一个简单的聊天对话框，利用列表：html 文件：<!DOCTYPE html><html lang="e
2020-07-20 17:34:13
554
原创 CSS 知识快速养成
CSS 入门第一步：学会分文件建立文件夹在编辑器里新建一个文件夹，在文件夹中，新建三个文件夹：cssressrc在 css 文件夹中新建 css 文件在 src 文件夹中新建 htnl 文件两者的联系需要在 html 文件的 head 标签中使用 link<link rel="stylesheet" href="./css/style.css"><!-- href 中写 css 所在的地址 -->例如：注意文件夹建立之后注意文件之间的连接；在 c
2020-07-20 17:32:15
185
原创 CSS 容器和选择器的简单应用
CSS 介绍层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。以上来自百度百科通俗的说，CSS 就是用来修饰网页样式的语法。容器基本了解容器标签不具备任何
2020-07-19 12:49:48
366
原创 html5简单表格制作
形成表格table 标签table 标签包含要定义的表格的全部内容组成：thead tbody tfoot，具体如下：（如果不写这三个直接写内容，浏览器会自动将所写的东西归入到 tbody 中）在这里插入代码片
2020-07-18 21:31:12
3118
1
原创 Web前端基础标签第二讲
Web前端基础标签第二讲列表图片列表无序列表有序列表图片如果电脑中有图片，就在src里调用文件所在的路径位置，这种路径叫做绝对路径；若图片需要下载，建议保存在html文件所在的同级文件夹，调用的时候更为方便，这种路径称为相对路径；/ 表示调用下级目录./ 表示调用同级目录…/ 表示调用上级目录…/…/ 表示调用上上级目录width可调节宽度，同时高度也会同比例改变；若想同时定义宽度和高度，会使图片变形<img src="./images/wenji
2020-07-18 00:14:17
459
原创 Web 前端基础标签第一讲
Web前端基础标签水平线换行备注段落空格斜体加粗标题超链接标签图片列表水平线<hr>换行<br>备注<!--在这里面写备注-->段落使用段落标签，文字会独占一行<body> <p> 这是一个段落 </p> <p> 这是另一个段落 </p></body>效果如下：空格正常html里只能识别一个空
2020-07-17 19:32:53
687
原创 Web小白初入门
web小白初入门前端开发相关名词解释HTMLHTML5(简称H5)W3C全栈CSSJavaScript浏览器前期工作编程工具建立前端开发相关名词解释HTML介绍：HTML 英文全称为 Hyper Text Markup Language，即超文本标记语言。HTML 是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。作用：HTML 之所以称为超文本标记语言，是因为文本中包含了所谓的“超级链接”点。所谓超级链接，就是一种 URL 指针，通过点击它可使浏览器方便地获取新的网页。网页的本
2020-07-17 18:10:23
869
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人