教学 - web秀

#教学#

共找到教学相关内容 10 条

4年前

Box-Shadow Loading，可以创造无限可能

Box-Shadow Loading，可以创造无限可能

Box-Shadow通常，我们都是用作弹框阴影、需要层次的的元素等。但是它有更强大的功能，多层阴影，制作一些非常有趣的动画。box-shadow:h-shadowv-shadowblurspreadcolorinset;属性值描述h-shadow指阴影水平偏移量，其值可正可负，正值，则阴影在对象的右边，负值，阴影在对象的左边v-shadow指阴影的垂直偏移量，其值也可以是正负值，正值，阴影在对象的底部，负值时，阴影在对象的顶部blur阴影模糊半径，此参数是可选，只能为正值，如果其值为0时，表示阴影不具有模

555220 3678 0

4年前

Vue.js通用应用框架Nuxt如何快速上手

Vue.js通用应用框架Nuxt如何快速上手

一、什么是NuxtNuxt是一个Vue.js通用应用框架，它构建在Vue之上。它简化了通用或单页Vue应用程序的开发。Nuxt.js主要关注的是应用的UI渲染。vuessr服务端渲染有了解过吗？Vue.js是构建客户端应用程序的框架。默认情况下，项目在客户端（浏览器）渲染的，生成DOM和操作DOM。同时也可以使用服务端渲染，然后将渲染好的html直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。为什么使用服务器端渲染(SSR)？更好的SEO，由于搜索引擎爬虫抓取工具可以直接查看完

549064 3279 0

4年前

Nuxt项目各级目录功能一览

Nuxt项目各级目录功能一览

nuxt-test├─nuxt.config.js├─package.json├─README.md├─store|└README.md├─static|├─favicon.ico|└README.md├─server|└index.js├─plugins|├─element-ui.js|└README.md├─pages|├─index.vue|└README.md├─middleware|└README.md├─layouts|├─default.vue|└README.md├─components|

548968 3261 0

3年前

为 Vue.js 新手准备的实战入门教程 - 第一章

为 Vue.js 新手准备的实战入门教程 - 第一章

[对于任何开发人员来说，学习一个新框架都是一个非常艰巨的过程，特别是对于仍在学习基础语言(在这种情况下为JavaScript)的开发人员而言。这就是为什么我决定创建本系列的原因，在该系列中，我尝试使学习Vue.js变得轻松和易于理解?我不喜欢冗长的引言，所以如果您继续阅读的话，我假设：您具有一些基本的HTML/CSS/JS知识。您不需要成为经验丰富的前端开发人员就可以将Vue用作开发框架，但是至少您要懂得编写HTML标记，了解CSS的基本工作原理，还有如何编写JavaScript。Vue作为库您可以通过多

547027 3341 0

3年前

为 Vue.js 新手准备的实战入门教程 - 第二章

为 Vue.js 新手准备的实战入门教程 - 第二章

[在上一节中(《为Vue.js新手准备的实战入门教程-第一章》)，我们知道了如何使用普通的<script>标签将Vue添加到index.html中，并且成功地在页面中添加了第一个响应式属性。今天，我们来学习一下如何使用户通过交互来改变这个属性。到目前为止，我们的代码看起来是这样的：<html><head><title>Vue101</title></head><body><h1>Hello!</h1>

546771 3355 0

3年前

为 Vue.js 新手准备的实战入门教程 - 第三章

为 Vue.js 新手准备的实战入门教程 - 第三章

一个简单的if-else条件指令不管使用什么框架，条件渲染是任何程序员都会用到的最重要的功能之一。在本节中，学习使用条件来显示或隐藏你程序的一部分是一个很好的开始，同时也是学习使用Vue指令的好办法。我们将继续在之前的代码基础上进行学习。如果你丢失了代码或只是想赶上进度，下面是我们到目前为止的全部代码：<html><head><title>Vue101</title></head><body><h1>Hello!</

548298 3273 0

3年前

为 Vue.js 新手准备的实战入门教程 - 第四章

为 Vue.js 新手准备的实战入门教程 - 第四章

[上一节中(《为Vue.js新手准备的实战入门教程-第三章》)我们学习了如何使用v-if和v-show进行条件渲染。本节我们将学习如何对数组和对象进行循环，除此之外，我们还将应用之前所学的一些概念。v-forv-for是Vue的基本指令之一，一旦你学会如何使用它，你就可以在你的程序中添加更多功能。简单的来说，v-for就是一个for循环。如果你还不知道什么是for循环的话，for循环其实是一段代码，代码内每一个元素都会被执行一次，而这些元素通常是一个Array(数组)或Object(对象)。今天，我们要从

547365 3259 0

3年前

为 Vue.js 新手准备的实战入门教程 - 第五章

为 Vue.js 新手准备的实战入门教程 - 第五章

[这次我将带领大家看一下组件。下面让我们开始吧！下面是我们的初始代码结构：<html><head><title>Vue101</title></head><body><divid="app"></div><scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script>constapp=new

546766 3269 0

3年前

为 Vue.js 新手准备的实战入门教程 – 第六章

为 Vue.js 新手准备的实战入门教程 – 第六章

今天让我们来讨论一下计算属性.到目前为止，你已经了解了Vue如何处理它自己的本地状态，即我们放在data中的状态，以及组件如何处理它的prop属性-即父组件传递下来的属性。然而，在Vue中还有一种计算属性类型的属性。让我们今天来看看这些内容。今天我们将使用一个全新的样例，以便于我们可以构建一个清晰的例子。以下是代码。<html><head><title>Vue101</title></head><body><divid="app

546732 3312 0

3年前

为 Vue.js 新手准备的实战入门教程 - 第七章

为 Vue.js 新手准备的实战入门教程 - 第七章

我们的Vue新手学习之旅即将结束，你也快要从Vue学徒级别毕业了。但是在这之前，你必须掌握侦听器。今天我们将要处理两个非常重要的概念，一个是刚才提到的侦听器，另一个是输入绑定。话不多说，我们先构建一个超级简单的表单样例来展示这两个超赞的功能。<html><head><title>Vue101</title></head><body><divid="app"><label>What'syourfavoritega

547071 3275 0

下拉加载更多