angularjs

解决WX-IOS打开公众号网页出现的底部导航条

我的未来我决定 提交于 2020-08-18 21:14:05
在微信公众号中,打开跳转链接时会,浏览器底部分出现一个导航条,导致屏幕空间压缩。网上有些人给出了js,vue的解决方案,那么我贴一下angular版本的,希望能对你有所帮助。 代码: export class RouteWithoutHistory extends PathLocationStrategy { pushState(state: any, title: string, url: string, queryParams: string): void {} } @NgModule({ declarations: [AppComponent], entryComponents: [], imports: [ ... ], providers: [ ... { provide: LocationStrategy, useClass: RouteWithoutHistory}, ], bootstrap: [AppComponent] }) export class AppModule {}   原理: 底部的导航条是因为wx浏览器产生了历史记录导致的,所以我们操作的时候不产生历史记录就行啦。  最开始,我想到了navigateByUrl中的replaceUrl参数,但这样做面临两个问题:1 改动比较大;2 Ionic的的tab中,没办法设置此参数。所以, 要另想它法。

为什么AngularJS在select中包含一个空选项?

我是研究僧i 提交于 2020-08-18 15:31:46
问题: I've been working with AngularJS for the last few weeks, and the one thing which is really bothering me is that even after trying all permutations or the configuration defined in the specification at http://docs.angularjs.org/api/ng.directive:select , I still get an empty option as the first child of select element. 在过去的几周里,我一直在使用AngularJS,而令我困扰的一件事是,即使尝试了所有置换或 http://docs.angularjs.org/api/ng 规范中定义的配置, .directive:select ,我仍然得到一个空选项作为select元素的第一个子元素。 Here's the Jade: 这是玉: select.span9(ng-model='form.type', required, ng-options='option.value as option.name for option in typeOptions'); Here

前端工程化(6):搭一个集成了三大 UI 库的脚手架工具

社会主义新天地 提交于 2020-08-18 08:12:42
距离上次更文有10个月的时间了,其实平时有总结很多技术点,但在掘金上只想发表关于前端工程化系列方面的文章,而又由于这段时间一直没有可落地的工程化项目(就是懒了🤦!),所以也不好在没有自己切身试验的情况下撰写博文。 OK,写这篇文章的契机呢,是因为我即将要做一个超级超级超级大项目,前期希望把前端基建的一些东西给搭建好,所以想着做一个脚手架工具,将基建的东西集成到模板中去,达到一个规范和提效的目的。其实这篇文章的重点并不是为了教大伙如何编写一个脚手架(掘金上关于这方面的教程太多),而是为了向你们安利我写的脚手架工具—— pandly-cli 😏。 正如标题所说, pandly-cli 最大的特色就是集成了 Element UI 、 View Design 、 Ant design 三大主流 UI 库供用户选择,并且还支持全局和按需的引入方式 。当然, pandly-cli 中不止这一个功能,还集成了很多提效的功能,文章后面会详细介绍。按照惯例,我还是先简单阐述下我写这个脚手架的心路历程。 脚手架 整体思路还是借鉴了 vue-cli2 的搭建模式(为什么不借鉴 vue-cli3 的?太复杂了!),然后自己做了点修改。整体目录结构如下: |-pandly-cli | |-bin # 命令执行文件 | | |-pandly # 主命令 | | |-pandly-create # 创建命令 |

如何在AngularJS的ng-options中设置value属性?

