关于light7使用路由经验总结及踩的坑
关于light7库的使用经验总结
前言:
当你看到这片文章的时候相信你一时间没有找到解决的办法.因为我就是在网上百度不到相关解决的办法,所以那就静下心认真看完这片文章相信你一定会有收获的…最近在使用一个移动库-light7,也在网上看了一些的框架和库也觉得他们挺不错的,但还是选择了这个,主要是因为这个的坑相比较而言少一点.好了废话不多说了.下面进入主题
本文章代码展示少,主要介绍解决问题的思路和方法.便于下次你自己可以独立解决
本文将对以下在使用过程大多会出现的问题来进行介绍
- 路由相关的坑
- ajax请求失败的坑
- 链接失效的坑
以上三点就是出现错误最多的地方,自己上网百度也没有啥有价值的结果,自己在解决了这些错误后记录下来方便以后查看…,当然也许还有很多,相比较这些可能那些查看文档的话就能解决了.好了进入正题
***使用前页面初始化
加载文档时初始化页
$(document).ready(function(){//关键//$.init()初始化每个页面对应的pageinit//页面1$(document).on("pageInit", "#page-1", function(e, id, page) {//代码块});//页面2$(document).on("pageInit", "#page-2", function(e, id, page) {//代码块});$.init(); //页面初始化,很重要,很重要,很重要!});
一.路由使用不当导致页面跳转无响应
light7这个库很巧妙,自己用自己的路由的功能,所以使用时不知道的话,可能会绕一大圈回来.浪费很多时间.在使用路由的时候你是否理解什么是路由..如果理解的话就继续往下看,不理解的话就上网百度一下,这里就不做过多解释了. 在使用这个库的时候你是否注意当你点击每个页面链接跳转的时候,只是参数改变了而已,页面却没有发生整体刷新这就与路由有关了
<script>$.config = { //在$.config中可以修改默认值autoInit: false, //autoInit的默认值是false,不建议用true}
</script>
light7这个路由支持在同一个html中内联多个页面,ajax加载新页面,前进和后退操作.
当通过ajax加载新页面的时候,路由器会自动忽略新页面的JS和CSS脚本。所以请把全部页面的脚本都打包到入口页面
当说到这里可能对这个库的路由有了一点的认识了:就是这个库有自己的路由,链接跳转,页面转换都是通过路由来实现的.
二.ajax请求失败无响应
在说到请求后台数据的时候,可能大多人会想到ajax,但今天给大家介绍另一种方法Fetch();请大家继续往下看,因为这个方法和本文章有关
自己在做小demo的时候,就用到了ajax请求.本以为顺顺利利的请求出去. 但这里又进入了坑: 再去请求数据的时候为啥无响应啊. F12看一下,~what? 连请求都发不出? 这是什么情况,就赶紧去看了文档. 最后自己总结的结果就是无法用ajax请求外部(后台)数据…可能这个结论有点牵强,但结果就是这样. 所有就换了个请求方式Fetch(),这个方法可以合理的方式来跨网络异步获取资源。至于具体的使用和介绍,缺点啥的我就不介绍了.
说到这儿,相信大家知道自己解决ajax无反应办法的思路了
三.关于链接失效
默认情况下,路由器会自动拦截所有的链接点击事件,如果你希望一个链接通过浏览器原生跳转而不使用路由器,你可以在连接上增加一个class="external"或者external
在light7版本v0.4.3 中router 现在会忽略 href=“javascript:;” 链接.
四.总结
认真,仔细看文档!!!
关于light7使用路由经验总结及踩的坑相关推荐
- 2021年Java面试题目最新总结【90%面试会踩的坑】
学会java技术之后大家面临的最多的问题就是面试这关,求职面试java岗位是否能够成功是直接影响我们的工作机会的,所以对于Java程序员面试你准备好了吗?今天小编汇总了一下关于Java程序员面试,90 ...
- 程序员,Mybatis 你踩过坑吗?
大多数开发者应该都使用过Hibernate或者Mybatis的框架,或多或少都踩过一些坑! 如在MyBatis/Ibatis中#和$的区别,#方式能够很大程度防止sql注入,$方式无法防止Sql注入. ...
- map mybatis 的字段返回0_Mybatis 你踩过坑吗?
(给ImportNew加星标,提高Java技能) 作者:似水的流年 yq.aliyun.com/roundtable/49835 大多数开发者应该都使用过Hibernate或者Mybatis的框架,或 ...
- mybatis 查询的时间不对_程序员,Mybatis 你踩过坑吗?
点击上方"Java基基",选择"设为星标" 做积极的人,而不是积极废人! 源码精品专栏 中文详细注释的开源项目 RPC 框架 Dubbo 源码解析 网络应用框架 ...
- 小白程序员最容易踩的“坑”,你踩过几个?
人生,就是一边踩"坑",一边上升的过程.而程序员的一生,不仅要改无数的BUG,也要越过很多的"坑".今天,下面为大家分享一些开发人员常见的"坑&quo ...
- 全中!七大初学者易踩的坑!
[CSDN 编者按]作为初学者,你是否有犯过不知道有现成的API,而自己重复造轮子呢?本文作者详解七大新人程序员容易犯的错,让大家吸取教训,不要重复掉入这些坑. 作者 | Daan 译者 | 弯月,责 ...
- 【回眸】作为一位应届生,写简历的时候会踩哪些坑?
[回眸]作为一位应届生,写简历的时候会踩哪些坑? [回眸]作为一位应届生,写简历的时候会踩哪些坑? 前言 简历基本信息 简历文件名称怎么写比较好 电话号码一定要写吗? 简历上写什么邮箱比较好? 简历上 ...
- django 中model踩的坑之AttributeError: type object ** has no attribute 'objects'及Field defines a relation
django 中model踩的坑之AttributeError: type object ** has no attribute 'objects'及Field defines a relation ...
- 启泰观察:职业精英创业必踩巨坑之 --- 学习效果坑
我们以为的效果.与实际的效果,往往差异很大.巨大. 绝大多数职场精英们,都会对自己在创业中的学习效果出现严重的高估. 这种高估,直接导致了创业者在创业中不断的踩坑.踩巨坑. 为什么出现这种对学习效果的 ...
最新文章
- Python实现JSON反序列化类对象
- 简单易懂棒棒哒的视频传输工具!
- tankwar的java坦克子弹撞墙_TankWar 单机(JAVA版)版本2.0.5 坦克撞墙的处理
- 费用流-Wannafly Day2 TwoGraph-神题
- python都能做什么图_如何学习数据分析
- oracle定时删库,随手胡乱写的批处理,实现Oracle每天定时备库,DMP文件保留3天,3天后删除,对应2000系统...
- 腾讯云安装宝塔面板详细教程
- UE4 蓝图入门学习笔记
- it工程师和码农的区别_码农属于it行业吗 工程师、程序员、码农有什么区别?...
- jar包打开闪退解决办法
- 数字货币期货生存指南
- 程序员的数学(二)—— 逻辑,真与假的二元世界
- 数据科学与大数据技术专业 —— 云计算●虚拟化 课程 期末复习卷及其简答(2)
- A1010——Radix(好多测试点…)
- C++很难吗?到底有多难?
- TCP报文之-tcp dup ack 、tcp Out-of-Order
- 大四 Java开发实习近一年 记录(每6至12月更新一次)
- 想知道自己30分钟能“走”多远嘛?
- JUC之锁的八种情况
- MySQL日期和时间函数的用法及使用举例