随着 ajax 的使用越来越广泛,前端的页面逻辑开始变得越来越复杂,特别是spa的兴起,前端路由系统随之开始流行。 从用户的角度看,前端路由主要实现了两个功能(使用ajax更新页面状态的情况下): 记录当前页面的状态(保存或分享当前页的url,再次打开该url时,网页还是保存(分享)时的状态); 可 ...
分类:
其他好文 时间:
2020-01-29 10:55:24
阅读次数:
179
练习:试下一个SPA demo21/ header.component.ts 页头组件,实现子与父通信,定义一个方法,用来返回 true/false cart.component.ts 购物车组件,渲染一个列表,就在ngOnInit 处理方法中通过ViewChild 调用 header组件中的方法, ...
分类:
其他好文 时间:
2020-01-22 10:48:18
阅读次数:
60
WHY 之所以写这篇如何运用脚手架自动化构建出一个项目的大架构,主要是面向想入门vue的小伙伴。之前,我第一次接触vue,一直摸不着头脑,想在网上搜个接地气的教程都找不到。SO,我以如何搭建结构为开始,向想入门vue的童鞋们把我仅有的力量贡献出来,随后我会持续更新vue如何与ui框架结合使用;在低版 ...
分类:
Web程序 时间:
2020-01-21 20:04:08
阅读次数:
86
给大家推荐一个基于Vue2的右键弹出菜单插件,支持单一SPA页面以及可以在循环绑定中使用。 项目地址为:https://github.com/chIIC/vue-...demo1: 父组件绑定右键事件的效果: demo2:列表循环绑定,识别当前点击对象: 项目地址为:https://github.c ...
分类:
其他好文 时间:
2020-01-20 23:03:37
阅读次数:
464
vue-meta-info 官方地址: https://github.com/monkeyWang... (设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plugin形成更优的配合) 单页面应用在前端正大放光彩。三大框架 Angular、Vue、 ...
分类:
其他好文 时间:
2020-01-18 21:27:04
阅读次数:
83
最近用vue+vue-router做了个单页应用的项目,页面大概有15个左右。积累了一些开发经验在此做一些记录.本文主要从可维护性方面来考虑SPA的开发实践 全站的颜色定义放在一个less或者scss的文件里,其他组件和页面import这个配置来引用颜色。 示例代码:define.scss $bgC ...
分类:
其他好文 时间:
2020-01-18 19:22:50
阅读次数:
92
练习:实现一个SPA demo14/ check.component.ts 查看页面 pay.component.ts 支付页面 send.component.ts 发货页面 路由默认加载check check : button -> pay 传递价格 pay: 接收到参数 显示在pay页面,超链接 ...
分类:
其他好文 时间:
2020-01-18 18:08:05
阅读次数:
73
前言 之前公众号《前端早读课》推了我的文章(在这里表示感谢),很多同学有在底下留言,问我 Ionic 和 IOING 是什么关系?从名字来看两者的开头虽然都是 IO 打头但其实两者毫无关系,一丁点儿都没有。 IOING 是一款高性能的前端开发引擎。它为创建一个大型应用提供一整套的完备方案,如页面模块 ...
分类:
其他好文 时间:
2020-01-18 16:39:34
阅读次数:
91
前端猿一天不学习就没饭吃了,后端猿三天不学习仍旧有白米饭摆于桌前。IT行业的快速发展一直在推动着前端技术栈在不断地更新换代,前端的发展成了互联网时代的一个缩影。而单页面应用的发展给前端猿分了一杯羹。 认识SPA 最早单页面的应用无从知晓,在2004年,google的Gmail就使用了单页面。到了20 ...
分类:
其他好文 时间:
2020-01-18 14:57:19
阅读次数:
98
IOING 在做些什么? IOING 在你的代码和浏览器之间架设了一个中间解释层,该解释层提供了一套新的语法来填补浏览器所不具备的能力。 SPA 开发痛点 开发一个 SPA 应用的痛点是不同模块页面的状态保存,当从一个页面跳转到另一个页面的时候窗口的所有状态都将被清空重载,历史页面与当前页面将不产生 ...
分类:
移动开发 时间:
2020-01-18 12:57:13
阅读次数:
92