web前端开发技术
HTML+CSS+JS
影龙武
加油呀ヾ(◍°∇°◍)ノ゙
展开
-
JavaScript学习笔记十六—— jQuery简介
jQuery库,里面存放了大量的JavaScript函数下载jQuery(不想下载的话直接百度搜jQuery CDN用网上的链接粘贴到项目里就行),官网:[https://jquery.com/](https://jquery.com/)![在这里插入图片描述](https://img-blog.csdnimg.cn/20200518002220529.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_a原创 2020-05-18 10:12:45 · 191 阅读 · 0 评论 -
JavaScript学习笔记十五—— 表单相关
## 表单* 文本框 text* 下拉框 `<select>`* 单选框 radio* 多选框 checkbox* 隐藏域 hidden* 密码框 password## 表单操作```javascript<form action="post"> <p> <span>用户名</span><input type="text" id="username"> </p> <!--选择的值就是定义好的value值--> <p> <span>原创 2020-05-18 00:14:38 · 166 阅读 · 0 评论 -
JavaScript学习笔记十四 —— 操作DOM对象
DOM:文档对象模型## 核心浏览器网页就是一个DOM树形结构!* 更新:更新DOM节点* 遍历dom节点:得到DOM节点* 删除:删除DOM节点* 添加:添加一个新的节点要操作一个dom节点,就必须要获得这个dom节点## 获得dom节点```javascript<div id="father"> <h1>标题一</h1> <p id="p1">p1</p> <p class="p2">p2</p></div><script> //对应cs原创 2020-05-17 23:00:45 · 370 阅读 · 0 评论 -
JavaScript学习笔记十三 —— 操作BOM对象
BOM:浏览器对象模型>window窗口```javascriptwindow.alert(1) //弹窗window.innerHeight //内部高度window.innerWidth //内部宽度window.outerWidth //外部高度window.outHeight //外部高度```> navigator Navigator,封装了浏览器的信息大多数时候不会使用navigator对象,因为会被人为修改```javascriptnaviga原创 2020-05-17 18:31:37 · 184 阅读 · 0 评论 -
JavaScript学习笔记十二 —— 面向对象继承
## 原型指向`__proto__ ````javascript var user = { name: "ylw", age: 3, run: function () { console.log(this.name + "run..."); } } var xioaming = { name: "xiaoming" }; // 小明的原型是user,这样写原创 2020-05-17 16:43:42 · 171 阅读 · 0 评论 -
JavaScript学习笔记十一 —— 常用对象
## Date```javascript var now = new Date(); //输出可以看到结果:Sun May 17 2020 14:46:20 GMT+0800 (中国标准时间) var now2 = now.toLocaleDateString(); //结果:"2020/5/17 下午2:55:36" var year = now.getFullYear(); //年 var month = now.getMonth() //月,0到11,分别代表1到原创 2020-05-17 15:38:15 · 253 阅读 · 0 评论 -
JavaScript学习笔记十 —— 方法的定义和调用
## 定义方法方法就是把函数放在对象里面,对象只有两个东西:属性和方法```javascriptvar ylw= { name: 'ylw', birth: 2000, //方法 age: function(){ //今年-出生年 var now = new Date().getFullYear(); return new-this.birth; }}//属性ylw.name()//方法,一定要带()ylw.age()```在js里this是无法指向的,是默认原创 2020-05-17 14:40:51 · 145 阅读 · 0 评论 -
JavaScript学习笔记九 —— 变量的作用域、let、const
## 变量作用域在js中,var定义变量实际是有作用域的。如果在函数体中申明,在函数体外不可以使用(闭包可以实现在函数体外使用)```javascriptfunction a(){ var x = 1; x = x + 1}x = x + 2 //这里控制台会报错```如果函数嵌套,内部函数可以访问外部函数变量,外部不可以访问内部,所以内外部函数的变量重名没有影响**提升变量作用域**```javascriptfunction a(){ var x = "x" + y; c原创 2020-05-17 14:09:08 · 193 阅读 · 0 评论 -
JavaScript学习笔记八 —— 函数的定义和参数的获取
JavaScript里没有数据类型,所以定义函数时不需要写返回值**定义方式一:**```javascriptfunction 函数名(参数){ 函数体}```如果没有执行return,函数执行完也会返回结果,结果是undefined**定义方式二:**```javascriptvar 函数名 = function(参数){ 函数体}```**参数问题**js可以传任意个参数,也可以不传递参数可以通过手动抛出异常来判断是否存在问题```javascript例如在函原创 2020-05-17 11:50:07 · 415 阅读 · 0 评论 -
JavaScript学习笔记六—— 对象类型详解
JavaScript中的所有键都是字符串,值是任意对象!1.对象的使用若干键值对```javascriptvar 对象名 = { 属性名: 属性值, 属性名: 属性值, 属性名: 属性值 //注意最后一个不需要逗号}```使用对象,`对象名.属性名`即可2.使用一个不存在的对象属性,不会报错!只会undefined3.动态的删减属性,使用delete删除```javascriptdelete person.name;```4.动态的添加属性,直接给新的属性添加值即可原创 2020-05-16 22:16:36 · 191 阅读 · 0 评论 -
JavaScript学习笔记七 —— 分支和循环详解、Map和Set集合、iterator
## 循环if、while、for的语法和java的一样* forEach循环```javascriptarr.forEach(function(value){ console.log(value)})```## Map和Setes6的新特性Map```javascript //ES6 Map集合 //学生成绩,学生名字,分开写太麻烦 //var names = ["tom","jack","liming"]; /原创 2020-05-16 22:16:15 · 203 阅读 · 0 评论 -
JavaScript学习笔记五 —— 数组类型详解
Array可以包含任意的数据类型```javascriptvar arr= [1,2,3,4,5,6]```1.长度```javascriptarr.length```可以给长度赋值,那么数组的大小就会变化,如果赋值过小,元素就会丢失2.indexOf(),获取对应的下标,数字1和字符串1时不同的3.slice(),截取Array的一部分,返回一个新数组,类似于String中的subString()4.push(),pop() 对尾部进行操作,跟入栈出栈差不多原创 2020-05-16 20:16:34 · 228 阅读 · 0 评论 -
JavaScript学习笔记四 —— 字符串类型详解
1.正常字符串使用单引号或者双引号包裹2.注意转义字符 \```javascript\'\n\t\u4e2d Unicode字符表示汉字 中,格式 \u####\x41 ASCII字符```3.多行字符串* 使用table键上面的反引号包裹可以写多行```javascript var msg = ` hello world `;```4.字符串模板(EL表达式)```javascript le原创 2020-05-16 20:13:27 · 163 阅读 · 0 评论 -
JavaScript学习笔记三 —— 严格检查模式use strict(在IDEA中修改js的语法版本)
严格检查模式use strict 的前提:设置支持es6语法```javascript<script> 'use strict' //写在第一行,表示使用严格检查模式,预防js语法随意性导致产生的问题 let i = 1; //这里就不使用 var来定义变量了,使用 let来定义局部变量</script>```在IDEA中修改js的语法版本setting原创 2020-05-16 19:21:29 · 852 阅读 · 0 评论 -
JavaScript学习笔记二 —— JavaScript基础语法简介
数值、文本、图像、音频、视频。。。。<mark>number</mark>js不区分小数和整数,Number```javascript123 //整数123123.1 //浮点数123.11.123e3 //科学计数法表示-99 //负数NaN // not a number 不是一个数字Infinity //表示无限大```<mark>字符串</mark>```javascript'abc'"abc"```<mark>布尔值</mark>```javascri原创 2020-05-16 18:35:37 · 173 阅读 · 0 评论 -
JavaScript学习笔记一 —— JavaScript入门
alert 弹窗,浏览器会弹出弹窗## 内部标签可以放在head里,也可以放在body里```javascript <!-- script标签内,写JavaScript代码 --> <script> alert("hello,world"); </script>```## 外部引入先写一个纯js文件,比如first.js(直接在里面写js代码就行,不需要用标签包裹了)```javascriptalert("hello,world");```然后在html中引用```原创 2020-05-16 17:16:52 · 168 阅读 · 0 评论 -
CSS再学习笔记
CSS再学习笔记层次选择器结构伪类选择器原创 2020-05-15 17:42:00 · 173 阅读 · 0 评论 -
HTML学习笔记总结
HTML学习笔记什么是HTMLHyper Text Markup Language(超文本标记语言)W3C特殊符号(&开头;结尾) 空格> 大于号< 小于号© 版权符号(圆圈里面有一个C)图片相关图片格式BMP 位图链接相关锚链接顶部元素使用name属性<a href="#top">回到顶部</a>邮件链接<a href="mailto:电子邮箱地址"原创 2020-05-09 08:59:27 · 109 阅读 · 2 评论 -
HTML5拖放API笔记
第5章HTML5拖放API5.1 HTML5新增拖放APIHTML5拖放API规定了所有元素都可以被拖放。具体来说,HTML5定义的拖放这一行为指的是用户可以使用鼠标左键点击选中允许拖放的元素或文件,在保持鼠标左键按下的情况下可以移动该元素至页面的任意位置,并且在移动到处于具有允许放置状态的元素上释放鼠标左键放置被拖放的元素。其中从鼠标左键按下选中元素,到保持鼠标左键按下并移动该元素的整个过...原创 2020-04-25 13:19:13 · 720 阅读 · 0 评论 -
CSS基础笔记
第三章CSS基础3.1 CSS样式表3.1.1 内联样式表通过使用style属性为各种HTML元素标签添加样式,其作用范围只在指定的HTML元素内部基本语法格式<元素名 style="属性名称:属性值">如果有多个属性需要同时添加,可以用分号隔开<元素名 style="属性名称1:属性值1;属性名称2:属性值2;...;属性名称N:属性值N;">3...原创 2020-03-16 20:05:42 · 337 阅读 · 0 评论