实现技术:webpack构建工具:                  jquery:                  bootstrap:          &nbsp
转载 2024-06-04 01:23:20
44阅读
上一次认真的学习使用Vue已经是四月份的事了,当时只是简单的就像使用jQuery一样,直接引入页面,没有使用任何组件、路由,写了个cakeroom的小demo,感兴趣的可以去看下: 这次就更加深入的学习如何使用vue-cli,去组件化的开发一个项目;以及如何使用路由vue-router,完成页面之间的跳转;还有vuex如何管理页面之间需要交互的全局数据;如何使用vue-resource跨域请求,
P1.项目创建nuxt.js官网有推荐使用create-nuxt-app命令一步创建一个nuxt项目,windows的话这里推荐使用cmd,不要使用git bash(因为使用git bash时一些需要方向键进行选择的时候根本看不到你现在选择的是哪项,比较难受)我选的配置如下:如果npx不可用,可能时npm版本过低,可以使用npm init nuxt-app <你的项目名> 等
转载 2024-05-26 08:21:33
296阅读
2021/3/25vue的基本使用 <head> <!-- 1.先引入vue核心文件--> <script src="vue.js"></script> </head> <body> <!--在el属性对象的标签中 填写正确的vue语法展示或者控制数据--> <div id="app">
转载 2024-08-20 00:03:32
72阅读
我们常常在IE6版本的浏览器查看一个网页显示完整,而在其他浏览器上内容显示不完整,这是为什么呢,请看本文的详细介绍。DIV+CSS网页的内容显示不完整的诊断我们常常在IE6版本的浏览器查看一个网页显示完整,而在IE7及以上版本浏览器、火狐等浏览器上内容显示不完整-DIV+CSS网页内容显示不完整诊断教程。样式截图如下:说明:***一排的内容文字只显示了一半。◆分析造成原因:1、CSS中设置了高度2
Vue项目三 项目主体页面的搭建前言在Vue项目二中,完成的是项目的注册和登录逻辑的实现,当我们登陆成功后,页面会跳转到路由为path:"/"的页面下,在该路由下,我们进行项目主体页面的搭建。一、项目整体布局分析项目整体采用后台管理系统常用布局,即上布局为头部布局,下左布局为导航布局,下右布局为信息列表展示布局。如图所示。二、页面搭建步骤1.搭建主体展示的页面主体展示的页面是当我们登陆成功后页面
定义SPA单页面应用(SinglePage Web Application),指只有一个主页面的应用(一个html页面),一开始只需要加载一次js、css的相关资源。所有内容都包含在主页面,对每一个功能模块组件化。单页应用跳转,就是切换相关组件,仅仅刷新局部资源。MPA多页面应用(MultiPage Application),指有多个独立页面的应用(多个html页面),每个页面必须重复加载js、c
转载 2024-04-24 12:51:43
65阅读
前面介绍了如何新建vue工程vscode新建vue工程,这篇就介绍如何编写自己的第一个页面 开始之前,先介绍下vue工程的目录结构build 项目构建(webpack)相关代码config 项目相关配置,配置端口信息等node_modules 项目依赖等src>assets 放置一些图片 如项目的logo、iconssrc>conponents 项目的一些组件,如自定义组件src&gt
转载 2024-04-11 11:51:33
93阅读
function tbPrint(){ var bdhtml= window.document.body.innerHTML;//获取当前页的html代码var printHtml= $("#打印区域ID").html();window
原创 2022-11-23 14:40:53
77阅读
vue 单页应用中微信支付的坑标签(空格分隔): 微信 支付 坑 vue场景在微信H5页面使用 vue-router2 控制路由的 vue2 单页应用项目)中使用微信 jssdk 进行微信支付。基本知识1.依据微信jssdk官方文档,使用微信功能的页面,必须进行微信 config,并在wx ready 之后再调用微信功能。 2.进行微信支付的话,需要在微信开放平台配置微信支付合法路径。该合法路径
Vue路由懒加载对于SPA单页应用,当打包构建时,JavaScript包会变得非常大,影响页面加载速度,将不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这就是路由的懒加载。实现方式 Vue异步组件 Vue允许以一个工厂函数的方式定义你的组件,这个工厂函数会异步解析你的组件定义。Vue只有在这个组件需要被渲染的时候才会触发该工厂函数,且会把结果缓存起来供未来重渲染。Vu
转载 7月前
0阅读
          Vue详细介绍及使用(路由、Vuex)一、路由    前面我们说到了Vue是单页应用,那么什么是单页应用? 单页面应用程序-SPA(Single Page Application):整个网站只有一个页面,内容的变化通过局部更新实现、同时支持浏览器地址栏的前进和后退操作,而实现SPA过程中,
