分类目录归档:大前端

Vue模板与指令


模板语法

​ Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。

在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。

如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量,你也可以不用模板,直接写渲染 (render) 函数...

Read more

Vue基础


Vue简介

image-20220125022427030

  • Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。
  • Vue 只关注视图层, 采用自底向上增量开发的设计。
  • Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  • Vue 学习起来非常简单。

安装vue

  • 通过 @vue/cli 实现的交互式的项目脚手架。
  • 使用CDN引入例如:<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></scr...

Read more

大前端时代


大前端时代的来临

​ 1999年,XMLHttpRequest技术出现,谷歌使用其开发了Gmail和谷歌地图之后,XMLHttpRequest获得了巨大的关注。2006年,XMLHttpRequest被W3C正式纳入标准,同时有了新的名字——Ajax。

​ Ajax的出现不仅解决了早期前端的众多问题,同时将我们从Web网页时代带到了Web应用时代,也就是常说的Web 2.0时代,同时提出了前后端分离的概念。

​ Web网页时代与Web应用时代的区别是十分巨大的:

  • 在Web网页时代,网页...

Read more

DOM操作


浏览器环境

JavaScript 语言最初是为 Web 浏览器创建的。

下面是 JavaScript 在浏览器中运行时的鸟瞰示意图:

浏览器环境,规格 - 图1

有一个叫做 window 的“根”对象。它有两个角色:

  1. 首先,它是 JavaScript 代码的全局对象,如 全局对象 一章所述。
  2. 其次,它代表“浏览器窗口”,并提供了控制它的方法。

例如,在这里我们将它用作全局对象:

function sayHi() {  alert("Hello");}// 全局函数是全局对象的方法:window.sayH...

Read more

JavaScript数据类型与方法


JavaScript 数据类型

原始方法

JavaScript 允许我们像使用对象一样使用原始类型(字符串,数字等)。

原始类型和对象之间的关键区别:

一个原始值:

  • 是原始类型中的一种值。
  • 在 JavaScript 中有 7 种原始类型:stringnumberbigintbooleansymbolnullundefined

一个对象:

  • 能够存储多个值作为属性。
  • 可以使用大括号 {} 创建对象,例如:{name: "John", age: 30}。JavaScript 中还有其...

Read more

JavaScript 对象


对象

JavaScript 中有八种数据类型。有七种原始类型,因为它们的值只包含一种东西(字符串,数字或者其他)。

相反,对象则用来存储键值对和更复杂的实体。在 JavaScript 中,对象几乎渗透到了这门编程语言的方方面面。所以,在我们深入理解这门语言之前,必须先理解对象。

我们可以通过使用带有可选 属性列表 的花括号 {…} 来创建对象。一个属性就是一个键值对(“key: value”),其中键(key)是一个字符串(也叫做属性名),值(value)可以是任何值。

我们可以把对象想象成一个带有签...

Read more

JavaScript简介


本教程转载自(《现代 JavaScript 教程中文版》) 源自开源书籍https://github.com/javascript-tutorial/zh.javascript.info

什么是 JavaScript?

这种编程语言我们称之为 脚本。它们可以写在 HTML 中,在页面加载的时候会自动执行。

脚本作为纯文本存在和执行。它们不需要特殊的准备或编译即可运行。

这方面,JavaScript 和 Java 有很大的区别。

为什么叫 JavaScript?

JavaScript 在刚诞生的时候,它...

Read more

CSS 样式速查手册


什么是CSS

CSS 是 Cascading Style Sheet(层叠样式表)的缩写。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS 不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。

历史

  • CSS 最早被提议是在1994年;
  • 最早被浏览器支持是1996年;
  • 1996年 W3C 正式推出了CSS1;
  • 1998年 W3C 正式推出了CSS2;
  • CSS2.1 是 W3C 现在正在推荐使用的;
  • CSS3 现在还处于开发中;
  • CSS 3 在包含了所有 CSS 2...

Read more

HTML5标签详解


HTML5

一.HTML5 文档结构

1.第一步:打开编辑器,打开指定文件夹;

2.第二步:保存 index.html 文件到磁盘中,.html 是网页后缀;

3.第三步:开始编写 HTML5 的基本格式。

<!DOCTYPE html> <!-- 文档类型声明 -->
<html lang="zh-cn"> <!-- 表示 HTML 文档开始  -->
<head> <!--包含文档元数据开始  -->
  ...

Read more