E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
单页应用
[内部]前端技术浅谈
想要全面了解前端技术发展,最好的方法就是向后看,看一路走来前端开发是如何从服务端主导的静态网站一步步发展到现在由客户端主导的
单页应用
。只有了解
BeautifulHao
·
2023-03-10 23:23
hash模式和history模式浅识
hash模式下,当url发生变化时,浏览器会记录下来,因此前进后退按钮都可以使用因此在该模式下,即使浏览器没有请求服务器,页面也会和url一一对应起来,后来人们给它起了一个霸气的名字叫前端路由,成为了
单页应用
标配
spark-chen
·
2023-03-09 16:37
web前端点滴分享
JavaScript中对于SPA单页面的理解
目录一、什么是SPA二、SPA和MPA的区别
单页应用
与多页应用的区别
单页应用
优缺点三、实现一个SPA四、如何给SPA做SEO一、什么是SPASPA(single-pageapplication),翻译过来就是
单页应用
·
2023-02-27 18:06
React学习笔记-React路由
路由基本介绍现代的前端应用大多都是SPA(
单页应用
程序),也就是只有一个HTML页面的应用程序。因为它的用户体验更好、对服务器的压力更小,所以更受欢迎。
weixin_51583081
·
2023-02-22 16:06
react.js
学习
前端
Nuxt.js 入门
再直白点说,就是Vue.js原来是开发SPA(
单页应用
)的,但是随着技术的普及,很多人
__Nancy
·
2023-02-18 06:58
vuex详解
二、整体运作流程vuex.png三、使用场景如果您不打算开发大型
单页应用
,使用Vuex可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使
虚的一塌糊涂_069c
·
2023-02-17 18:54
创建react项目
创建ReactApp这是最好的创建一个新的React
单页应用
的方式。这可以帮助你搭建开发环境,并可以使用最新的JavaScript特征,提供更好的开发体验,而且在产品端优化你的app。
阿懒土灵
·
2023-02-17 10:48
SPA(
单页应用
)首屏加载速度慢怎么解决?
一、什么是首屏加载首屏时间(FirstContentfulPaint),指的是浏览器从响应用户输入网址地址,到首屏内容渲染完成的时间,此时整个网页不一定要全部渲染完成,但需要展示当前视窗需要的内容首屏加载可以说是用户体验中最重要的环节关于计算首屏时间利用performance.timing提供的数据:通过DOMContentLoad或者performance来计算出首屏时间//方案一:docume
hmxs_hmbb
·
2023-02-17 02:30
每天几个面试题
vue
webpack
javascript
SPA(
单页应用
)首屏加载速度慢怎么解决?
加载慢的原因网络延时问题资源文件体积是否过大资源是否重复发送请求去加载了加载脚本的时候,渲染内容堵塞了解决方案减小入口文件积静态资源本地缓存UI框架按需加载图片资源的压缩组件重复打包开启GZip压缩使用SSR减小入口文件体积常用的手段是路由懒加载,把不同路由对应的组件分割成不同的代码块,待路由被请求的时候会单独打包路由,使得入口文件变小,加载速度大大增加,在vue-router配置路由的时候,采用
liangxiaoming111
·
2023-02-17 02:21
前端
javascript
开发语言
单页应用
首屏加载速度慢怎么解决?
1、什么是首屏加载时间?首屏加载时间是指浏览器从相应用户输入网址到首屏内容渲染完成的时间,从用户的角度来说就是:“地址栏输入网址之后网页呈现的速度”。整个网站并不需要全部加载完成,但需要展示当前可视窗口中的内容。2、如何计算首屏加载时间?常用方法:首屏模块标签标记法统计首屏内加载最慢的图片的时间自定义首屏内容计算法借助第三方工具(pagespeed、vue-cli等等)其实很简单,并不需要我们手动
小靳小盆友i.
·
2023-02-17 02:19
速度优化
前端
2023 年前端十大 Web 发展趋势
一、(元)框架
单页应用
程序(SPA)及各类相关框架(包括React.js、Vue.js、Svelte.js等)或多或少都经历过一定的炒作周期,也
骨灰级收藏家
·
2023-02-16 20:40
前端
JavaScript
vue
前端
javascript
react.js
ios Hello World Xocde 12
选择App会为我们创建一个
单页应用
image.png这里需注意我们的语言使用Swift前期先把下面的checkbox先uncheck我们暂时用不到image.png接下来就可以看到为我们自动创建的这几个文件
龚达耶
·
2023-02-05 20:05
webpack前端编译优化
放开公司其他
单页应用
的项目不说,在我们快速迭代的app中,内嵌了很多h5页面,这些页面在不同的业务线中,也没有任何联系,所以每个页面都是一个单独的入口,时间长了,每个页面都难免引入一些公共的第三类库等等
范小饭_
·
2023-02-05 19:15
路由一(jny-router)
简介:想要通过ES6的Import特性,再加上正则表达式匹配当前url地址的方式来做
单页应用
。碰到的问题1,在html中直接引入js代码,代码使用了import会直接报错?
jieniz
·
2023-02-05 12:30
在centos7.6上部署前后端分离项目Nginx反向代理vue.js2.6+Tornado5.1.1,使用supervisor统一管理服务
这一次使用vue.js+tornado的组合来部署前后端分离的web项目,vue.js不用说了,前端当红炸子鸡,泛用性非常广,无论是
单页应用
,还是混合式开发app,亦或是微信小程序开发,样样得心应手,tornado
刘悦的技术分享
·
2023-02-04 16:27
nginx
linux
centos
tornado
supervisor
Vue.js使用
另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的
单页应用
提供驱动。渐进式框架:Progressive,说
余生安好178
·
2023-02-04 01:50
vue框架介绍
另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的
单页应用
提供驱动。简单来说其实就是:vue是一套构建用户界面
小T果农
·
2023-02-03 22:44
webpack
webpack是什么,有哪些同类工具webpack项目打包工具,项目构建工具,有什么作用构建
单页应用
(disk)npmihttp-server-g代码压缩......(2)同类工具百度fis3gruntgulpwebpack
落叶荼
·
2023-02-03 08:34
Web前端:使用ReactJS构建的应用类型
使用ReactJS,你可以构建各种各样的应用程序,包括
单页应用
程序、渐进式web应用程序、移动应用程序、仪表板、电子商务平台、企业web应用程序以及社交媒体和消息应用程序。
粤嵌教育
·
2023-02-02 16:44
前端
前端框架
前端开发
前端语言
前端工程师
前端
Web前端:面向初学者的ReactJS项目
React.js是一个开源JavaScript包,用于创建
单页应用
程序用户界面。在web和移动应用中,react.js用于管理视图层。我们还可以用React制作可重用的UI组件。
粤嵌教育
·
2023-02-02 16:14
前端
前端
前端开发
前端框架
前端工程师
前端学习
Laravel + Vue 3(Vite、TypeScript)SPA 设置
个案例趣学前端】【400个JS面试题】想寻找共同学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】在本教程中,我将向大家展示如何使用Laravel+Vue3使用typescript和Vite设置你自己的
单页应用
程序
海拥✘
·
2023-02-02 14:36
前端核心知识点整理
vue.js
typescript
laravel
webpack4构建多页应用,了解一下
本例子采用多页面单配置,即在
单页应用
配置的基础上,主要把entry和plugins中的html-webpack-plugin进行改造即可。
kup
·
2023-02-02 14:51
vue 概述
大小只有即时Kb简单易学:国人开发,中文文档,不存在语言障碍,易于理解和学习双向数据绑定:保留了angular的特点,在数据操作方面更为简单组件化:保留了react的优点,实现了html的封装和重用,在构建
单页应用
方面有着独特的优势视图
多啦爱梦的梦想
·
2023-02-01 21:31
vue.js
前端
javascript
WebPack面试题汇总
1,Webpack有什么作用,谈谈你对它的理解现在的前端网页功能丰富,特别是SPA(singlepagewebapplication
单页应用
)技术流行后,JavaScript的复杂度增加和需要一大堆依赖包
·
2023-02-01 11:08
前端webpack
Largest Contentful Paint (LCP)
FirstContentfulPaintFirstMeaningfulPaint与SpeedIndexLargestContentfulPaint(LCP)1.Load与DOMContentLoaded无法度量内容何时渲染“主要内容”何时呈现在用户眼里更无法度量
单页应用
流行起来之后
loble
·
2023-02-01 01:54
Vue学习笔记
MVVMModel-View-ViewModule通过listener和bind实现双向绑定SPA
单页应用
singlepagewebapplication通过url中的#(类似于锚点)来实现路由转换,不刷新页面
旸云
·
2023-01-31 23:48
使用命令行工具npm新创建一个vue项目
Vue.js提供一个官方命令行工具,可用于快速搭建大型
单页应用
。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。
凉柠_da5d
·
2023-01-31 19:03
如何构建单页Web应用
首先我们来看一看
单页应用
是什么?所谓
单页应用
,指的是在一个页面上集成多种功能,甚至整个系统就只有一个页面,所有的业务功能都是它的子模块,通过特定的方式挂接到主界面上。
前端大叔熟
·
2023-01-31 17:50
单页应用
和多页应用的区别
单页应用
简单来说就是一个HTML的应用。浏览器一开始就会加载应用必须的HTML、CSS、JS资源。其后的操作都是由js控制来实现的。
拳拳
·
2023-01-31 07:50
Vue中如何轻松获取日期
根据指定日期获取日期所在月份的第一天和最后一天获取系统当天日期以及前一天和前一月前一年1、首先vue项目中要安装到moment.js2、使用原生js3、也是vue获取,但是没有第一种那么简单暴力el-date-picker设置默认时间为当前时间简介Vue.js是一个用于构建用户界面和
单页应用
程序的开源
快撑死的鱼
·
2023-01-30 03:19
vue.js
前端
javascript
前端技术演变
blog/3014293做的笔记前端历史1、单文件模式Html、css、js全部在一个文件中文件分离,将html、css、js放到不同的目录下的文件中代表技术:html、css、js、jquery2、
单页应用
Friends of time
·
2023-01-29 17:29
前端
前端发展演变
《OAuth 2.0 简明教程 中文》
角色:应用、接口、用户创建一个应用授权:获取访问令牌3.1Web服务器应用3.2
单页应用
3.3移动应用3.4其他授权类型发起认证请求OAuth2.0和OAuth1.0的不同之处认证和签名用户体验和其他可选授权流程弹性伸缩下的性能
都是用来做慈善的
·
2023-01-29 16:25
创建自定义Create React App Template
CreateReactApp(简称CRA)是一个官方支持的创建React
单页应用
程序的方法。它提供了一个快速开始搭建项目脚手架的方法。
西江月影
·
2023-01-29 09:00
Vue-cli脚手架入门
介绍Vue提供一个官方命令行工具,可用于快速搭建大型
单页应用
。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。
Seaofdesire
·
2023-01-29 03:04
手把手撸Vue官方文档 1
Vue也完全能够为复杂的
单页应用
提供驱动。{{message}}varapp=newVue({el:'#app',data:{message:'HelloVue!'}})
韩万慧
·
2023-01-28 05:18
冷启动 4min -> 2s 的构建优化,怎么做到的?(上篇)
项目背景我们的系统(一个ToB的Web
单页应用
)经过多年的迭代,目前已经累积有大几十万行的业务代码,30+路由模块,整体的代码量和复杂度还是比较高的。
懂会悟
·
2023-01-27 21:30
vue基础
另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的
单页应用
提供驱动。介绍—Vue.js创建vue的简单步骤导入开发版本的Vue.js创建Vue实例对象,设置e
蜗牛_Chenpangzi
·
2023-01-26 12:19
vue
vue.js
前端
javascript
web前端——由计时打点需求引发的beforeonload使用的一些坑
我们的项目是一个后台管理项目,使用Vue制作的一个
单页应用
,那么首先用户进入页面肯定是知道的,页面组件的created生命周期开始计一个时间戳(还有很多种其他方法),那么如何得知用户离开页面呢?
行云流水m
·
2023-01-26 03:34
vue02
spa框架:
单页应用
(1个页面)组件:component把一个复杂的页面拆分成若干个组件,最后再拼成一个完整的页面组件的分类:页面级组件(home组件,list组件)基础组件(页面组件包含着基础组件,可复用的组件
小盼珂
·
2023-01-25 22:59
18年多端通用解决方案总结
一、vue阵营1、基于vue的方案有之前mui+vue,对于简单的app,mui+vue完全够用了,也可以做成
单页应用
,不过两者结合存在着不少bug,有一定缺点,如果对app要求不高的话可以使用,对ap
·
2023-01-24 03:57
前端
vue 前端面试题
SPA(single-pageapplication,
单页应用
程序)。就是只有一个Web页面的应用,是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序。
Holyzq
·
2023-01-23 08:34
js
vue.js
前端
webpack
vue.js
聊一聊我对跨域的理解和最佳实践
跨域是前端开发中一个非常常见的问题,尤其是随着
单页应用
(SinglePageApplication,SPA)的兴起,前后端分离开发和部署,前端在本地开发和部署的过程中都会面临着跨域问题。
·
2023-01-20 08:00
前端面试http
vue3全局状态的管理——Pinia
如果您熟悉CompositionAPI,您可能会认为您已经可以通过一个简单的exportconststate=reactive({}).这对于
单页应用
程序来说是正确的,但如果它是服务器端呈现的,会使您的应用程序暴露于安全漏洞
回忆哆啦没有A梦
·
2023-01-19 07:09
vue相关问题(vue3
vue2)
第三方库使用的问题
vue.js
前端
typescript
javascript
解决nginx部署前端项目后刷新浏览器报错404的问题
问题:Vue
单页应用
项目打包部署Nginx服务器后,刷新页面后,出现404。原因:加载
单页应用
后路由改变均由浏览器处理,而刷新时将会请求当前的链接,而Nginx无法找到对应的页面。
Pisces_224
·
2023-01-18 03:11
vue
nginx
React状态管理库现状
状态管理的产生为什么需要状态管理状态管理伴随着现代前端框架的崛起而诞生,在经典的
单页应用
中,组件内部状态随着组件的挂载而产生,销毁而销毁,全局状态则随着应用挂载而一直存在,这时候,全局状态的共享,传递,
·
2023-01-17 16:28
React使用redux基础操作详解
随着JavaScript
单页应用
(SPA)开发日趋复杂,JavaScript需要管理比任何时候都要多的state(状态),Redux就是降低管理难度的。
·
2023-01-16 02:47
Vue技巧大全
2.
单页应用
SPA和多页应用MPA
单页应用
(SPA)多页应用(MPA)3.使用过VueSSR吗?说说SSR?4.MVVM与MVC以及MVVM的优缺点★★★(1)MVVM与MVC区别与联系(
星霜下逆天生
·
2023-01-14 06:55
笔记
vue.js
vue
它是一套用于构建用户界面的渐进式框架,采用MVVM思想,Vue的核心库只关注视图层,Vue也完全能够为复杂的
单页应用
提供驱动。MVVM是什么?view:视图层。
一切都是浮云..
·
2023-01-11 09:44
Vue
从vue项目简单了解什么是SSR
从vue项目简单了解什么是SSRSSR从0到1开始初始化项目server.jsSSRvue是
单页应用
,创建的项目不利于SEO爬虫,因为SEO爬虫是爬网页的源代码,而vue创建的项目是通过js的解析来生成的页面
土豆Coder
·
2023-01-10 03:00
ssr
npm
前端
node.js
SSR是什么?Vue中怎么实现?
成为完全可交互页面的过程先来看看Web3个阶段的发展史:传统服务端渲染SSR单页面应用SPA服务端渲染SSR传统web开发网页内容在服务端渲染完成,⼀次性传输到浏览器打开页面查看源码,浏览器拿到的是全部的dom结构
单页应用
北海屿鹿
·
2023-01-10 03:34
Vue
vue.js
前端
javascript
上一页
10
11
12
13
14
15
16
17
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他