这篇文章分享了从遇到前端业务性能问题,到分析、解决并且梳理出通用的Vue 2.x 组件级懒加载解决方案(Vue Lazy Component )的过程。初始加载资源过多问题起源于我们的一个页面,下面是这个页面的截图和初次请求的瀑布图。初始加载的时候,一共请求了155个资源,请求的瀑布图就快要和页面一样长了?初始加载的资源过多导致在 domInteractive 之后,页面花费了大量时间加载子资源,
vue-resource向服务器请求数据我们主要来了解一下以下内容: 模拟服务端返回数据用vue-resource向服务器请求数据模拟服务器返回数据我们用vue-cli创建的项目中,已经给我们提供了模拟服务器端返回数据的地方和接口。如下图所示,在项目目录的build目录下,有一个dev-server.js,在这个文件中,我们就可以来做一些模拟数据的工作。1、准备一个data.json文
安装并使用element-ui,vue add element //vue-cli3.x安装方式 npm install element-ui --save //vue-cli2.x的安装方式在根目录新建一个layouts文件夹,这里是放所有基础layout文件的地方。先新建 BasicLayout.vue。 这个文件,相当于最基础的布局文件 比如要做一个类似这样的页面。 然后再分别新建s
前几天遇到一个问题,在父组件中使用axios获取异步数据传给子组件,但是发现子组件在渲染的时候并没有数据,在created里面打印也是空的,结果发现一开始子组件绑定的数据是空的,在请求数据没有返回数据时,子组件就已经加载了,并且他绑定的值也是空的,问题找到了,怎么解决那?有两种方法解决,请看下面代码。方法一、开始的时候让子组件隐藏,然后等数据返回的时候,让子组件显示。export default
作者:瑞哥最近 Vue3 关于 ref-sugar 的提案引起了广泛的讨论:juejin.im/post/689417…[1]<script setup> import Foo from './Foo.vue' // declaring a variable that compiles to a ref ref: count = 1 const inc = () => {
现象:1,内容区显示空白或部分页面;2,“查看源文件”,里面代码不完整; 解决方式:1,在jsp第一行添加 "",如果还是不行,增加1
原创 2023-04-14 09:45:17
492阅读
第三方库集成1.1 vue.config.js配置vue.config.js有三种配置方式:方式一:直接通过CLI提供给我们的选项来配置:Vue CLI的API比如publicPath:配置应用程序部署的子目录(默认是 /,相当于部署在 https://www.my-app.com/);比如outputDir:修改输出的文件夹;方式二:通过configureWebpack修改webpack的配置:
# jQuery动态刷新部分页面 在网站开发过程中,经常会遇到需要动态刷新部分页面内容的需求。传统的做法是通过重新加载整个页面或者使用iframe来实现,但这些方法都有一定的性能问题。为了提高用户体验并提升网站性能,可以使用jQuery来实现动态刷新部分页面。 ## 1. 什么是jQuery jQuery是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画效果和
原创 2023-08-12 18:54:56
90阅读
  • 1
  • 2
  • 3
  • 4
  • 5