做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。
一、框架
页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面如Tudou.com，由于布局的需要，还应在“头”的下面还要加个“菜单”。
二、布局（以下用#ID表示页面元素）
#Head和#Foot里的就不说了，
转载
2024-10-23 20:42:26
31阅读
有个朋友问我在vue项目怎么做rem适配，我工作中都是用的dva，但是我感觉道理都是一样的，换汤不换药。配完就顺手写下来吧！需要安装两个插件库 lib-flexible和px2rem-loaderyarn add lib-flexible
yarn add px2rem-loader flexible.js是淘宝官方H5移动适应解决方案。它做了三件事：1、动态改写标签2、给<html>
定义SPA单页面应用（SinglePage Web Application），指只有一个主页面的应用（一个html页面），一开始只需要加载一次js、css的相关资源。所有内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅仅刷新局部资源。MPA多页面应用（MultiPage Application），指有多个独立页面的应用（多个html页面），每个页面必须重复加载js、c
转载
2024-04-24 12:51:43
65阅读
'什么是单页面应用' 通俗点来讲就是在整个项目里浏览器至始至终没有刷新、整个项目就一个.html文件、 里面所有的页面都是通过组件来进行路由例如.vue组件、并通过ajax请求数据来实现数据交互、因为整个项目就一
背景在一pc端的web项目里，由于某些特性需要由动态语言处理，所以只在有需要使用vue来处理数据的页面，直接引入vue.js来处理。由于刚开始并没有打算使用前端来渲染数据和处理交互，所以使用了一些非vue的ui和插件，导致后来冲突坑点不少。非vue模块化下使用vue，虽然不能import vue文件，使用组件方式也有点恶心，但处理一些事情还是不错的。使用formdata提交表单数据先上代码&nbs
转载
2024-04-24 19:25:43
579阅读
专栏的第一篇，主要介绍专栏的目的、规划、适用人群，以及准备工作和扫盲的基础知识
简介专栏的第一篇，主要介绍专栏的目的、规划、适用人群，以及准备工作和扫盲的基础知识。前言最近在准备一些 Vue 系列的文章和视频，之前 Vue 的源码也读过好几遍，但是一直没写相关的文章，所以最近就计划写一写。目标精通 Vue 技术栈的源码原理，这是这系列的文章最终目的。首先会从
vue-router实现原理SPA(single page application):单一页面应用程序，只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容。单页面应用(SPA)的核心之一是:更新视图而不重新请求页面;vue-router在实现单页面前端路由时，提供了两种方式：Hash模式和History模式。1、hash模式随着 ajax 的流行，异步数据请求交互
转载
2024-01-17 06:06:10
135阅读
1. 为什么要 SPA？ SPA： 就是俗称的单页应用（Single Page Web Application）。 在移动端，特别是 hybrid 方式的H5应用中，性能问题一直是痛点。 使用 SPA，没有页面切换，就没有白屏阻塞，可以大大提高 H5 的性能，达到接近原生的流畅体验。 2. 为什么选
原创
2022-04-06 11:25:33
1389阅读
目录一、单页面应用程序 1. 什么是单页面应用程序2. 单页面应用程序的特点3. 单页面应用程序的优点4. 单页面应用程序的缺点5. 如何快速创建 vue 的 SPA 项目总结一、单页面应用程序 1. 什么是单页面应用程序单页面应用程序（英文名：Single Page Application）简称 SPA，顾 名思义，指的是一个 Web 网站中只有唯一的一个 HTML 页面，所
1.1 安装prerender-spa-pluginvue.config.js:const path = require('path')const PrerenderSPAPlugin = require('prerender-spa-plugin')module.exports = { plugins: [ ... new PrerenderSPAPlugin...
原创
2021-11-30 16:01:53
269阅读
# Vue单页面应用中引入jQuery的实践与思考
在现代前端开发中，Vue.js 以其轻量级、高效和易用性而广受开发者喜爱。然而，在某些情况下，我们可能需要在 Vue 单页面应用中引入 jQuery 来实现一些特定的功能。本文将介绍如何在 Vue 单页面应用中引入 jQuery，并探讨其可能带来的问题和解决方案。
## 引入 jQuery 的原因
1. **兼容性**：对于一些老旧的浏览器
原创
2024-07-29 10:22:14
76阅读
Vue Router 是 Vue.js 官方的路由管理器，或者说是SPA（单页应用）的路径管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。 vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由模块的本质 就是建
转载
2024-10-17 14:13:27
34阅读
Vue路由懒加载对于SPA单页应用，当打包构建时，JavaScript包会变得非常大，影响页面加载速度，将不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这就是路由的懒加载。实现方式
Vue异步组件
Vue允许以一个工厂函数的方式定义你的组件，这个工厂函数会异步解析你的组件定义。Vue只有在这个组件需要被渲染的时候才会触发该工厂函数，且会把结果缓存起来供未来重渲染。Vu
单页面应用指一个系统只加载一次资源，然后下面的操作交互、数据交互是通过router、ajax来进 行，页面并没有刷新；<1>在vue搭建的环境里面怎么有没有公用的css和js?如果有是怎么引用的？ 有公用的css和js，有两种引用的方法：（要深刻理解单页面应用程序哦，单页面就是引入后在哪里都能使
单页面应用（SinglePage Web Application，SPA）只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源 ，公共资源(js、css等)仅需加载一次，常用于PC端官网、购物等网站第一次进入页面的时候会请求一个html文件，刷新清除一下。切换到其他组件，此时路径也相应变化，但是并没有新的html文件请求，页面内容也变化了。原理：JS会感知到url
转载
2024-01-22 16:52:05
73阅读
目录一.需求解析 二.代码的实现第一步 修改实体及数据库第二步 修改查询语句第三步：测试类 第四步 补充三层结构的代码 (Controller,Service )第五步： 编写前端请求三.最终效果 SpringBoot+Vue+Element个人博客项目一.需求解析 提出需求：如图首页的精选文章因为过多，导致页面变形。我们需要对筛选出
转载
2024-04-29 10:49:39
60阅读
请先完成了项目初始化看一下完成的效果图，很典型的单页应用。.vue后缀名的单文件组件
这里先说一下我对组件的理解。组件，顾名思义就是一组元素组成的一个原件（理解的比较浅显、直白），在Vue.js中，表现为一个自定义元素。开篇展示的图中，首页的的列表中的每一项就可以看成一个组件（事实上，在demo中，我也是这么做的），这个组件由一张图片，一个显示价格的元素，一
转载
2023-11-20 05:04:17
111阅读
在new Router({})配置 mode 参数，mode值可选hash或者History。hash模式
hash（#）是URL的锚点，同时每一次改变#后的部分，都会在浏览器的访问历史中增加一个记录，使用”后退”按钮，就可以回到上一个位置；但不会对服务端请求数据。使用hashchange()监听hash值变化，使用window.location.href重新赋值。
用法实例// 对hash值变
转载
2023-07-15 15:15:56
150阅读
现在的手机软件普遍都是单页面应用，尤其是商城类网站应用更广，那么为什么大多数企业都选择了单页面应用呢，原因主要是1，单页面应用只有一个主页面，切换页面更加流畅，比起传统的多页面应用项目会很清晰明了，没有多页面应用繁杂。那么单页面应用是怎么实现的呢?这里就要讲到Vue了，Vue是公认的前端三大框架之一，还有react，angular，这里主要讲解Vue，日后在讲解其余两个框架吧。引入Vue.js，当
转载
2024-06-23 10:18:05
215阅读
Vue详细介绍及使用（路由、Vuex）一、路由 前面我们说到了Vue是单页应用，那么什么是单页应用？ 单页面应用程序-SPA（Single Page Application）：整个网站只有一个页面，内容的变化通过局部更新实现、同时支持浏览器地址栏的前进和后退操作，而实现SPA过程中，
