cesium 中https使用地球皮肤请求地址不安全问题
在https环境下使用cesium时若是出现地球皮肤无法访问的问题 这时点击该地址会报不安全的网络 其实是因为早期的cesium版本中没有设计安全https皮肤地址 只需要更新最新的cesium即可,但是往往情况复杂不予许随便更新,又或者怕更新后出现新问题 那么只需要对之前的cesium.js文件进行修复即可 修复也是很简单 打开node_modules/cesium/Build/CesiumUnminified/Cesium.js 搜索Imagery/Metadata并找到如下代码 var metadataResource = this._resource.getDeri...deployUrl解决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...使用 navigator.userAgent 判断当前浏览器内核
前端开发中,经常会出现对不同浏览器内核使用不同的方式处理问题,以达到兼容性更好的目的,那就涉及到判断当前浏览器使用的内核。这里使用 navigator.userAgent 判断当前浏览器内核。
标签: 浏览器
使用npm list查看项目已经安装的模块版本
由于早期的一些项目没有package-lock.json文件 别人下载项目后npm i后版本会自动升级造成项目不兼容 由于历史原因package.json文件中的版本会和真正安装的版本不同 这个时候就需要给本项目添加lock文件或者是让此项目可安装使用 其中最大的问题就是要知道正常运行时所有安装模块的版本是多少 如果一个个包看,工作量无疑巨大。 下面介绍几个npm命令,使用此命令可以简单得到所有模块真实安装版本号。 以便开发者自己调整项目。 npm list 这个指令可以用来 显示 出我们的项目中安装了哪些模块,其实就是 package.json 文件中 的 depend...标签: npm
关于本博客http升级为更安全的https的小结
全民https的时代,http感觉落伍了 是时候将博客升级为https了 干就完了 首先虚拟主机基于阿里云,直接登录阿里云找到管理 找到强制HTTPS加密访问列点击对应域名下面的开启按钮 选择免费证书后同意并点击确认,然后等待10分钟左右在访问你的域名就会自动使用https 至此主机层面的升级已经完成,是不是很简单呢 这个时候会发现只有在输入刚好整个域名时才会到https 也就是 yuanqiao.pw 会跳转 yuanqiao.pw/sponsor.html 并不会跳转 而这里我使用的是emlog搭建的博客 会存在站内大量跳转链接不会自动加http...标签: https
package.json中模块版本前^,~以及什么都没有的区别
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
js模拟元素点击事件以及下载网络资源文件方法乱炖
2019-6-20 Jon js+jquery+ajax
一、a标签的download下载功能 只能下载本地文件即同一个域名的文件(base64位图片地址也是属于本地地址)如 <a href="/images/logo.png" download="logo"> 若是其它域名下的文件则无法下载会直接打开如 <a href="http://yuanqiao.pw/images/logo.png" download="logo"> 兼容性 浏览器 兼容版本 目前最新版本 ...标签: 模拟点击
http和http2以及https
一、介绍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
angular 打包后运行报错Attempting to attach an unknown Portal type
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
网站配置二级域名指定到对应文件夹
二级域名 相对于顶级域名的叫法 比如: baidu.com (顶级域名) www.baidu.com (二级域名) zhidao.baidu.com(二级域名) map.baidu.com (二级域名) www.map.baidu.com(三级域...标签: 域名
七牛云测试域名过期内容如何下载下来
使用七牛来保存静态资源是一件很常用的事情 但是免费的总是会出现各种问题 我的七牛之前的测试域名就过期了 导致之前放上去的各种静态资源都无法使用 因为没怎么关心邮件提醒 导致现在七牛上的资源不能使用并且无法下载下来 这令人非常头疼 经过查找,找到了一个下载七牛上资源的方法 在此记录下,方便后人使用 这个是七牛命令号辅助工具 只有通过此工具才能下载资源 这个使用需要些命令行知识 废话少说直接上干货 1. 下载 七牛命令行辅助工具 qrsctl 下载地址 https://developer.qiniu.com/kodo/...标签: 七牛云存储
检查turn服务器是否处于活跃状态
使用webRTC时 有时需要自己搭建turn服务器 如何测试搭建好的turn服务器是否可用 下面给出代码 修改checkTURNServer里面对象的 url/username/credential分别对应url/用户名/密码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...标签: webRTC
Angular 多环境配置
实际开发中,我们经常需要配置多个环境,如:开发环境、测试环境、生产环境。 比如接口的地址在不同环境下各有一个地址,如: 开发环境:http://dev.xxx.xxx 测试环境:http://test.xxx.xxx 生产环境:http://www.xxx.xxx Angular给我们提供了一个很方便的方式,就是通过environment变量来控制 1、找到src/environments目录, 用@angular/cli工具创建的项目默认会有environment.prod.ts(生产环境) 和environment.ts(开发环境),为了方便测试环境,我们再新建一个...标签: 多环境
angular界面引导插件ngx-joyride的使用
先看几个常用的jquery引导插件效果 1、intro.js 2、Bootstrap Tour 3、Bootstro.js 4、aSimpleTour 5、Joyride 如果在angular 中也使用上述jquery的插件当然也是可以的,但会产生以下几个问题: 1、要引入jquery库,这就增加的代码量,而且用到的部分并不多,导致代码冗余。 2、因为是基于jquery 的所以对dom的操作较为频繁,性能上也会产生影响。 3、对angular组件化、模块化方式操作不友好,使用较为繁琐。 这时,我们需要一种基于angul...标签: 插件
angular 中的路由简单的配置详解
1.重定向路由配置 const routes: Routes = [ {path:'', redirectTo: '/home', pathMatch:'full'}, {path:'home', component: HomeComponent }, // 默认展示HomeComponnet {path:'about', component: AboutComponent} ]; 作用就是可以指定访问某个路由时跳转到其它路由,如上述所示当访问的是根路由时则直接重定向到home路由,展示HomeComponent组件的内容。 pathMatch: 'full'表示全部符合才...标签: angular
日历
最新微语
- html转义与翻转义工具
https://www.sojson.com/rehtml#google_vignette
2024-09-03 15:28
- 周公恐惧流言日,王莽谦恭未篡时
2024-09-03 15:28
最新评论
分类
随机文章
最新文章
热门文章
存档
- 2023年1月(1)
- 2022年8月(1)
- 2022年5月(1)
- 2021年8月(1)
- 2021年7月(1)
- 2021年6月(1)
- 2021年5月(1)
- 2021年4月(1)
- 2021年3月(2)
- 2021年2月(3)
- 2021年1月(3)
- 2020年12月(1)
- 2020年11月(2)
- 2020年10月(2)
- 2020年9月(2)
- 2020年8月(2)
- 2020年7月(3)
- 2020年6月(3)
- 2020年5月(7)
- 2020年4月(5)
- 2020年3月(3)
- 2020年2月(2)
- 2020年1月(2)
- 2019年12月(2)
- 2019年11月(1)
- 2019年10月(3)
- 2019年9月(1)
- 2019年8月(2)
- 2019年7月(4)
- 2019年6月(5)
- 2019年5月(5)
- 2019年4月(3)
- 2019年3月(2)
- 2019年2月(2)
- 2019年1月(3)
- 2018年12月(1)
- 2018年11月(1)
- 2018年10月(1)
- 2018年9月(2)
- 2018年8月(1)
- 2018年7月(1)
- 2018年6月(3)
- 2018年5月(2)
- 2018年3月(1)
- 2018年2月(1)
- 2018年1月(1)
- 2017年11月(1)
- 2017年10月(1)
- 2017年8月(2)
- 2017年5月(1)
- 2016年11月(1)
- 2016年10月(2)
- 2016年9月(1)
- 2016年8月(1)
- 2016年7月(2)
- 2016年6月(2)
- 2016年5月(7)
- 2016年4月(6)
- 2016年3月(3)
- 2016年2月(2)
- 2016年1月(3)
- 2015年12月(2)
- 2015年11月(2)
- 2015年10月(3)
- 2015年9月(2)
- 2015年8月(4)
- 2015年7月(4)
- 2015年6月(8)
- 2015年5月(34)
- 2015年4月(8)
- 2015年3月(2)