本小节基本要求：

• 了解样式选择器class

要点：

1. padding: 10px; 内边距是什么
2. margin: 0 auto；边框居中

ref、isRef、toRef、toRefs、toRaw 看着一堆类似的东西，一个头两个大，今天整理一篇文章详细介绍它们的功能及区别。

1、ref

ref 属性除了能够获取元素外，也可以使用 ref 函数，创建一个响应式数据，当数据值发生改变时，视图自动更新。

我在做的一个富文本编辑,做回退,恢复的算法网上找了下资料,不过效果不太理想,而且有些复杂,还要考虑IE兼容,所以我就自己实现了,在vue项目中:

HTML:

<button @click="back_">回退</button>

<button @click="go_">前进</button>

<div CONTENTEDITABLE="true" @input="codeword_text($event)"ref="dele" />

HTML5以HTML4为基础，对HTML4进行了大量的修改。

介绍HTML5对HTML4到底进行了哪些修改？它们之间比较大的区别是什么？

什么是 DOM

DOM（Document Object Model，文档对象模型）是 JavaScript 操作 HTML 的接口（这里只讨论属于前端范畴的 HTML DOM），属于前端的入门知识，同样也是核心内容，因为大部分前端功能都需要借助 DOM 来实现，比如：

动态渲染列表、表格表单数据；

监听点击、提交事件；

懒加载一些脚本或样式文件；

实现动态展开树组件，表单组件级联等这类复杂的操作。

如果你查看过 DOM V3 标准，会发现包含多个内容，但归纳起来常用的主要由 3 个部分组成：

Vue 提供了计算属性功能，可用于根据条件来生成或修改属性值。这些属性在更新属性依赖项时会自动更新。

语法

<template>

<div>{{ formattedNumber }}</div>

</template>

本内容是《Web前端开发之Javascript视频》的课件，请配合大师哥《Javascript》视频课程学习。

多窗口和窗体：

可以打开多个浏览器窗口，每个窗口都是独立的；

一个浏览器窗口可能包含多个标签页；每个标签页都是独立的上下文，都是独立的window对象，而且相互之间互不干扰；

但是窗口也并不总是和其他窗口完全没有关系；一个窗口或标签页中的脚本可以打开新的窗口或标签页，如此，这些多窗口或标签页就可以互相操作；

一、项目概况

基于Electron+vue+electron-vue+vuex+Nodejs+vueVideoPlayer+electron-builder等技术仿制微信电脑端界面聊天室实例，实现消息发送/动态表情，图片/视频预览，拖拽图片/粘贴截图发送，朋友圈/红包/换肤等功能。

二、效果图

三、技术栈

• 框架技术：electron + electron-vue + vue

Vue (读音 /vju?/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。