![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端入门
文章平均质量分 75
配合Java使用,简单了解前端的一些必备知识。
新手且笨蛋37
阿巴阿巴
展开
-
【前端入门】HTML5
一、基础概念 W3C标准: 结构化标准语言——HTML,XML 表现标准语言——CSS 行为标准——DOM,ECMAScript 行内元素和块元素 块元素:总会另起一行放内容的 行元素:可以好多元素放在一行内的 二、页面结构 结构 用途 header 标题头部区域的内容(用于页面或页面中的一块区域) footer 标记脚步部区域的内容(用于整个页面或页面中的一块区域) section Web页面中的一块独立区域 article 独立的文章内容 aside 相关内容或应用(常用原创 2022-02-12 16:36:38 · 294 阅读 · 0 评论 -
【前端入门】CSS3(1)
一、基础概念 1、什么是CSS? Cascading Style Sheets层叠样式表 2、CSS的发展史 2.0 DIV(块)+CSS,HTML与CSS结构分离 2.1 浮动、定位 3.0 圆角、阴影、动画··· 3、CSS的优势 1、内容和表现分离 2、网页结构表现统一,可实现复用 3、样式十分丰富 4、利用SEO,容易被搜索引擎收录 二、导入方式 优先级:行内>内部=外部(内外部样式会相互覆盖) 1、行内样式 <h1 style="color: red">标题</h1&g原创 2022-02-16 21:04:13 · 351 阅读 · 0 评论 -
【前端入门】CSS3(2)
一、字体样式 代码 样式 font-size 字体大小 font-family 字体 font-weight 字体粗细 color 字体颜色 font 字体风格(4个参数分别控制斜体、粗细、大小、字体)原创 2022-02-18 20:46:11 · 138 阅读 · 0 评论 -
【前端入门】JavaScript(1)
一、简述 JavaScript是用来实现浏览器和用户交互的,与html和css不同,它是门弱类型编程语言。 二、引入方式 1、内部标签 <script> 代码块 </script> 2、外部引入 <script src="js文件路径"></script> 三、基础语法 1、变量类型 所有的变量默认用var定义,var是任意的变量类型,如: var aaa=1; var bbb='abc'; 2、流程控制 if 和 else if 3、特殊函原创 2022-02-21 16:58:42 · 327 阅读 · 0 评论 -
【前端入门】JavaScript(2)
一、Map和Set 1、Map 用键值对表示,和java的Map类似 get方法取值 set方法修改值 delete方法删除值 所有的方法都是操作键 2、Set 相当于去重数组 var set = new Set([1,2,3,3,3]); 查看一下set,会发现只输出了 [1, 2, 3] //添加字段 set.add(field); //删除字段 set.delete(field); 3、遍历 for(let filed in set){ 代码块 } for(let filed of set){原创 2022-02-24 21:42:36 · 473 阅读 · 0 评论 -
【前端入门】JavaScript(3)
一、操作BOM对象 BOM:浏览器对象模型 navigator 封装了浏览器的信息,一般不用,因为可以认为修改 screen 封装了计算机屏幕的信息 location(重要) 代表当前页面的url信息 location.reload()//重新加载页面 location.assign(url);//访问此网站跳转到url所在的网站 document 代表当前的页面 document.title;//网页的title document.getElementById(id);//通过id获得元原创 2022-02-26 21:27:14 · 427 阅读 · 0 评论 -
【前端入门】jQuery
JavaScript和jQuery jQuery是一个库,存在大量的javascript函数。 一、获取jQuery jQuery官网 常用的两种,上面的是压缩的,我们用compressed的就可以了,下面那种的是未压缩的,给开发者用的。 当然懒一点的话也可以用cdn,cdn就理解为有些大公司给你加速访问的一些在网上不用下载的jQuery。 提供一个cdn库:cdn库 引入一个官网的cdn做个示范(注释掉的是引入下载的jQuery文件): 二、语法 jquery的万能公式: $(selector).a原创 2022-02-27 20:10:12 · 538 阅读 · 0 评论