前端
草莓奇异果
开心就挺好
展开
-
第十九篇前段学习笔记
这里写自定义目录标题欢如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢 如何创建一个注脚 一个具有注脚的文本。1 注释也是必不可少的 Markdown将文本转换为 HTML。 KaTeX数学公式 您可以使用渲染LaTeX数学表达式 KaTeX: Gamma公式展示 Γ(n)=(n−1)!∀n∈N\Gamma(n) = (n-1)!\quad\forall n\in\mathbb NΓ(n)=(n−1)!∀n∈N 是通过原创 2021-06-17 17:02:53 · 55 阅读 · 0 评论 -
第十八篇前段学习笔记
Vue.js 笔记 一、什么是Vue? Vue.js 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 起步 每个 Vue 应用都需要通过实例化 Vue 来实现。 var vm = new Vue({ // 选项 }) 实例1: <div id="vue_det"> <h1>site : {{site}}</h1> <h1>原创 2021-05-20 17:12:15 · 56 阅读 · 0 评论 -
第十七篇前端学习笔记
jQuery - AJAX AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新。 —什么是 AJAX? AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。 —jQuery load() 方法 jQuery load() 方法是简单但强大的 AJ原创 2021-05-12 13:27:28 · 53 阅读 · 0 评论 -
第十六篇前端学习笔记
jQuery笔记 【jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。】 一、什么是 jQuery ? jQuery 是一个 JavaScript 函数库。 jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。 jQuery 库包含以下功能: HTML 元素选取、 HTML 元素操作、 CSS 操作、 HTML 事件函数、 JavaScript 特效和动画、 HTML DOM 遍历和修改、 AJAX、 Utilities、 提示:原创 2021-05-12 13:17:51 · 77 阅读 · 0 评论 -
第十五篇前端学习笔记
BOM与DOM ***什么是BOM? • ECMAScript无疑是JavaScript的核心,但是要想在浏览器中使用JavaScript,那么BOM(浏览器对象模型) 才是真正的核心。 • BOM 提供了很多对象,用于访问浏览器的功能,这些 功能与任何网页内容无关。 • BOM将浏览器中的各个部分转换成了一个一个的对象, 我们通过修改这些对象的属性,调用他们的方法,从而 控制浏览器的各种行为。 —window对象 • window对象是BOM的核心,它表示一个浏览器的实例。 • 在浏览器中我们可以通过wi原创 2021-05-12 13:01:30 · 55 阅读 · 0 评论 -
第十二篇前端学习笔记
JAVASCRIPT的基本语法: ——循环语句: • 和条件语句一样,循环语句也是基本的控 制语句。 • 循环中的语句只要满足一定的条件将会一 直执行。 ----while • while语句是一个最基本的循环语句。 • while语句也被称为while循环。 • 语法: while(条件表达式){ 语句... } • 和if一样while中的条件表达式将会被转换为布尔类型,只 要该值为真,则代码块将会一直重复执行。 • 代码块每执行一次,条件表达式将会重新计算。原创 2021-04-30 09:38:04 · 56 阅读 · 0 评论 -
第十一篇前端学习笔记
JAVASCRIPT的基本语法: ——语句 • 之前的表达式和运算符等内容可以理解成是一门语言中的单词,短语。 • 而语句(statement)就是我们这个语言中一句一句完 整的话。 • 语句是一个程序的基本单位,JS的程序就是由一条一条 语句构成的,每一条语句使用;结尾。 • JS中的语句默认是由上至下顺序执行的,但是我们也可 以通过一些流程控制语句来控制语句的执行顺序。 ——代码块 • 代码块是在大括号 {} 中所写的语句,以此将 多条语句的集合视为一条语句来使用。 • 例如: { var a = 12原创 2021-04-30 09:26:49 · 116 阅读 · 0 评论 -
第八篇前端学习笔记
JAVASCRIPT的基本语法 *****数据类型 : • 数据类型决定了一个数据的特征,比如:123和”123”,直观上看这两个 数据都是123,但实际上前者是一个数字,而后者是一个字符串。 • 对于不同的数据类型在进行操作时会有很大的不同。 • JavaScript中一共有5种基本数据类型: – 字符串型(String) – 数值型(Number) – 布尔型(Boolean) – null型(Null) – undefined型(Undefined) • 这5种之外的类型都称为Object,所以总的来原创 2021-04-22 14:57:27 · 107 阅读 · 1 评论 -
第七篇前端学习笔记
JAVASCRIPT基本语法 一 、编写位置 • 我们目前学习的JS全都是客户端的JS,也就是说全都是需要在 浏览器中运行的,所以我们我们的JS代码全都需要在网页中编 写。 • 我们的JS代码需要编写到< script >标签中。 • 我们一般将script标签写到head中。(和style标签有点像) • 属性: – type:默认值text/javascript可以不写,不写也是这个值。 – src:当需要引入一个外部的js文件时,使用该属性指向文件的地址。 *JavaScript是严格区分原创 2021-04-22 14:49:20 · 83 阅读 · 1 评论 -
第六篇前端学习笔记
JAVASCRIPT简介 一.起源 JavaScript诞生于1995年,它的出现主要是用于处理网页中的 前端验证。 所谓的前端验证,就是指检查用户输入的内容是否符合一定的 规则。 比如:用户名的长度,密码的长度,邮箱的格式等。 二.简史 • JavaScript是由网景公司发明,起初命名为LiveScript,后来由 于SUN公司的介入更名为了JavaScript。 • 1996年微软公司在其最新的IE3浏览器中引入了自己对 JavaScript的实现JScript。 • 于是在市面上存在两个版本的Jav原创 2021-04-22 14:40:55 · 62 阅读 · 1 评论 -
第五篇前端学习笔记
浮动,定位 • 相对定位 相对元素自身位置,升级为块元素,如果未设置宽度,宽度“清零”。相当于所有的auto值失效,配合top、 right、 bottom、 left 对齐进行位置移动,也可以使用margin, 但是我们不推荐使用margin。 相对元素的父元素宽度 • 绝对定位 相对于离其最近且设置 了 position: relative/absolut 的祖 先元素,否则相对于初 始化块 ( 可以理解为相 对于视口 ) 前提:必须设置top、 right、 bottom、 left。 否则上述结论不原创 2021-03-31 21:22:54 · 50 阅读 · 0 评论 -
第四篇前端学习笔记
一. 是什么? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 二. 知识点 1.Bootstrap 网格系统 网格系统通过一系列包含内容的行和列来创建页面布局。下面列出了 Bootstrap 网格系统是如何工作的: 行必须放置在 .container class 内,以便获得适当的对齐(alignment)和内边距(padding)。 使用行来创建列的水平组。 内容应该放置在列内,且唯有列可以是行的直接子元原创 2021-03-31 20:59:37 · 53 阅读 · 0 评论 -
第三篇前端学习笔记
前端学习02 CSS篇 CSS:层叠样式表 (Cascading Style Sheets) 基本语法: – 选择器 {样式名:样式值;样式名:样式值 ; } – p {color:red ; font-size:12px;} 有行内样式,内部样式表和外部样式表之分。 行内样式: <p style="color: red;font-size: 30px"></p> 内部样式表: <style> p{color:red; font-size: 30px;} <原创 2021-03-25 15:17:51 · 56 阅读 · 0 评论 -
第二篇前端学习笔记
常用标签 html • 作用:html标签用于告诉浏览器这个文档中包含 的信息是用HTML编写的。 • 用法:所有的网页的内容都需要编写到html标签中, 一个页面中html标签只能有一个。 – html标签中有两个子标签head和body 。 head • 作用:head标签用来表示网页的元数据,head中包含了浏览器和搜索引擎使用的其他不可见信息。 • 用法:head标签作为html标签的子元素的出现,一个网页中只能有一个head。 title • 作用: title标签表示网页的标题,一般会在网页的标原创 2021-03-18 15:08:35 · 77 阅读 · 0 评论 -
第一篇前端学习笔记
第一周的学习笔记HTML简介 HTML简介 HTML(Hypertext Markup Language) 超文本标记语言。 • 它负责网页的三个要素之中的结构。 • HTML使用标签的的形式来标识网页中的不同组成部分。 一个最基本的HTML页面: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页标题</title> </head原创 2021-03-18 14:06:35 · 51 阅读 · 0 评论