让人想犯罪 __ 提交于 2020-08-18 06:33:37
问题: Here is what seems to be bothering a lot of people (including me). 这似乎困扰了很多人(包括我)。 When using the ng-options directive in AngularJS to fill in the options for a <select> tag, I cannot figure out how to set the value for an option. 在AngularJS中使用 ng-options 指令填写 <select> 标签的选项时,我无法弄清楚如何设置选项的值。 The documentation for this is really unclear - at least for a simpleton like me. 这方面的文档真的不清楚 - 至少对像我这样的傻瓜来说。 I can set the text for an option easily like so: 我可以像这样轻松设置选项的文本: ng-options="select p.text for p in resultOptions" When resultOptions is for example: 例如,当 resultOptions : [ { "value": 1, "text"

对服务与工厂感到困惑

为君一笑 提交于 2020-08-18 03:37:27
问题: As I understand it, when inside a factory I return an object that gets injected into a controller. 据我了解,当在工厂内部时,我返回一个被注入控制器的对象。 When inside a service I am dealing with the object using this and not returning anything. 在服务内部时,我使用 this 处理对象而不返回任何内容。 I was under the assumption that a service was always a singleton , and that a new factory object gets injected in every controller. 我假设服务 总是单例 ,并且每个控制器都会注入一个 新的工厂对象 。 However, as it turns out, a factory object is a singleton too? 然而,事实证明,工厂对象也是单身人士? Example code to demonstrate: 用于演示的示例代码: var factories = angular.module('app.factories', []); var

个人作业——软件工程实践总结&个人技术博客

老子叫甜甜 提交于 2020-08-18 01:23:06
这个作业属于哪个课程 2020春IW班(福州大学) 这个作业要求在哪里 个人作业——软件工程实践总结&个人技术博客 这个作业的目标 完成本次软件工程实践课程的个人总结 作业正文 https://www.cnblogs.com/ybn-juan/p/13131305.html 其他参考文献 《构建之法》 一、回望 (1)对比开篇博客你对课程目标和期待,“希望通过实践锻炼,增强软件工程专业的能力和就业竞争力”,对比目前的所学所练所得,在哪些方面达到了你的期待和目标,哪些方面还存在哪些不足,为什么? 达到期待:熟悉了团队协作下的软件开发流程,掌握了一些常用的团队开发所需的工具,以及能更敏锐地发现用户需求的痛点。 存在不足:个人的软件架构设计能力、编程能力仍有很多不足,常常出现有想法但不知道如何用代码实现的情况。 (2)你在第一次作业的个人简历中制定的“这门课程结束后,你预期你将增长的能力、技术、技能”和你针对你的目标绘制的学习路线图。对比当前你的所学所得,你达到了当时的预期值吗? 没有达到预期值。我在第一次作业中设定的预期是经过半年的学习能掌握基本的iOS App设计与实现能力,但在软件工程实践课程中我主要负责的是项目前端以及团队博客,且团队项目的界面是针对桌面Web端进行设计的。项目前端使用的Angular框架+NG-ZORRO组件库对我来说都是完全从零开始学习的新技术

single-spa踩坑记

跟風遠走 提交于 2020-08-17 18:19:52
其实本来应该写个介绍的,但是我看到其他的文章写得很完善了,所以就来写写我在其中遇到的一些问题就好了。 安装 single-spa 请看沉末的 这篇文章 。 背景 简单介绍下背景吧~ 为什么要用 single-spa 呢,是因为公司的项目需要拆项目了,这个时候就需要知道微前端的概念了,那么什么是微前端呢。 微前端服务 微前端架构是一种类似于微服务的架构,由ThoughtWorks 2016年提出,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 由此带来的变化是,这些前端应用可以独立运行、独立开发、独立部署。 在项目中是运用 single-spa 去搭建微前端框架的,在搭建框架之前,我们需要知道两个知识点,什么是 single-spa 和 importmap 。 single-spa 而 single-spa 是一个用于前端微服务化的 JavaScript 前端解决方案。 特点: (兼容各种技术栈)在同一个页面中使用多种技术框架(React, Vue, AngularJS, Angular, Ember等任意技术框架),并且不需要刷新页面. (无需重构现有代码)使用新的技术框架编写代码,现有项目中的代码无需重构. (更优的性能)每个独立模块的代码可做到按需加载,不浪费额外资源. 每个独立模块可独立运行. importmap

Ionic6使用组件出现错误:Did you add it to @NgModule.entryComponents

[亡魂溺海] 提交于 2020-08-17 16:34:19
缘由 在 Ionic6 和 Angular8 项目中使用组件时出现错误: Error: No component factory found for LoginComponent. Did you add it to @NgModule.entryComponents? 在我的上一篇文章: 移动开发:Ionic框架实现注册与登录功能 中,实现软件运行时弹出登录页面,使用的就是组件化(component)。 然而在最后运行的时候却报错。上网查了资料,大概就是说我现在代码的写法是ionic老版本的,而我的ionic版本是 6.6.0 。出现这个问题是因为我没有在要是这个组件的页面所在的模块中引入此组件导致。 解决方法(一) 找到页面所在的模块(xxx.module.ts)代码,进行修改,如下: 就是增加 entryComponents:[LoginComponent] ,用于解决上面的问题。并且在 declarations 中加入 LoginComponent ,不然还会出现 “Component LoginComponent is not part of any NgModule or the module has not been imported into your module.” 错误。 解决方法(二) 推荐 第一个方法只针对组件使用次数为1次的情况

开发一个大型后台管理系统,应该用前后端分离的技术方案吗?

会有一股神秘感。 提交于 2020-08-17 06:30:50
话说这天,我们团队开会讨论了一个问题,不,与其说“讨论”,不如说“争吵”更合适。 背景是这样的: 我们要开发一个 xxx 后台管理系统,这个系统业务复杂、功能又多,大家的争吵集中在“这个系统是否应该用前后端分离的方案”。 这次争吵的问题比较典型,于是我就写了这篇文章。为了大家好理解,把“xxx 后台管理系统”泛化一下,变成: 开发一个大型后台管理系统,应该用前后端分离的技术方案吗? 先说一下,本文中的观点肯定有人不认同,再加上我对前端技术掌握有限,所以大家批判的看吧。 1. 先审题,冷静的分析一下 前后端分离的优点多多,这不需要多说,大家人人都清楚。 来,讨论之前,我们先一起好好审审题。 结合“ 开发一个大型后台管理系统 ”这个约束条件,冷静的分析一下: • 什么是后台管理系统:首先后台管理系统这个称呼,意味着这是一个 B 端系统 。可以小到部门级应用(客户投诉登记系统、办公设备台账系统),大一点可以是大集团级核心系统(500 强保险公司客服、呼叫中心),可以是 ERP、CRM、OA(SAP、用友、泛微协同),可以是一个 B2C 电商的商城后台、支付网关管理控制台,可以是 Saas 的管理后台(Salesforce、Teambition、Jira),可以大到阿里云控制台…… • 什么是大型:我理解大型系统是指功能模块多、交互复杂,而不是访问量、TPS、数据量大。所以 CMS、OA

小胖李的面试之旅

让人想犯罪 __ 提交于 2020-08-17 03:35:04
#0 序 一切过往,皆为序章       ---莎士比亚 #1 起因 10月1日之前就发现经常在半夜出现突发性恶心,并且伴随一股及其刺激性的液体反流到嗓子,痛苦的睡不好,10月1日之后找了一个时间去了一趟医院,检查出来: 慢性萎缩性胃炎, 食道炎, 中度脂肪肝, 胆结石 并且伴随胃食管反流。大夫说,别看你胖,你的饮食肯定非常不规律,超出一般的不规律性,然后一寻思也对,每天除了早饭在酒店吃的比较准时,其他时间什么时候吃饭都不知道。开了一大堆药,让我回家好好养一段时间。 我也和项目经理说,生病了,在家待一段时间,结果在家呆没到2天,现场经理让我赶紧回去,调代码。没办法只能回去了,谁让我们是下级转包呢,回去之后行李放下就直奔现场,紧接着一天没吃饭,加上吃药,加上通宵改代码。 通宵之后睡了3个小时,一个电话让我赶紧回去,下午有检查。又没吃饭。 直接让我动摇的心坚定下来,裸辞。 目前正在走离职手续。。。。。 #2 找下家 大家也都知道,今年过年比较早(不要和我学裸辞,我是觉得在不辞职就要死在外地了),所以10月11月工作机会比较少,只要那种外包和一些比较着急的项目组才会招人。所以网上的面试机会就少一些。再加上我要的价格和条件都比较高。 所以更难找,重点是,我个人的技术已经好几年没有进步了。所以遇到一些新的面试内容都无法应答。老脸一红。。尴尬。 #3 外包 公司性质:某汽车大型外企 简历途径