在 jQuery 环境下，怎么开发 SPA 应用程序，怎么配置路由？
source link: https://www.v2ex.com/t/862457
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
我们知道，jQuery 不像 Vue 或者 React ，可以组件化，也有成熟的路由框架，jQuery 似乎只是为你提供了丰富的工具库，并没有很好地支持单页面应用程序开发。
于是我针对 jQuery ，自己开发了一套路由控制系统，它适合 jQuery ，写得非常简单，但很实用，详情查看：www.wolai.com/oyps/d6YrVHCCqFBPmk9pj4mm1b
我用这套控制系统，开发了很多网站，比如：github.com/oyps/poncon-copyrighted-music
我技术上还比较小白，想寻求一种更好的在 jQuery 环境下实现 SPA 应用开发以及 jQuery 配置前端路由的方案
 |
LIBQ 7 小时 18 分钟前 第一眼看成了 sap 才点进来的
这种的我建议你不要在网上问了 直接在招聘平台发招聘信息 然后面试时候问相关的技术栈应用更快一点 |
 |
yyfearth 6 小时 33 分钟前 这么说吧 现在 jQuery 本身的存在价值已经很低了
除非要支持 IE 和上古的浏览器 基本上 jQuery 的绝大部分功能浏览器已经自带了 除非是遗留项目 实在没有继续用 jQuery 的价值 “jQuery 并没有很好地支持单页面应用程序开发” 怎么会呢 当年 jQuery + Backbone + Bootstrap + Require.JS 差不多时间的还有 Ember SPA 就是这么起来的 然后才有的 Angular.js 再是 React Angular Vue 这些 再古老一点的还有 ExtJS/Sencha |
1 |
TomatoYuyuko 6 小时 31 分钟前 Jquery 和现代框架也不冲突啊，你完全可以借用其他框架的路由，再者 jq 社区当年那么庞大，现成的方案也有你查查就是了
|
 |
oyp 6 小时 10 分钟前 @yyfearth #4 Backbone 是真的没听过，我回去看下历史😂😂😂😂
@TomatoYuyuko #6 确实是 @yyfearth #5 这是以前的技术吗？原来以前还有这种东西，现在都很难听到了，我最近找用 jQuery 去做 SPA 的教程，发现只是说用 location 和 history ，然后就直接说 Vue 和 React ，我现在想要了解一下以前的 SPA 开发教程，应该去哪里找呢？ |
|
oyp 6 小时 7 分钟前 我希望能使用 jQuery ，把多页面合并起来，用 display 去控制显示，这个不是很复杂，但是要配置路由的话，而且路由的改变要让页面也作出响应，我想用 jQuery 应该怎么做会更好呢？
|
 |
skinny 4 小时 19 分钟前 |
 |
lesismal 3 小时 58 分钟前 试试我这个：
github.com/lesismal/pmjs 本人非专业前端，主要原理就是多个页面共存，当前显示谁就把 i 其他的隐藏，纯原生、如果你控场能力强、性能可以做到最强。 代码也不多，有需要的话 OP 可以随便改。 |
 |
kop1989smurf 3 小时 39 分钟前 其实楼主想做的就是通过多个 div 的 show 与 none 来实现所谓的“单页面”。
大概 8 、9 年前做过一个。 需要做的一共是三步： 1 、动态加载 html 添加到主页面中（看了楼主的介绍，应该已经实现了）。 2 、控制界面的生命周期，实现页面的 init 和 callback 事件。 3 、解决 js 、css 的冲突干扰。 2 的话，在过去可以用原型链实现继承，现在已经直接支持继承了。每个页面的 js 均继承一个父类，父类存在 init 函数与 callback 函数，每个页面去分别实现即可。router 中调用对应的 init 、callback 函数。 3 的话，当年我才疏学浅没有解决，靠编码规则规避了。如今看来变量可以利用 js 的作用域、闭包特性来解决。css 样式还没思考到好的方式。 |
|
kop1989smurf 3 小时 37 分钟前 以上只是几分钟内的思考，肯定有所疏漏，楼主仅供参考。
|
 |
cheng6563 2 小时 59 分钟前 基于 jQuery 的组件不是一堆。。。为啥你不能自己弄组件化。。。
|
 |
fox0001 2 小时 54 分钟前 via Android 当年 jQuery 用来屏蔽各个浏览器的 JS 不兼容，确实很好用，但是 IE 都挂了，加上 Webkit 内核大行其道，而且 jQuery 那庞大的体积……感觉没必要折腾 jQuery 了
|
|
oyp 2 小时 51 分钟前 @kop1989smurf #12 有点启发了，感谢
|
 |
hzxxx 1 小时 1 分钟前 拿 react-router 用的 router 库来用
|
Recommend
-
76
MacBook Pro 开发环境配置指南
-
47
安装go 略 安装git 略 VS Code配置 1.安装go扩展 在vscode扩展中搜“go”,选择microsoft官方的ms-vscode.go ...
-
62
Mac: * 下载go安装包 go语言中文网 ** 通过源码编译安装需要先安装go1.4 wget https://studygolang.com/dl/golang/go1.10.3.src.tar.gz tar xvzf go1....
-
50
没错，这篇博客是来介绍我的 Windows 开发环境配置的。作为一个多年的 macOS 用户，最近对 Apple Macbook Pro 的产品质量以及 macOS 系统本身越来越多的 bug 感觉到厌烦，并且看不到有变好的迹象。加上转行做了后台开发，不再强依赖 macOS...
-
36
1. 安装Go 前往 https://golang.org/dl/ 下载Go。我下载的是Installer，双击便自动完成安装，不需要配环境变量。 ...
-
27
ubuntu系统安装Go和liteide及环境配置 一、通过apt-get安装 1、安装 sudo apt-get install golang 2、设置GOPATH变量 GOPATH是扩展库的目录，Go先搜索...
-
24
众所周知，Mac对开发者非常友好，内置了很多开发语言的环境，比如Ruby、Python、PHP，本文主要给大家说一下小明 PHP环境的配置。 开启Apache服务 我们编写好的PHP文件需要在Apache下运行，但Apache服务在Mac种默认是...
-
25
Mac Golang 开发环境配置 Golang 介绍 Go（又称Golang）是Google开发的一种静态强类型、编译型、并发型，并具有垃圾回收功能的编程语言。 由罗伯特·格瑞史莫，罗勃·派克（Rob Pike）及肯·汤普逊于2007年9月...
-
27
MacOS Go开发环境配置 Homebrew 安装 Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 脚本很可能会停在
-
4
V2EX › 程序员 用 Windows 的前端小伙伴环境是怎么配置的？
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK