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

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

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

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

搞代码 4年前 (2022-01-08) 31浏览 0评论0个赞

在全栈Vue / Laravel应用中避免这种常见的反模式

在全栈Vue / Laravel应用中避免这种常见的反模式
如果您希望您的Vue.js单页面应用程序与Laravel后端通信,那么您可以合理地考虑使用AJAX。实际上,Laravel附带了默认加载的Axios库。但是,不建议在初始页面加载时使用AJAX检索应用程序状态,因为它需要额外的到服务器的往返,这会延迟Vue应用程序的呈现。我看到很多全栈的Vue/Laravel应用程序都是以这种方式构建的。这种反模式的另一……继续阅读 »

搞代码 4年前 (2022-01-08) 76浏览 0评论0个赞

使用laravel&vue.js 2.5进行服务器端渲染

使用laravel&vue.js 2.5进行服务器端渲染
服务器端渲染是提高整个堆栈应用程序加载速度的好方法。用户在加载站点时会看到一个完整的页面,其中包含可见的内容,而不是一个直到JavaScript运行后才填充的空页面。使用Laravel作为Vue.js的后端有一个缺点,就是无法在服务器上呈现代码。是什么。Vue.js 2.5.0的发布为非node .js环境(包括PHP、Python、Ruby等)带来了服务……继续阅读 »

搞代码 4年前 (2022-01-08) 31浏览 0评论0个赞

使用webpack提升vue.js应用程序的四种方法

使用webpack提升vue.js应用程序的四种方法
Webpack是开发Vue.js单页面应用程序的必要工具。通过管理复杂的构建步骤,它使您的开发工作流更加简单,并且可以优化应用程序的大小和性能。在本文中,我将解释Webpack提升Vue应用程序的四种方法,包括:单一文件组件优化Vue构建浏览器本文来源gao*daima.com搞@代#码&网6缓存管理代码分离vue-c……继续阅读 »

搞代码 4年前 (2022-01-08) 43浏览 0评论0个赞

Vue CLI 3:前端开发的游戏规则改变者

Vue CLI 3:前端开发的游戏规则改变者
在过去的一年里,Vue的受欢迎程度惊人地提高,这突出了开发人员真正关心的框架:性能、灵活性和易用性。您将看到,Vue CLI 3在灵活性和易用性方面都是一个重大飞跃。它为您的Vue项目提供了对来自前端世界的最佳构建工具的即时访问,将它们与合理的默认值无缝地结合在一起。同时,它允许简单的配置和定制,以满足您的特定需求。为了实现这一点,Vue CLI 3采用……继续阅读 »

搞代码 4年前 (2022-01-08) 22浏览 0评论0个赞

预渲染vue.js应用程序(使用node或laravel)

预渲染vue.js应用程序(使用node或laravel)
服务器端渲染现在非常流行。但它也并非没有缺点。预渲染是一种替代方法,在某些情况下甚至可能更好。下面我们来看一下如何预渲染vue.js应用程序。在本文中,我们将探讨预渲染如何与vue.js一起工作,并看两个示例:一个是node.js项目,一个是laravel项目。一、服务端渲染基于javascript的应用程序的一个缺点是,浏览器从服务器接收到的页面基本……继续阅读 »

搞代码 4年前 (2022-01-08) 29浏览 0评论0个赞

用于Vue.js应用程序的4个AJAX模式

用于Vue.js应用程序的4个AJAX模式
Vue没有提供实现AJAX的正式方法,而且有许多不同的设计模式可以有效地使用。每种方法都有其优缺点,应该根据需求进行判断。您甚至可以同时使用多个!在本文中,我将向您展示在Vue应用程序中实现AJAX的四个地方:根实例组件Vuex行动路线导航警卫我将解释每种方法,给出一个例子,并讨论其优缺点。1、根实例使用这种体系结构,您可……继续阅读 »

搞代码 4年前 (2022-01-08) 37浏览 0评论0个赞

用Vue.js和最新的浏览器特性构建一个延迟加载路由器

用Vue.js和最新的浏览器特性构建一个延迟加载路由器
动态模块导入是主流浏览器最新的JavaScript特性之一。该特性的主要用例是延迟加载模块,允许在需要时交付内容,而不是一次交付所有内容。在本文中,我将用几行代码演示如何使用Vue.js构建一个延迟加载路由器。这将在已经实现动态模块导入的浏览器中本地工作,但我还将为较老的浏览器提供一个备份。在Github上抓取完成的代码。静态JavaScript模块本……继续阅读 »

搞代码 4年前 (2022-01-08) 23浏览 0评论0个赞

在Vue.js中定义组件模板的7种方法

在Vue.js中定义组件模板的7种方法
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。在Vue中定义组件模板有很多选择。在我看来,至少有七种不同的方式:字符串模板文字X-Templates内联渲染功能……继续阅读 »

搞代码 4年前 (2022-01-08) 95浏览 0评论0个赞

适用于VueJS用户的无网络Webpack简介

适用于VueJS用户的无网络Webpack简介
对于许多开发人员来说,Vue.js是他们学到的第一个前端JavaScript框架。如果这对您来说是正确的,那么您可能还没有理由学习Webpack。但是当您继续使用Vue时,您将看到Webpack在文档、示例项目以及与Vue CLI之类的工具相关的内容中不断出现。Webpack为Vue用户带来了很多好处:一种自动化的开发过程,使编码变得轻而易举一……继续阅读 »

搞代码 4年前 (2022-01-08) 50浏览 0评论0个赞