冯浩月

前言   小编最近在学习angular的内容，万事开头难，完成了开头也便成功了一半。这句话小编在这次的学习实践之旅中，深有体会，下面小编就来讲一讲，angular环境搭建之旅吧！一、环境搭建  1.下载Node.js    官网：https://nodejs.org/en/    使用版本8.11.1，适合大多数用户（否则可能会出现版本冲突的问题，小编走过弯路。）

前言 小编所在的项目，前端Ionic--手机端项目需要版本升级，从Ionic3升级到Ionic4，其中需要使用返回功能，虽然Ionic4支持手机自身的返回键，但是对于用户来说，为用户在软件上面添加一个返回按钮，会更加服务用户。下面是使用Ionic4中NavController包实现的返回功能。 ...

前言    小编目前的项目需要将前端框架升级到ionic4，同时遇到了将广播消息进行轮播展示的功能需求，在ionic官网查找和博客的指引下，小编最终实现了这个功能效果。HTML使用Ion-slides组件    具体使用如下 ，其中click事件写在了P标签中，ion-slide标签中不能响应click事件。  <ion-slides pager > <...

前言     小编最近升级Ionic版本3--4时，发现有一些代码规范方面的事项，特意摘出来，总结一些，希望遇到类似的问题时，可以及时解决，不占用主要的开发时间。格式规范    一、双引号""全部改为单引号''    二、"=="改为"==="    三、if语句的规范       错误写法     if (this.isChoujiang || this.isRed...

前言 前端Vue项目iview2升级到iview3后，git无法提交代码，经过一段时间的探索，终于解决问题。问题出现一、git提交时，一直等待提交，无法提交成功二、等待后，提示“git commit error eslint hook” 这是一个校验钩子，大体的错误提示是这样的，可能不是特别准确。解决思路 方案一 git分支创建问题： 一个是自己在...

前言     小编最近在vue项目升级过程中，遇到了git提交失败，根据错误提示，成功解决了问题。错误提示   一、git提交失败   git:>running pre-commit hook:lint-staged                                            二、错误分析  这句话的意思，大概是有一个钩子，提交前检查项目...

前言存在问题的代码 一、业务场景二、存在的问题三、修改思路优化后的代码一、抽离方法，定义为async方法二、主方法体小结前言 小编之前做过一个抽奖的功能，其中使用http协议请求后端方法，当时虽然知道这是一个异步的方法，但是并没有过多的考虑，没想到一位大神发现了其中存在的漏洞和隐患，便指导了去如何修改优化，在这个过程中，也是加...

目录前言侧滑栏效果图 一、侧滑栏效果图二、编辑效果图侧滑栏ion-item-sliding一、HTML代码二、代码结构三、ts代码---编辑弹框-AlertController小结前言 小编在项目中用到了侧滑栏，单条记录ion-item中实现侧滑栏“编辑、删除功能效果”，具体的实现过程基本上没有什么难点，主要借鉴了前人的经验，项目中有类似的...

前言效果图层级结构实现一、HTML代码二、代码逻辑分析三、ts变量定义与调用后端接口思路小结前言 小编最近做手机端项目时，遇到了显示层级结构的业务需求，在手机端使用箭头图标加上层级数据判断，即可实现，在这个实现过程中，需要确认每次点击的数据箭头索引，调用修改ts文件中的变量值，在调用后端变量时，需要在HTML页面拼接变量名，但这种方法不...

前言 小编最近做项目时，遇到一个将数据分成两列显示，由于之前使用<ion-col>标签比较顺手，思维定式的便想到了这个做法，没有想到中间的实现过程很是曲折，具体看一下我的跌宕的历程吧。跑偏的思路--数据分成两个集合一、ion-col实现两列二、后端数据需要分成两个集合三、出现问题--数据处理麻烦大神指点--使用div形成两列一、div样式只需...

前言 小编在前端项目中，需要将不同的作答记录信息卡片，显示不同的颜色，这个效果用到了随机器的生成和typeScript中的集合，以及html中的[ngStyle]属性。卡片随机颜色实现记 一、效果图 二、 ts代码...

前言 小编在vue前端项目中，遇到了一个错误，解决思路主要集中在v-for的用法上面，key的值不能重复，所以它的取值非常重要，循环嵌套时也需要注意一下。报错详细内容一、报错图1原因：v-for取用key值时，key值重复： <Select v-model="questionDetail.company" style="width:200px"&g...

前言 小编最近在新搭建的vue2.0的框架中，发现页面路由跳转后，不会重新加载，遇到这个问题，小编想到了vue的生命周期中，有几个钩子方法可以使用，通过上网查询了解，找到了可以使页面路由跳转后可以重新加载页面的钩子方法。调用方法重新渲染页面 一、使用activated()钩子方法<script>export default { // ... a...

前言 小编在编码过程中，遇到一个错，可怕的是，看错误日志，竟无法定位到具体的文件及代码位置，通过查找博客，以及不断注释代码，发现了问题所在。问题展示bug所在的代码<ion-select #groupId style="margin-right: 30%;" cancelText="取消" okText="确定" placeholder="请选择分组" ...

前言Ionic3带参路由跳转 一、原始页面ActivityPage.ts中配置 二、跳转后页面ActiviteLotteryPage.tsIonic4带参路由跳转 一、原始页面ts文件的设置 二、跳转后页面接收参数小结前言 小编最近在进行ionic前端项目从3.2.0版本升级到4.6.0版本的迁移工作，之前版本的带参路由跳...

         前言demo效果个人实现过程小结前言    小编最近在做星级评价实现半颗星评价的功能，得到这个需求，便开始了探索之旅，一开始自己登陆淘宝网查看评价效果，发现没有半颗星的效果，并且在网上查找半颗星的相关博客或网页，没有结果，便向项目组长提出，这个需求没有必要实现吧，并拿出了淘宝网的例子，结果组长告诉我这是体验用户提出来的，并且她自己已经在网上找到了相应的demo...

前言     小编接收到一个研究ionic手机端项目实现gulp压缩功能的任务，之前做过angular项目的gulp压缩，原理差不多，借鉴了前人的总结出来的文档，感谢文档的编写者们，让我可以顺利的完成这个任务。下载gulp    一、本地ionic项目打包，以这个打包出来的内容为基础进行下面的gulp压缩1.构建打包——ionic build --test //--test ...

前言&amp;nbsp;&amp;nbsp; 小编最近在学习Angular的内容，这一块主要是视频的学习加上例子实战，一开始不是非常清楚里面的知识，不过随着实践的深入，多少有了一些认识。一、什么是Angular&amp;nbsp;&amp;nbsp; 1. Angular 是一个开发平台，它可以帮助我们更加轻松地构建web应用; &amp;nbsp;&amp;nbsp; 2.Angular集声明式模板、依赖注入、端到端工具和一些最佳实...

前言&amp;nbsp;&amp;nbsp;小编在接触Angular的项目过程中，真得是边调试项目bug，边探索边成长着。下面小编将使用Angular js中的事件，实现回车触发的效果。一、第一种尝试使用keydown&amp;nbsp;&amp;nbsp; 这种方法，使用的是ngForm的方法，与组件typeScript文件中的数据和方法进行响应。 &amp;lt;input class=&quot;form-control &quot;

前言&nbsp;&nbsp;在项目组自己真得是接触了不少东西，今天就来说一说里面的带有PrimeNG制作出来的提示框效果吧。一、PrimeNG&nbsp;&nbsp; 它是Angular2的一个客户端组件，可以独立于Bootstrap单独使用，也可以结合Bootstrap共同使用。二、Dialog&nbsp;&nbsp; 使用PRIMENG官网中的解释： &nbsp;&nbsp;...

前言&nbsp;&nbsp;小编在启动项目的VScode项目时，突然遇到了一个ng install的错误，自己也尝试卸载重装或者复制node modules,但是都没有解决问题，后来请教了这个方面的大神，我的晓风师父，找到了思路，成功解决，下面简单地分享一下这方面的思路。一、问题重现&nbsp;&nbsp; 主要是下面的报错显示：npm ERR 二、查看package-lock.js...

前言&nbsp;&nbsp;Angular启动时，突然报错，自己根据上面的提示，删除了node modules等文件夹，依然无法解决问题，便继续删除删除系统盘下面的相关文件，依然无法解决，最后决定重新安装前端环境，执行cnpm安装时，遇到了本文谈到的问题，报错：getaddrinfo ENOTFOUND proxy-server-address proxy-server-address:8080...

前言&amp;nbsp;&amp;nbsp;小编最近在做项目的过程中，需要深入了解一下前端架构，便上网学习了一下，果真是很有收获，下面将自己了解到的内容，简单做一个总结。一、常说的框架&amp;nbsp;&amp;nbsp; Angular，Vue和react，但目前小编使用的是angular的框架。二、为什么使用框架&amp;nbsp;&amp;nbsp; 大家也许会有一个疑问，明明我们使用JQuery使用得很好，为什么使用a...

前言&amp;amp;nbsp;&amp;amp;nbsp;小编最近接触到Angular框架升级，从angular4升级到angular6，中间遇到了一些问题，下面做一下简单的总结。一、找不到module&amp;amp;nbsp;&amp;amp;nbsp; 报错的路径：import { InformationManagerService } from 'app/workspace/information-manage/information-man...

前言&amp;nbsp;&amp;nbsp;Angular框架它的核心点在哪里，究竟Angular版本号根据什么来区分的？下载node_modules时，每个依赖包的版本根据什么来确定的？这些与package.json文件有关吗？npm5后出现了package-lock.json,它又有什么作用呢？一、package.json是什么&amp;nbsp;&amp;nbsp; 管理本地安装的npm包，一个package.js...

前言&amp;nbsp;&amp;nbsp;Angular前端知识的学习，之前没有进行系统的总结，现在对于Angular的入门内容做一下简单总结思考。一、Angular程序架构&amp;nbsp;&amp;nbsp; 报错的路径：二、配置环境变量&amp;nbsp;&amp;nbsp; 小结&amp;nbsp;&amp;nbsp;通过这次的总结，自己对于环境变量有了进一步的认识，从一开始配置Java环境变量时的云里雾里，到现

前言&amp;nbsp;&amp;nbsp;Angular中的钩子方法，是非常常用的知识点，也在项目代码运用中有所体现。内容一、什么是钩子&amp;nbsp;&amp;nbsp;1.背景：Angular有变更检测机制 &amp;nbsp;&amp;nbsp;2.执行时间：在生命周期的事件上执行二、生命周期三个阶段&amp;nbsp;&amp;nbsp;组件生命周期三个阶段：初始化—变更检测—销毁阶段 初始化：

配置环境变量前言&amp;amp;nbsp;&amp;amp;nbsp;小编一、不是内部命令&amp;amp;nbsp;&amp;amp;nbsp; 二、配置环境变量&amp;amp;nbsp;&amp;amp;nbsp; 小结&amp;amp;nbsp;&amp;amp;nbsp;通过这次的总结，自己对于环境变量有了进一步的认识，从一开始配置Java环境变量时的云里雾里，到现在灵活运用环境变量，真的

前言    小编最近接触了Ionic框架的项目，首先需要安装配置环境，然后启动项目，然而在运行项目的时候遇到了error：Unable to find command。Error  一、本地安装Ionic   cnpm install -g cordova ionic@3.12.0二、运行Ionic项目//第一步npm install//第二步ionic serv...

         前言使用延迟SetTimeOut使用递归方法复制模板小结前言    小编最近遇到一个业务逻辑复杂的前端vue的功能，复制有三级内容的模板。里面会请求多次后端，创建新的对应级别模板。这时候会遇到顺序执行时，请求后端的数据会没有时间去执行，导致产生的数据混乱。使用延迟SetTimeOut    一、复制模板后再重新查询模板数据，需要添加延迟 ...

前言  项目中用户登陆之后，用户携带权限认证的Authorization 的token信息，会有一个过期时间，但是在项目中如何判定这个token过期，并要求用户重新登录，获取一个新的token呢？这时我们就需要使用localStorage设置一个key,存放过期时间。父类中写方法一、BaseUI类中写方法  1.BaseUI是前端系统各个页面都继承的...