之前我发布了一篇文章，介绍自己做的小游戏《Dice Crush》。 本文分享一项技术方案，正是我开发上述游戏时用到的
原创
2022-10-09 20:21:56
1493阅读
SingleSPASingleSPA是一个用于前端微服务的javascript框架。它使你可以在单页应用中使用多个框架，这样就可以按功能拆分代码，并能使Angular、React、Vue.js程序一起运行。你可能已经习惯了React和Vue的CLI，通过这些工具可以快速创建项目，并准备好webpack的配置、依赖项和样板代码等。如果你已经习惯了这种操作，那么你可能会觉得本文的前半部分有些繁琐。因为
原创
2021-01-10 10:03:39
292阅读
用Single-spa创建基于React和Vue的微型前端前段小混混前端先锋SingleSPASingleSPA是一个用于前端微服务的javascript框架。它使你可以在单页应用中使用多个框架，这样就可以按功能拆分代码，并能使Angular、React、Vue.js程序一起运行。你可能已经习惯了React和Vue的CLI，通过这些工具可以快速创建项目，并准备好webpack的配置、依赖项和样板代
原创
2021-01-28 20:49:47
437阅读
演示了如何实现添加、删除功能，并介绍了进阶概念如CSS Modules、React Router路由和状态管理方案。文章还总结了React核心概念对比表，为
AgileConfig的UI使用react重写快完成了。上次搞定了基于jwt的登录模式（AntDesign Pro + .NET Core 实现基于JWT的登录认证），但是还有点问题。现在使用react重写后，agileconfig成了个确确实实的前后端分离项目。那么其实部署的话要分2个站点部署，把
原创
2022-01-10 10:09:45
265阅读
前言本文介绍的是在做微前端 single-spa 项目过程中，遇到的 Vue 子应用和 React 子应用互相跳转路由时遇到的问题。项目情况：single-spa 项目，基座用的是 React，目前是2个子应用一个 Vue 一个 React。路由方案是 Vue Router，React Router + history。有交互场景是从 Vue 子应用跳转到 React 子应用，或者从 React
原创
2022-04-12 10:49:45
1439阅读
AgileConfig的UI使用react重写快完成了。上次搞定了基于jwt的登录模式（AntDesign Pro + .NET Core 实现基于JWT的登录认证），但是还有点问题。现在使用react重写后，agileconfig成了个确确实实的前后端分离项目。那么其实部署的话要分2个站点部署，把前端build完的静态内容部署在一个网站，把server端也部署在一个站点。然后修改前端的baseU
原创
2021-04-24 11:39:50
365阅读
使用vue-router创建路由器: router/index.jsnew VueRouter({ routes: [ { // 一般路由 pa
原创
2022-11-07 17:44:59
25阅读
目标1.如何使用vue-cli搭建SPA项目2.如何在spa项目中使用路由3.嵌套路由的使用前提搭好NodeJS环境看图分析目标：1.如何使用vue-cli搭建SPA项目什么是vue-cli?vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxx注意：xxx 为自己创建项目的名称必须先安装...
原创
2021-06-17 15:47:30
345阅读
vue生命周期（包含子孙组件的情况） beforeCreate (创建前) created 此时进行数据请求 初始化数据beforeMount (载入前) 挂载开始之前被调用 挂载Dommounted. （载入后） dom渲染完成beforeUpdate (更新前) 更新updated (更新后）b ...
转载
2021-10-19 22:32:00
152阅读
2评论
直接贴 门户项目代码 // 全局router 直接挂载路由导航守卫 router.beforeEach((to, from, next) => { if (to.meta.title) { var title = to.path.startsWith("/news") ? to.meta.metas ...
转载
2021-08-12 14:54:00
304阅读
2评论
目录SPA项目搭建SPA项目路由嵌套案例SPA项目搭建今天的搭建是在nodeJS环境搭建好后的基础上实行搭建的什么是vue-clivue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxx搭建步骤一、安装vue-cli执行代码：npm install -g vue-cli成功后会在你的vue-g...
原创
2021-09-02 11:06:37
141阅读
什么是vue-cli?vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxxa、：xxx 为自己创建项目的名称b、：必须先安装vue,vue-cli，webpack，node等一些必要的环境安装vue-clinpm install -g vue-cli一：安装成功后，会出现如下文件D:\in...
原创
2021-09-10 18:20:43
132阅读
在我们的 laravel 项目中，让我们使用 yarn 运行一个命令，并选择 vue 和 typescript。将项目名称设置为：FrontEndApp选择：Vue选择：Ty
原创
2023-01-28 11:23:13
595阅读
之前我们讨论了怎么在 Angular 项目路径添加指定的访问前缀，该项目针对 SPA 应用；当然，我们也讨论了 Next 项目路径添加指定的访问前缀，该项目是使用 React 框架完成的 MPA...
原创
2023-05-10 22:01:14
787阅读
前端框架经历了十多年的争奇斗艳百花齐放，经历了 JSP、jQuery、Ember、Angular、React、Vue、Solid、Svelte 等等。如今所有人都要承认的一个事实是：在上百个前端框架中，最具影响力的只剩下了两个，Vue 与 React。 Vue 进入 3.x 时代已经将近 2 年了，React 也在今年 3 月 29 日发布了 React 18 版本。 今天就来聊聊在当今 202
转载
2023-11-06 17:55:35
57阅读
ipa文件的安装方法有两种：一种是使用iTunes安装， 另外一种是使用第三方软件安装。
ipa文件是苹果iTunes能够识别的软件，直接把它拖动到iTunes里面，(文件->添加到资料库)，然后连接你的
iOS
设备，这样iTunes就可以识别到你的应用程序，然后同步就可以了
1、打开你的ITunes,选择 文件->添加到资料库
转载
2023-07-22 14:51:49
89阅读
大纲 1、传统路由 2、SPA导航 3、客户端路由器的工作机制1、传统路由 在传统Web应用程序中，导航是以整个Web页面为单位进行的。当在浏览器地址栏输入一个新的URL地址时，通常情况下，页面请求从浏览器发往服务器，服务器响应并返回一个完整的HTML页面。 其返回的是请求页面的HTML文档，浏览器收到页面HTML文档之后，将获取该文档引用的其他所有源文件，如CSS与JavaScript
转载
2023-09-30 16:12:20
115阅读
SPA单页应用的2种类型分页技术，常见于React、Vue等基于组件化开发的项目 1、纯前端分页 2、基于后台的分页 （1）纯前端分页 1、请求获取数据：一次性获取所有数据，翻页时不再发送请求 2、请求接口：不需要指定页面（pageNum）和每页数量（pageSize） 3、响应数据：所有数据的数组
转载
2020-03-30 16:14:00
215阅读
2评论
班级查询需求：绘制表单，数据绑定 页面加载成功发送请求查询所有班级 将班级数据赋值给classesList前端：<template>
原创
2022-08-09 12:04:31
90阅读
