随笔分类 - 前端
摘要:Bootstrap框架 Bootstrap框架 2.X 3.X 4.X # 推荐使用3.X版本 使用框架调整页面样式一般都是操作标签的class属性即可 bootstrap需要依赖于jQuery才能正常执行(动态效果) 引入方式 本地引入(最完整的) 1.引入jQuery 2.引入bootstrap
阅读全文
摘要:jQuery基础 jQuery准备工作 jQuery下载 压缩之后的版本将很多变量名全部使用英文字母代替了 https://jquery.com/ 本地导入 缺点在于需要提前下载文件 优点在于不会受到网络的影响 CDN导入 # CDN:内容分发网络 网站:bootcdn jquery最好使用3.4.
阅读全文
摘要:BOM与DOM操作 BOM 浏览器对象模型>>>:使用js操作浏览器 DOM 文档对象模型>>>:使用js操作前端页面 window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 *如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 windo
阅读全文
摘要:JavaScript JavaScript引入方式 Script标签内写代码 <script> // 在这里写你的JS代码 </script> 引入额外的JS文件 <script src="myscript.js"></script> 注释(注释是代码之母) // 这是单行注释 /* 这是多行注释
阅读全文
摘要:一.浮动float 在 CSS 中,任何元素都可以浮动。 浮动元素会生成一个块级框,而不论它本身是何种元素。 关于浮动的两个特点: 浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。 三种
阅读全文
摘要:WEB前端基础之CSS(字体颜色背景-盒子模型) 一:伪元素选择器 1.首字调整>>>:也是一种文档布局的方式 p:first-letter { font-size: 48px; /*字体大小*/ color: red; } 2.在文本的前面通过css动态渲染文本>>>:特殊文本无法选中 p:bef
阅读全文
摘要:一:CSS 1.什么是CSS? CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。 CSS3就是css语言,数字3是该语言的版本号 css语言开发的文件是以.css为后缀,通过在html
阅读全文
摘要:前端HTML基础之form表单 一:form表单 1.form表单功能 表单用于向服务器传输数据,从而实现用户与Web服务器的交互 表单能够包含input系列标签,比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含textarea、select、fieldset和 label标签。 for
阅读全文
摘要:一:HTML简介 1.超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 2.本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 3.网页文件的扩展
阅读全文
摘要:一:HTML前端 1.什么是前端 任何与操作系统打交道的界面都可以称之为"前端" 手机界面(app) 电脑界面(软件) 平板界面(软件) 2.什么是后端 不直接与用户打交道,而是控制核心逻辑的运行 各种编程语言编写的代码(python代码、java代码、c++代码) 3.什么是HTML 超文本标记语
阅读全文