大前端
是小李呀~
这个作者很懒,什么都没留下…
展开
-
DOM笔记
* 概念: Document Object Model 文档对象模型 * 将标记语言文档的各个组成部分,封装为对象。可以使用这些对象,对标记语言文档进行CRUD的动态操作* W3C DOM 标准被分为 3 个不同的部分: * 核心 DOM - 针对任何结构化文档的标准模型 * Document:文档对象 * Element:元素对象 * Attribute:属性对象 * Text:文本对象 * Comment:注释对象 * Node:节点对象,其他5个的父对象 * XM原创 2021-08-06 11:19:02 · 68 阅读 · 0 评论 -
事件监听机制笔记
概念:某些组件被执行了某些操作后,触发某些代码的执行。事件:某些操作。如: 单击,双击,键盘按下了,鼠标移动了事件源:组件。如: 按钮 文本输入框…监听器:代码。注册监听:将事件,事件源,监听器结合在一起。 当事件源上发生了某个事件,则触发执行某个监听器代码。常见的事件:点击事件:onclick:单击事件ondblclick:双击事件焦点事件onblur:失去焦点onfocus:元素获得焦点。加载事件:onload:一张页面或一幅图像完成加载。.原创 2021-08-06 11:18:44 · 86 阅读 · 0 评论 -
Bootstrap笔记
概念: 一个前端开发的框架,Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。框架:一个半成品软件,开发人员可以在框架基础上,在进行开发,简化编码。好处:定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。响应式布局。同一套页面可以兼容不同分辨率的设备。快速入门下载Bootstrap在项目中将这三个文件.原创 2021-08-06 11:18:34 · 96 阅读 · 0 评论 -
响应式布局笔记
同一套页面可以兼容不同分辨率的设备。实现:依赖于栅格系统:将一行平均分成12个格子,可以指定元素占几个格子步骤:定义容器。相当于之前的table、容器分类:container:两边留白container-fluid:每一种设备都是100%宽度定义行。相当于之前的tr 样式:row定义元素。指定该元素在不同的设备上,所占的格子数目。样式:col-设备代号-格子数目设备代号:xs:超小屏幕 手机 (<768px):col-xs-12sm:小屏幕 平板..原创 2021-08-06 11:18:25 · 82 阅读 · 0 评论 -
【笔记】CSS样式和JS插件(附案例代码)
全局CSS样式:按钮:class=“btn btn-default”图片:class=“img-responsive”:图片在任意尺寸都占100%图片形状* <img src="..." alt="..." class="img-rounded">:方形* <img src="..." alt="..." class="img-circle"> : 圆形* <img src="..." alt="..." class="img-thumbna.原创 2021-08-06 11:18:13 · 112 阅读 · 0 评论 -
web概念描述
JavaWeb:使用Java语言开发基于互联网的项目软件架构:C/S: Client/Server 客户端/服务器端在用户本地有一个客户端程序,在远程有一个服务器端程序如:QQ,迅雷…优点:用户体验好缺点:开发、安装,部署,维护 麻烦B/S: Browser/Server 浏览器/服务器端只需要一个浏览器,用户通过不同的网址(URL),客户访问不同的服务器端程序优点:开发、安装,部署,维护 简单缺点:如果应用过大,用户的体验可能会受到影..原创 2021-08-05 20:27:55 · 75 阅读 · 0 评论 -
HTML标签总结
概念:是最基础的网页开发语言Hyper Text Markup Language 超文本标记语言超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本.标记语言:由标签构成的语言。<标签名称> 如 html,xml标记语言不是编程语言快速入门:语法:html文档后缀名 .html 或者 .htm标签分为围堵标签:有开始标签和结束标签。如 自闭和标签:开始标签和结束标签在一起。如 标签可以嵌套:需..原创 2021-08-05 20:31:46 · 79 阅读 · 0 评论 -
HTML笔记(期末速看)
表单:概念:用于采集用户输入的数据的。用于和服务器进行交互。form:用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围属性:action:指定提交数据的URLmethod:指定提交方式分类:一共7种,2种比较常用get:请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)。请求参数大小是有限制的。不太安全。post:2. 请求参数不会再地址栏中显示。会封装在请求体中(HTTP协议后讲解)2. 请求参数的大小没有限制。3. 较为安全。.原创 2021-08-05 20:33:11 · 107 阅读 · 0 评论 -
css笔记
概念: Cascading Style Sheets 层叠样式表层叠:多个样式可以作用在同一个html的元素上,同时生效好处:功能强大将内容展示和样式控制分离降低耦合度。解耦让分工协作更容易提高开发效率CSS的使用:CSS与html结合方式内联样式在标签内使用style属性指定css代码如:hello css内部样式在head标签内,定义style标签,style标签的标签体内容就是css代码如: css语法:格式:..原创 2021-08-05 20:35:57 · 68 阅读 · 0 评论 -
图解DOM树(最简单的方式理解DOM树)
原创 2021-08-05 20:44:27 · 1724 阅读 · 0 评论 -
事件简单学习
* 功能: 某些组件被执行了某些操作后,触发某些代码的执行。 * 造句: xxx被xxx,我就xxx * 我方水晶被摧毁后,我就责备对友。 * 敌方水晶被摧毁后,我就夸奖自己。* 如何绑定事件 1. 直接在html标签上,指定事件的属性(操作),属性值就是js代码 1. 事件:onclick--- 单击事件 2. 通过js获取元素对象,指定事件属性,设置一个函数 * 代码: <body> <img id="light" src="img/off.gi原创 2021-08-05 20:46:01 · 88 阅读 · 0 评论 -
BOM笔记
1. 概念:Browser Object Model 浏览器对象模型 * 将浏览器的各个组成部分封装成对象。2. 组成: * Window:窗口对象 * Navigator:浏览器对象 * Screen:显示器屏幕对象 * History:历史记录对象 * Location:地址栏对象3. Window:窗口对象 1. 创建 2. 方法 1. 与弹出框有关的方法: alert() 显示带有一段消息和一个确认按钮的警告框。原创 2021-08-05 20:47:09 · 54 阅读 · 0 评论