angular配置全局路由跳转不添加到历史记录之曲线救国

2019-10-13 一诺 angular

在开发angular项目中遇到一个需求是路由跳转不记录在浏览器历史中，即使用浏览器回退时不会退到进入当前页面的前一个页面，而是退到前前一个页面。 这个其实很简单，在angular也给出了相应的解决方案即 1.如果跳转发生在html中即使用routerLink时加上replaceUrl="true"即可 <button routerLink="/order" replaceUrl="true">to order</button> 2.如果跳转发生在ts中即 this.router.navigate(['/order'], { replaceUrl: true });...

阅读全文>>

评论(0) 浏览(747)

angular回掉函数里数据修改视图不更新的问题解决

2019-10-6 一诺 angular

做angular项目中有时会遇到组件中的数据变化后视图中没有更新的问题 问题出现的场景： 可能是项目存在已久代码已不知所云、或者是陷入某个回调函数中、又或是使用了某个插件后。 先看下angular的变更检测策略： Default ：ng提供的Default的检测策略，只要组件的input发生改变，就触发检测； OnPush ：OnPush检测策略是input发生改变，并不立即触发检测，而是输入的引用发生变化时，才会触发检测。 ChangeDetectorRef.detectChanges()：可显式的控制变更检测，在需要的地方使用即可； NgZone.run()：在整个应用...

阅读全文>>

评论(0) 浏览(910)

cesium 中https使用地球皮肤请求地址不安全问题

2019-10-1 一诺 js库

在https环境下使用cesium时若是出现地球皮肤无法访问的问题 这时点击该地址会报不安全的网络 其实是因为早期的cesium版本中没有设计安全https皮肤地址 只需要更新最新的cesium即可，但是往往情况复杂不予许随便更新，又或者怕更新后出现新问题 那么只需要对之前的cesium.js文件进行修复即可 修复也是很简单 打开node_modules/cesium/Build/CesiumUnminified/Cesium.js 搜索Imagery/Metadata并找到如下代码 var metadataResource = this._resource.getDeri...

阅读全文>>

评论(0) 浏览(513)

deployUrl解决angular项目打包后静态资源的部署到其它目录的问题

2019-9-14 一诺 angular

通常angular 打包后里面的css、js文件放到了别的服务器，或者放到了别的目录 1、当前服务器aaa.com index放到了aaa.com下面，css/js文件放到了bbb.com下面 2、当前服务器aaa.com index放到了aaa.com下面，css/js放到了aaa.com/public/下面 最简单的办法就是将打包好的index.html里面的资源前面设置为对应的绝对路径和相对路径即可。 那么当遇到项目中有懒加载和预加载摸模块文件时，这些文件不直接在index中引用，而是通过runtime.**.js中引用 这时问题就会出现，部署上后发现懒加载模块文件报4...

阅读全文>>

评论(0) 浏览(984)

使用npm list查看项目已经安装的模块版本

2019-7-27 一诺 前端工具

由于早期的一些项目没有package-lock.json文件 别人下载项目后npm i后版本会自动升级造成项目不兼容 由于历史原因package.json文件中的版本会和真正安装的版本不同 这个时候就需要给本项目添加lock文件或者是让此项目可安装使用 其中最大的问题就是要知道正常运行时所有安装模块的版本是多少 如果一个个包看，工作量无疑巨大。 下面介绍几个npm命令，使用此命令可以简单得到所有模块真实安装版本号。 以便开发者自己调整项目。 npm list 这个指令可以用来 显示 出我们的项目中安装了哪些模块，其实就是 package.json 文件中 的 depend...

阅读全文>>

标签: npm

评论(0) 浏览(840)

关于本博客http升级为更安全的https的小结

2019-7-23 一诺 前端工具

全民https的时代，http感觉落伍了 是时候将博客升级为https了 干就完了 首先虚拟主机基于阿里云，直接登录阿里云找到管理 找到强制HTTPS加密访问列点击对应域名下面的开启按钮 选择免费证书后同意并点击确认，然后等待10分钟左右在访问你的域名就会自动使用https 至此主机层面的升级已经完成，是不是很简单呢 这个时候会发现只有在输入刚好整个域名时才会到https 也就是 yuanqiao.pw 会跳转 yuanqiao.pw/sponsor.html 并不会跳转 而这里我使用的是emlog搭建的博客 会存在站内大量跳转链接不会自动加http...

阅读全文>>

标签: https

评论(0) 浏览(1039)

package.json中模块版本前^,~以及什么都没有的区别

2019-7-14 一诺 前端工具

1、package.json是什么？         在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的描述文件，被称为package.json。 2、package.json案例 { "name": "test", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", ...

阅读全文>>

标签: package

评论(0) 浏览(886)

js模拟元素点击事件以及下载网络资源文件方法乱炖

2019-6-20 一诺 js+jquery+ajax

一、a标签的download下载功能   只能下载本地文件即同一个域名的文件（base64位图片地址也是属于本地地址）如   <a href="/images/logo.png" download="logo">   若是其它域名下的文件则无法下载会直接打开如   <a href="http://yuanqiao.pw/images/logo.png" download="logo">   兼容性     浏览器    兼容版本    目前最新版本 ...

阅读全文>>

标签: 模拟点击

评论(0) 浏览(974)

http和http2以及https

2019-6-10 一诺 其他

一、介绍http HTTP 协议是互联网的基础协议，也是网页开发的必备知识，最新版本 HTTP/2 更是让它成为技术热点。 HTTP 是基于 TCP/IP 协议的应用层协议。它不涉及数据包（packet）传输，主要规定了客户端和服务器之间的通信格式，默认使用80端口。 二、HTTP/0.9 最早版本是1991年发布的0.9版。该版本极其简单，只有一个命令GET。协议规定，服务器只能回应HTML格式的字符串，不能回应别的格式。服务器发送完毕，就关闭TCP连接。 三、HTTP/1.0 3.1 简介 1996年5月，HTTP/1.0 版本发布，内容大大增加。 首先，任何格式的...

阅读全文>>

标签: http

评论(0) 浏览(967)

angular 打包后运行报错Attempting to attach an unknown Portal type

2019-6-5 一诺 angular

angular 打包后运行报错Attempting to attach an unknown Portal type & 以及查看包大小 报错详情 ERROR Error: Attempting to attach an unknown Portal type. BasePortalHost accepts either a ComponentPortal or a TemplatePortal. ng serve 没有问题 ng build --prod 出现问题 ng serve --prod 出现问题 问题原因    &nb...

阅读全文>>

标签: angular

评论(0) 浏览(645)