Ping说前端三剑客
文章平均质量分 72
包含了HTML、CSS和JavaScript,从入门到精通。
Ping开源
这个作者很懒,什么都没留下…
展开
-
HTML之初识HTML
一、初识HTML目录:初识HTML、网页基本信息、网页基本标签1.初识HTML1)什么是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 · 514 阅读 · 1 评论 -
JavaScript之jQuery
九、jQuery目录:初识jQuery及公式、jQuery选择器、jQuery事件、jQuery操作DOM元素1.初识jQuery及公式jQuery库,里面存在大量的JavaScript。1)获取jQueryjQuery官网:http://jquery.com,可以下载放入项目中使用。还可以使用在线cdn加速链接,jQuery cdn加速网址:http://www.bootcdn.cn/jquery/2)公式:$(selector).action()例:a链接被点击跳出弹窗<a hr原创 2021-01-19 12:10:26 · 123 阅读 · 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 · 89 阅读 · 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 · 135 阅读 · 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 · 113 阅读 · 0 评论 -
JavaScript之面向对象编程
五、面向对象编程目录:面向对象原型继承、面向对象class继承(ES6引入的)1.面向对象原型继承类:模板 对象:具体的实例类是对象的抽象,对象是类的具体实例。原型:例:var Student = { name: "xuesheng", age: 3, run: function() { console.log(this.name+"run"); }};var xiaoming = { name: "xiaoming"};//小明的原型是Studentxi原创 2021-01-18 01:07:32 · 194 阅读 · 0 评论 -
JavaScript之内部对象
四、内部对象目录:Date日期对象、JSON对象标准对象:number、string、boolean、object、function、undefined1.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 · 100 阅读 · 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 · 181 阅读 · 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 · 118 阅读 · 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 · 177 阅读 · 2 评论