• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。 以前会Photoshop和Dreamweaver就可以制作网页,现在只掌握这些已经远远不够了。

Vue.js 快速入门

Vue.js 快速入门
引言对于初学者来说,学习 Vue.js 最好是在一个简单的 HTML 页面中进行,因为这种情况下,只需要用 script 标签加载 Vue.js 的一个 js 文件,就能使用 Vue.js 了。<script src="https://cdn.jsdelivr.net/npm/vue"></script>V……继续阅读 »

搞代码 5个月前 (01-08) 9浏览 0评论0个赞

如何构建出色的Vue组件

如何构建出色的Vue组件
很少有人最初编写Vue组件时打算将其开源。我们大多数人开始为自己编写组件的原因:我们有一个问题,然后决定通过构建一个组件来解决它。有时我们发现自己想要在代码库的新位置解决相同的问题,所以我们提取组件并对其进行重构,使其可重用。然后我们想在一个不同的项目中使用它,所以我们把它移到一个独立的包中。然后我们想“嘿,为什么不把这个分享给全世界呢?”,所以我们开放了……继续阅读 »

搞代码 5个月前 (01-08) 9浏览 0评论0个赞

Vue.js开发的4个基本ES2015特性

Vue.js开发的4个基本ES2015特性
ES2015(又名ES6)是当前JavaScript语言的规范。如果您是JavaScript新手或者最近没有更新JavaScript知识,那么在ES2015中有许多新特性可以使开发变得更好、更有趣。如果您是Vue开发人员,那么您将从学习所有这些新特性中获益。但是作为一种分类的方法,您可以从那些专门应用于Vue的特性开始。在本文中,我将向您展示您将每天使用……继续阅读 »

搞代码 5个月前 (01-08) 6浏览 0评论0个赞

2019年的Vue发展:您需要了解的内容

2019年的Vue发展:您需要了解的内容
如果您是Vue开发的新手,您可能听说过许多术语,比如单页面应用程序、异步组件、服务器端呈现等等。您可能还听说过与Vue一起经常提到的工具和库,如Vuex、Webpack、Vue CLI和Nuxt。也许您会发现这无数的术语和工具是一种挫折。你并不孤单;所有经验级别的开发人员都感受到了来自他们不知道的东西的持续压力,并且觉得他们应该知道。尝试一次学习所有内容……继续阅读 »

搞代码 5个月前 (01-08) 8浏览 0评论0个赞

扩展VueJS组件

扩展VueJS组件
您的Vue应用程序中是否有共享类似选项的组件,甚至模板标记?使用公共选项和标记创建基本组件,然后扩展基本组件以创建子组件,这是一个好主意。这样的体系结构将帮助您在代码中应用DRY原则(不要重复您自己),这将使您的代码更具可读性,并减少错误的可能性。Vue提供了一些功能来帮助组件继承,但是您还必须添加一些自己的独创性。例如:调查问题下面是Vue.js做……继续阅读 »

搞代码 5个月前 (01-08) 10浏览 0评论0个赞

VueJS项目的5个很棒的样板/模板

VueJS项目的5个很棒的样板/模板
你要开始一个重要的Vue项目吗?为了确保您从一个坚实的基础开始,您可以使用一个模板(也称为样板、骨架、启动器或脚手架),而不是从npm init或vue init开始。许多经验丰富的开发人员都以开源模板的形式收集了关于构建高质量Vue应用程序的经验。这些模板包括最佳配置和项目结构、最佳第三方工具和其他开发最佳实践。与为灵活性进行优化的Vue CLI 3不……继续阅读 »

搞代码 5个月前 (01-08) 8浏览 0评论0个赞

使用Vuelidate进行简单的Vue.js表单验证

使用Vuelidate进行简单的Vue.js表单验证
由于Vue的反应性模型,您可以很容易地滚动自己的表单验证。这可以通过对表单submit的一个简单方法调用来实现,也可以通过计算属性来评估每次更改的输入数据。然而,使用表单验证很快就会变得麻烦,尤其是当表单中的输入数量增加,或者表单结构变得更加复杂时,例如多步骤表单。值得庆幸的是,Vue有很多验证插件,比如Vuelidate。在这篇文章中,我们将看看Vue……继续阅读 »

搞代码 5个月前 (01-08) 8浏览 0评论0个赞

vue.js 入门基础

vue.js 入门基础
准备知识:1、前端开发基础 html、css、js;2、前端 模块化 基础;3、对 ES6 有初步的了解初步了解 vue.js 框架1、vue.js 是一种轻量级的 MVVM 前端框架;2、同时吸收了React和 Angular 的优点:它强调了 React 组件化的概念,可以轻松的实现数据的展现和分离它也吸收了 Angular灵活的指令和……继续阅读 »

搞代码 5个月前 (01-08) 6浏览 0评论0个赞

用于VueJS和Webpack的代码分割模式

用于VueJS和Webpack的代码分割模式
拆分单个页面应用程序的代码是提高其初始加载速度的一个很好的方法。由于用户不必一次性下载所有代码,他们将能够更快地看到页面并与页面进行交互。这将提高用户体验,特别是在移动领域,这是搜索引擎优化的一个胜利,因为谷歌惩罚加载缓慢的网站。任何封装在单个文件组件中的东西都可以很容易地进行代码拆分,因为Webpack可以在导入模块时创建一个拆分点,而Vue很乐意异步加……继续阅读 »

搞代码 5个月前 (01-08) 6浏览 0评论0个赞

深入了解Vue.js的作用域插槽

深入了解Vue.js的作用域插槽
作用域槽是Vue.js的一个有用特性,它可以使组件更加通用和可重用。唯一的问题是它们很难理解!试着让你的头在父母和孩子的范围内交织,就像解决一个棘手的数学方程。当你不能很容易地理解某件事时,一个好的方法是试着用它来解决问题。在本文中,我将演示如何使用作用域槽来构建可重用列表组件。基本组成部分我们要构建的组件叫做my-list,它显示了很多东西。该特性的……继续阅读 »

搞代码 5个月前 (01-08) 3浏览 0评论0个赞