![](https://img-blog.csdnimg.cn/998a1d68841f4b98bf2d17d8981ce1cf.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端基础知识(HTML/CSS/JS)
文章平均质量分 85
包含HTML,CSS,JS等基础亲段知识
naoguaziteng
向着大佬看齐
展开
-
✿✿✿JavaScript --- Ajax异步请求与JSONP 跨域请求
一、原生的Ajax请求1.异步和同步2.Ajax介绍(1)原生的JS实现方式(了解)(2)原生AJax发送Post请求,并携带请求参数二、JQuery封装后的Ajax1.JQeury实现方式三、JSONP 跨域请求1.什么是跨域?2.JQuery 封装过后的JSONP请求四、CORS 跨域,获取不到数据的原因。五、Java中JSON字符串和Java对象的互相转换2.Java对象转换JSON3. JSON转为Java对象原创 2023-01-08 16:34:02 · 803 阅读 · 0 评论 -
✿✿✿JavaScript --- jQuery框架二
1.高级事件(1)浏览器一打开自动触发我们绑定的事(2)Trigger 传递数据(3)自定义事件(4)trigger 简写方案(5)triggerHandler()(6)trigger和triggerHandler的区别(7)on off one2.动画(1)显示 隐藏 动画(2)队列动画(3)下滑 上卷(4)淡入淡出(5)自定义动画 animate()(6)自定义动画之队列动画(7)队列动画方法 queue()原创 2023-01-01 17:06:58 · 844 阅读 · 0 评论 -
✿✿✿JavaScript --- jQuery框架一
1.jQuery的介绍和在线学习网址以及下载网址5.jQuery如何达到获取原生的DOM对象6.jQuery选择器(1)常见选择器(2)高级选择器以及方法(4)过滤选择器7.常用到的方法(1)html()和 text()方法(2)attr()和 removeAttr()(3)元素样式操作方法和其他方法8(1)创建节点(2)插入节点(3)包裹节点(4)其他节点操作9.jQuery基础事件相关(1) 基础事件(3)解绑事件(4)简写事件(5)复合事件(6)事件对象event(7)事件之冒泡和默认行为以及行为原创 2022-12-31 15:18:59 · 1020 阅读 · 0 评论 -
✿✿✿JavaScript --- JSON
1.JSON的简介2.JSON的语法规则3.JSON 字符串转换为 JavaScript 对象4.常用的JSON相关的函数5.JSON对象的遍历6.补充:JS中的this关键字 JSON( JavaScript Object Notation ) 是用于存储和传输数据的格式(一种轻量级的数据交换格式 ),通常用于服务端向网页传递数据 。 JSON 使用 JavaScript 语法,但是 JSON 格式仅仅是一个文本。 文本可以被任何编程语言读取及作为数据格式传递。JSON 格式在语法上与创建 Java原创 2022-12-22 19:07:13 · 769 阅读 · 0 评论 -
✿✿✿JavaScript --- 网页版计算器
友友们好呀,这是小编自己写的一个网页版计算器。可以更换计算器的背景,还可以进行简单的计算,可能还存在很多不足与小BUG。欢迎大家进一步的更行和完善!!!!!原创 2022-12-21 17:06:11 · 410 阅读 · 0 评论 -
✿✿✿JavaScript --- 常见样式案例
1.下拉框复选框单选框的事件样式 和 禁止喜欢中文字与鼠标右键2.点击按钮后样式发生变化3.表格追随鼠标更换颜色4.点击更换背景5.点击不同的选择栏,内容展示在一个板块内6.排他思想,许多按钮,点击谁谁就有样式7.按钮全选反选8.currentTarget和target的区别9.阻止事件冒泡10.事件捕获11.阻止元素的默认行12.灯泡开关案例13.图片跟随鼠标14.省市二级联动15.滚动事件,滚动到一定位置出现特效16.获取焦点,点击搜索框出现闪原创 2022-12-21 16:06:10 · 413 阅读 · 0 评论 -
✿✿✿JavaScript --- 事件
1.事件相关概念2.js中注册监听(事件绑定)的方式(1)在定义标签时,添加事件名称属性。属性值是js代码(js代码会被自动封装到一个function函数的方法体中)(2)通过js获取元素对象,再添加事件。补充:获取到标签对象后,常用的属性。(3)通过 addEventListener() 方法 来添加事件3.js中事件的种类(1)焦点事件:针对表单项(2)点击事件(3)键盘事件(4)鼠标事件 鼠标移动事件案例:金箍棒变大变长(5)表单事件:form(6)加载与卸载事件(7)其他事件原创 2022-12-17 16:06:59 · 700 阅读 · 0 评论 -
✿✿✿JavaScript --- BOM、DOM对象
一、BOM浏览器对象模型1.Window窗口对象(1)与弹出有关的方法(2)与定时器有关的方法(3)与打开关闭有关的方法(4)获取其他对象的属性2.Location地址栏对象3.History历史记录对象二、DOM文档对象模型1.Document文档对象(1)获取Element对象(2)创建其他对象2.标签对象的属性 创建删除DOM元素案例: BOM(Browser Object Model) 浏览器对象模型。也就是将浏览器的各个组成部分封装为对象。主要特点就是BOM对象不能由我们程序员自己创原创 2022-11-30 22:07:14 · 441 阅读 · 0 评论 -
✿✿✿JavaScript ---- 函数/js内置对象
一、函数 自调用函数如下演示:二、JS中的内置对象2.Number对象3.Date 对象 补:第三方的日期工具类moment.js 4.Math对象5.数组对象 补:ES6中数组对象新增的方法6.Global全局方法对象7.RegExp(**)正则表达式对象 函数的使用:函数名称(实参列表); 特点是:函数的调用,只与函数名称有关,与实参列表无关。且函数内部有内置对象 arguments 封装实参数组。补充:void运算符,拦截返回值,一般结合a标签一起使用。 例如:注销a原创 2022-11-29 21:44:40 · 570 阅读 · 0 评论 -
✿✿✿JavaScript基本语法一
1.js的发展史(闲聊版)2.浏览器分成两部分:渲染引擎和 JS 引擎3.js与html的关系以及结合方式(1)js与html的关系(2)js与html结合方式4.JavaScript注释5.js中的基本数据类型6.js中的变量7.运算符(自动类型转换)(1)算数运算符:++ -- +(正) -(负) + - * / %(2)比较运算符:> = 8.JavaScript输入输出语句9.九九乘法表(js版本)原创 2022-11-26 21:10:40 · 616 阅读 · 0 评论 -
ヾ(⌐ ■_■)— HTML-Emmet语法速查表
Emmet是一款文本编辑器/IDE的插件,用来快速生成复杂的HTML代码,只要掌握一些常用的语法(类似于CSS选择器),就可以减少重复编码的工作。Emmet使用Tab作为自动生成HTML代码的触发器。输入完生成HTML的缩写语句后,按下Tab,即可生成对应的HTML代码。本文所列仅为最常用的一些语法和缩写,有关其他较为少用的可参考。(1)后代:> 表父层与子层的关系,:用于HTML5文档类型。html:xt:用于XHTML过渡文档类型。html:4s:用于HTML4严格文档类型。原创 2022-11-22 23:05:40 · 366 阅读 · 0 评论 -
ヾ(⌐ ■_■)—CSS动画和弹性布局
一、动画部分1、放大缩小位移(transform)2、过渡动画(transition)3.自定义动画(animation)4.自定义动画案例(漂浮广告)二、流式布局 三、弹性盒子布局(Flex布局)流式布局:是页面中元素的宽度按照屏幕分辨率自动进行适配调整,也就是我们常说的适配,它可以保证当前屏幕分辨率发生改变的时候,页面中的元素大小也可以跟着改变,所以流式布局是移动端开发常用的一种布局。最大的特点就是用百分比来调整。弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效原创 2022-11-22 22:42:25 · 348 阅读 · 2 评论 -
ヾ(⌐ ■_■)— CSS常用属性
1.文字的设置(1)文字的基本属性(font)(2)文字的排版以及添加文字的修饰2.颜色的设置3.背景的设置(background)4.边框的相关设置(1)边框样式的设置(border-style)(2)边框宽度的设置(border-width)(3)边框的颜色设置(border-color)(4)边框的综合设置和边距设置(margin)(5)边框的圆角(border-radius)(6)边框的阴影(box-shadow)(7)内间距的设置(padding)5.文本的对齐方式(text-align)6.设原创 2022-11-15 20:39:23 · 606 阅读 · 0 评论 -
ヾ(⌐ ■_■)— CSS选择器
1.类选择器 (class选择器)2.id选择器3.标签名选择器4.包含选择器5. 并列选择器6.通配符选择器7.伪类选择器8.选择器的优先级9.子选择器10.相邻选择器11.相邻所有选择器12.属性选择器 在页面中同一个html元素有不同的选择器定义样式的。这样就存在了谁先谁后。具体的优先级如下:!important>内联样式 > id选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器 属性选择器就是只要标签中有这个属性,那么就都会被选中。原创 2022-10-20 19:34:15 · 256 阅读 · 0 评论 -
ヾ(⌐ ■_■)— CSS简介篇
1.CSS样式的作用2.CSS的特性(1)继承性(2)层叠性3.CSS的基本语法4.CSS样式如何与HTML结合使用(1)内联样式(2)内部样式(3)外部样式 CSS(Cascading Style Sheets)层叠样式表。该样式表的主要作用就是来美化HTML标签。HTML标签的分类,一般分为行(hang)标签,块标签和行内标签。纯净版行标签和纯净版块标签。都说了是纯净版啦,那意思就是没有任何东西修饰的标签就是纯净版的呗。CSS继承性的意思就是给父级设置一些属性,子级继承了父级。原创 2022-10-17 18:48:23 · 179 阅读 · 0 评论 -
HTML --- 表单
1.表单的用途2.表单的工作原理3.表单中的各种标签表单标签 form、输入标签 input、文本文框标签 textarea、下拉框标签 select、按钮标签 button 4.表单实例表单在网页上用来给访问者填写信息的,从而获得用户信息,使用网页进行交互的功能。就像日常生活中统计信息的信息表一样。一般是将表单设计在一个html页面中,当用户填写信息后做提交操作,于是表单的内容就会从客户端的浏览器上发送给服务器,经过服务器上的jsp或者ASP或者Cgi等处理后,再将用户所需的信息传送给客户端的原创 2022-10-12 17:13:44 · 1923 阅读 · 2 评论 -
HTML标签---表格
1.表格的结构2.表格标签3.table标签的标签属性4.表格的合并属性在默认情况下,表格是没有边框的,如果想要出现边框,就是用border属性。以下属性适用于th,tr,td标签,来实现上下纵向合并单元格或者左右横向合并单元格。需要注意的是,当实现了上下合并或左右合并,就应该减掉相应行中的列。原创 2022-09-30 19:48:59 · 1106 阅读 · 1 评论 -
HTML常用标签二
1.背景属性bgcolor和background2.序列标签 ul/ol/dt(1)无序列表< ul>(2)有序列表(3)自定义列表 dl/dd3.超链接1)连接到其他的文档(2)网页的内部链接(3)网页的外部链接(4)图片的锚点链接4.框架标签 frame 5.多媒体标签embed其中就是无序列表,每增加一列内容,就需要加一个点击超链接后会跳转到新的页面。需要注意的就是文件的路径,这里我用的是相对路径。绝对路径:是指从根目录到文件的完整路径。 相对路径:是指相对于当前文件的文件位置。点击原创 2022-09-29 18:47:00 · 1123 阅读 · 2 评论 -
HTML常用标签一
一、标签属性。二、排版标签1.标题标签 h1-h6 2.文字上的分隔标签 br和p3.水平线标签 hr、基本语法格式:、水平线标签的标签属性:4.文字居中标签 center5.div 和 span 标签6.排版标签总结。三、文本格式标签四、图像标签 img、图像标签的标签属性如下:五、特殊字符。六、注释标签 !-- --使用HTML制作网页时,可以对HTML标签的属性加以设置。后面会了解到标签的各种属性,目前先了解一下设置标签属性的格式。其基本语法格式:原创 2022-09-28 17:34:00 · 1098 阅读 · 0 评论 -
HTML --- 开发工具篇(Hbuilder X)以及相关标签
1.常见的开发工具有2.创建HTML文件3.!DOCTYPE html标签4.页面语言标签lang5.设置字符集编码方式charset和META标记 是声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 就是告诉浏览器按照HTML5 规范解析页面.HTML文件必须加上 DOCTYPE 声明,并统一使用 HTML5 的文档声明。 指定html 语言种类原创 2022-09-27 11:33:37 · 3050 阅读 · 0 评论 -
跟 HTML 说hello
1.HTML的骨架标签2.HTML元素标签分类 / 常规元素(双标签)/ 空元素(单标签)3.HTML标签关系 / 嵌套关系 / 并列关系4.迎接自己的第一个HTML网页HTML 指的是超文本标记语言(Hyper Text Markup Language)是用来描述网页的一种语言。超文本的含义就在于它可以加入图片、声音、动画、多媒体等内容(超越文本限制 ),不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本 )。在HTML页面中,带有“< >”符号的元素被称原创 2022-09-26 20:35:37 · 448 阅读 · 0 评论