Angular 中正确使用 cesium 开发地球插件的步骤
安装 cesium 依赖 yarn add angular-cesium cesium 导入并添加 AngularCesiumModule 到你的应用模块 // Angular Cesium import { AngularCesiumModule } from 'angular-cesium'; // .... @NgModule({ // ... imports: [ // ... AngularCesiumModule.forRoot() ] // ... }) 在 angular.json (角> = 6)文件添加 cesium 资源
标签: angular cesium cesium插件 cesium使用 angular-cesium 地球
Angular 显示后端返回的 html 安全转换的管道
核心代码 管道 ts 代码 import {Pipe, PipeTransform} from '@angular/core'; import {DomSanitizer} from '@angular/platform-browser'; @Pipe({ name: 'safeHtml' }) export class SafeHtmlPipe implements PipeTransform { constructor(private sanitized: DomSanitizer) {}
标签: html angular 管道 pipe safe safeHtml
ios WKWebview 获取 html 中 dom 点击事件所传递的参数
需求 <button type="button" onclick="jsFun('参数')">js调用oc的按钮2</button> ios 里面只有上面html代码，需要点击时获取参数进行处理 实现 // 需要注入的js代码，自定义方法名自己起 function jsFun(x){window.webkit.messageHandlers.自定义方法名.postMessage(x);} // 在OC中，将上面js代码 jsFun 以字符串的形式传给 WKUserScript
标签: js html ios WKWebview dom 事件
Angular 中使用 rxjs 定时请求根据异步请求返回后按间隔定时请求
某需求需要定时发送请求获取最新数据，最简单的是用 setInterval 但是异步请求数据到返回也是需要消耗时间的，这就会导致可能接口还没返回数据，又重复发了请求。更加准确的做法是每次发送请求响应后再开始计时，而使用 rxjs 来做是非常方便的，下面看具体代码。
标签: angular 请求 rxjs async request 异步 定时 间隔 响应
Angular 自定义一个简单的http请求拦截器
请求拦截器，用于实现对http请求和响应的处理、监视，比如：请求头的设置、接口数据缓存、响应的处理。下面就做一个简单的请求拦截后给请求头加 token 和设置缓存控制。1. 创建一个拦截器 ng g interceptor interceptor/request
标签: angular http 请求 拦截器 interceptor
Angular 给展示的数字添加一个数字格式千分位管道
最终效果 242 => 242 369511 => 369,511 41262132 => 41,262,132 6456122331 => 6,456,122,331 在共享模块 shared 模块中创建数字管道 ng g p shared/pipe/number-format 在 shared 模块中导出管道
Angular 给 input 添加一个去除两边空格指令
一般遇到 input 提交内容都会逐个给里面的值去除空格，这是一个重复的劳动力，在 Angular 中可以通过自定义一个指令来解决。考虑到项目中会有多个组件用到，所以一般会将该指令放到 shared 模块下面，下面简单写下步骤。
Angular 9.1.0 线上报错 ReferenceError: _rollupMoment__default is not defined
原因分析
原因是 angular material 中依赖的时间插件 Moment 和 @angular-devkit/build-angular@0.901.1。 之间的版本问题
解决办法
一、 angular 版本升级到 9.1.1 即可解决
二、 通过配置解决
标签: angular material _rollupMoment__default moment
前端页面初始化动画 loading 的几种效果
前端开发时页面初始化如果不做处理会显示空白，这样用户体验就会比较差，如果替换成加载的动画，这样不仅好看，还能提升用户体验，下面就记录几种常用的页面首屏加载动画效果，都是纯css。彩条转圈 loading 动画，点点点平滑过渡 loading 动画等pc和移动端动画
标签: 前端 动画 loading 初始化 单页面 效果 css
VSCode markdown 文件中无法使用用户代码片段 snippet 问题
因为设置代码块无法在 markdown 格式的文件中使用,于是就百度了下,找到了解决方法,记录于此。在 vs code 中 crtl + shift + p输入 settings, 找到 “配置语言特定设置”，点击，再找到 markdown 点击打开设置相关内容
标签: vscode markdown 用户代码片段 snippet
原生 js 封装简单 ajax 方法以及使用 nodejs 配置测试跨域环境
有事业务需求很简单，只需要调用后台接口，然后简单的页面布局，数据填充，没有太多交互的操作，如果这时还使用框架或者jQuery库的话，未免大材小用，造成不必要的代码冗余。其实只需要使用 ajax 的和简单的操作 dom 的话，自己封装下就好了
emlog 让微语支持搜索功能
emlog 自带的微语是没有搜索功能的，这就导致当微语条很多时，想找到以前发的微语就只能一页一页的往下翻，非常不方便，但是这个是可以通过技术手段来实现该功能的。实现微语搜索功能 修改注意事项 本博客使用的是emlog5.3.1版本，如果更高版本可能无法找到对应文件，但是若是懂点技术的话，作为参考一样可以修改好的。最重要的就把要改的文件备份下然后再进行修改
emlog 将富文本编辑器 kindeditor 替换为 tinyMCE
emlog 自带的富文本编辑器 kindeditor 比较老，排版非常麻烦，使用起来也不方便，不过我们可以通过技术手段来把它替换成我们想要的富文本编辑
标签: 富文本
记录几个 markdown 编写工具 - 快速编写文档
推荐几款markdown的软件Typora介绍Typora是一款轻便简洁的Markdown编辑器，支持即时渲染技术，这也是与其他Markdown编辑器最显著的区别。即时渲染使得你写Markdown就想是写Word文档一样流畅自如，不像其他编辑器的有编辑栏和显示栏。平台: 全平台覆盖
标签: markdown
jQuery和单页应用中折叠菜单互不影响的实现对比
2020-2-18 Jon js+jquery+ajax
jquery 折叠菜单互不影响的实现 直接操作 dom <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titlejquery 折叠菜单互不影响的实现 直接操作 dom</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">
日历
最新微语
- 我寄愁心与明月，随风直到夜郎西。
2021-06-11 17:14
- 小姐不能有了性欲才接客，
作家不能有了灵感才写作。
2021-06-11 17:10
最新评论
- Octaviofitte
Hello, New musi... - sibtIuKRHSG
IDgKPQNjtfzhbUEW
分类
随机文章
最新文章
热门文章
存档
- 2021年6月(1)
- 2021年2月(1)
- 2020年12月(1)
- 2020年11月(2)
- 2020年10月(1)
- 2020年9月(2)
- 2020年8月(2)
- 2020年7月(2)
- 2020年6月(2)
- 2020年5月(7)
- 2020年4月(5)
- 2020年3月(3)
- 2020年2月(2)
- 2020年1月(2)
- 2019年12月(1)
- 2019年11月(1)
- 2019年10月(3)
- 2019年9月(1)
- 2019年8月(1)
- 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月(1)
- 2018年8月(1)
- 2018年7月(1)
- 2018年6月(3)
- 2018年5月(2)
- 2018年3月(1)
- 2018年2月(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)