
Ping说前端三剑客
文章平均质量分 72
包含了HTML、CSS和JavaScript,从入门到精通。
Ping开源
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML之初识HTML
一、初识HTML 目录:初识HTML、网页基本信息、网页基本标签 1.初识HTML 1)什么是HTML? Hyper Text Markup Language(超文本标记语言) 超文本包括:文字、图片、音频、视频、动画等。 2)HTML的发展史 HTML的发展历程 HTML在1993年6月互联网工程工作小组工作案发布(并非标准)。 HTML2.0—1995年11月作为RFC1866发布,在RFC2854于2000年6月发布之后被宣布过时。 HTML3.2—1996年1月14日,W3C推荐标准。 HTML原创 2022-10-18 09:41:01 · 606 阅读 · 1 评论 -
JavaScript之jQuery
九、jQuery 目录:初识jQuery及公式、jQuery选择器、jQuery事件、jQuery操作DOM元素 1.初识jQuery及公式 jQuery库,里面存在大量的JavaScript。 1)获取jQuery jQuery官网:http://jquery.com,可以下载放入项目中使用。 还可以使用在线cdn加速链接,jQuery cdn加速网址:http://www.bootcdn.cn/jquery/ 2)公式:$(selector).action() 例:a链接被点击跳出弹窗 <a hr原创 2021-01-19 12:10:26 · 149 阅读 · 0 评论 -
JavaScript之操作表单(验证)
八、操作表单(验证) 目录:获得和设置表单的值、表单验证及前端MD5加密 1.获得和设置表单的值 1)表单是什么 表单form:文本框text、下拉框、单选框radio、多选框checkbox、隐藏域hidden、密码框password…… 表单的目的:提交信息 2)获得要提交的信息 例: <form method="post"> <span>用户名:</span><input type="text" id="username"> <span&g原创 2021-01-18 16:27:02 · 119 阅读 · 0 评论 -
JavaScript操作DOM对象(重点)
七、操作DOM对象(重点) 核心:浏览器网页就是一个DOM树形结构。 1.获得DOM结点 更新:更新DOM节点。 遍历DOM节点:得到DOM节点。 删除:删除一个DOM节点。 添加:添加一个新的节点。 要操作一个DOM节点,就必须要先获得这个DOM节点。 例: <div id="father"> <h1>标题一</h1> <p id="p1">p1</p> <p class="p2">p2</p> </di原创 2021-01-18 15:35:14 · 176 阅读 · 0 评论 -
JavaScript之操纵BOM对象(重点)
六、操作BOM对象(重点) 目录:操作BOM对象 BOM:浏览器对象模型 1.操作BOM对象 1)浏览器介绍 JavaScript和浏览器的关系:JavaScript的诞生就是为了能够让它在浏览器中运行。 常用浏览器:IE 6~11(8版本后改动非常大)、Chrome、Safari、FireFox(Linux上默认的) 第三方浏览器:QQ浏览器、360浏览器… 2)window代表浏览器窗口 ①弹窗 window.alert() ②内部高度 window.innerHeight ③内部宽度 window.i原创 2021-01-18 12:29:53 · 133 阅读 · 0 评论 -
JavaScript之面向对象编程
五、面向对象编程 目录:面向对象原型继承、面向对象class继承(ES6引入的) 1.面向对象原型继承 类:模板 对象:具体的实例 类是对象的抽象,对象是类的具体实例。 原型: 例: var Student = { name: "xuesheng", age: 3, run: function() { console.log(this.name+"run"); } }; var xiaoming = { name: "xiaoming" }; //小明的原型是Student xi原创 2021-01-18 01:07:32 · 235 阅读 · 0 评论 -
JavaScript之内部对象
四、内部对象 目录:Date日期对象、JSON对象 标准对象:number、string、boolean、object、function、undefined 1.Date日期对象 1)基本使用 例: var now = new Date(); now.getFullYear();//年 now.getMonth();//月,用0~11代表月 now.getDate();//日 now.getDay();//星期 now.getHours();//时 now.getMinutes();//分 now.getS原创 2021-01-17 21:54:25 · 132 阅读 · 0 评论 -
JavaScript之函数
三、函数 目录:函数的定义和参数获取、变量的作用域 let const详解、方法的定义和参数的获取 1.函数的定义和参数获取 例:创建绝对值函数 1)定义函数 ①定义方式一 function abs(x) { if(x>=0) { return x; } else { return -x; } } 一旦1执行到return代表函数结束,返回结果。 如果没有执行到return,函数执行完也会返回结果,结果为undefined。 ②定义方式二 var abs = functi原创 2021-01-17 20:51:56 · 219 阅读 · 0 评论 -
JavaScript之数据类型
二、数据类型 目录:字符串类型详解、数组类型详解、对象类型详解、分支和循环详解、Map和Set集合(ES6新特性)、iterator迭代 1.字符串类型详解 正常字符串使用单引号和双引号来包裹。 1)注意转义字符 ①\ ’ 单引号 ②\ n 换行 ③\ t 水平制表 ④\ u### Unicode字符 例:\ u42d表示中 ⑤\ x## 例:\ x41表示A ······ 2)多行字符串编写:用反引号来包裹 例: var msg = `hello world 你好 世界` 3)模板字符原创 2021-01-17 16:50:05 · 147 阅读 · 0 评论 -
JavaScript之快速入门
一、快速入门 1.聊聊JavaScript这个东西 1)概述 JavaScript是目前世界上最流行的脚本语言。 JavaScript与Java并不关联,JavaScript只是为了蹭Java的热度。 网景公司用了10天开发出JavaScript。 一个合格的后端程序员,必须要精通JavaScript。 2)历史 ECMAScript它可以理解为是JavaScript的一个标准。 最新版本已经到了ES6版本,但大部分浏览器还只停留在支持ES5代码上。 注:目前开发环境与线上环境不一致。 2.基本使用及He原创 2021-01-16 01:33:29 · 216 阅读 · 2 评论