沁园春·买车

2020-8-17 Jon 记录

北国车市,品牌无数,种类繁多。看车质网上,投诉多多;4s点,人海茫茫。日韩德法,中美争强,眼花缭乱难辨详。待来日,看各家本领,降价促销。钱景如此多娇,引无数车企竞折腰。前有德系车,机油烧光;再出日系,机油增多。美系费油,法系粗糙,国产韩系毛病多。皆不妥,问买车之事,还需思量。

阅读全文>>

标签: 沁园春·买车 买车 袁巧

评论(8) 浏览(1460)

童年

2020-8-2 Jon 记录

池塘边的榕树上 知了在声声地叫着夏天 操场边的秋千上 只有蝴蝶儿停在上面 黑板上老师的粉笔 还在拼命唧唧喳喳写个不停 等待着下课 等待着放学 等待游戏的童年 福利社里面什么都有 就是口袋里没有半毛钱 诸葛四郎和魔鬼党

阅读全文>>

标签: 歌曲 童年

评论(0) 浏览(524)

js 监听控制台是否打开

2020-7-25 Jon js+jquery+ajax

js 监听控制台是否打开

阅读全文>>

标签: js 监听 控制台 console open

评论(0) 浏览(1134)

Angular 组件通讯父子组件通讯和中间人模式(通过服务通讯)

2020-6-17 Jon angular

angular 是组件化的框架,通过一个个组件来构成整个项目,所以组件之间的通讯是必不可少的,下面就分别说下父子组件通讯和中间人模式通讯的使用。

组件通讯之父子组件之间通讯

// parent.component.html

<h1>父组件</h1> <app-child [value]="value" (valueEvent)="onValueEvent($event)"></app-child>

阅读全文>>

标签: angular 组件 组件通讯 父子组件 服务 中间人

评论(1) 浏览(847)

js 中的同步任务、异步(微队列、宏队列)执行输出顺序

2020-6-2 Jon js+jquery+ajax

js 的执行顺序:js首先执行同步代码,然后执行微队列中的代码,最后执行宏队列中的代码。如果都是微任务或宏队列,谁先加入微队列或宏队列就先输出谁(谁在前面就先输出谁)1. js 中的宏队列 dom 事件回调 ajax 回调 定时器回调 setTimeout 2. js 中的微队列 promise 回调...

阅读全文>>

标签: js 异步 微队列 宏队列 promise 面试题 MutationObserver asap

评论(1) 浏览(1125)

js 中的常见内置错误及错误处理

2020-5-31 Jon js+jquery+ajax

常见内置错误 Error:所有错误对象的父类型 1. ReferenceError: 引用的变量不存在 console.log(a) // ReferenceError: a is not defined 2. TypeError: 数据类型不正确的错误 let b...

阅读全文>>

标签: js javascript error 内置错误

评论(1) 浏览(1174)

Angular 中正确使用 cesium 开发地球插件的步骤

2020-5-27 Jon angular

安装 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 地球

评论(0) 浏览(863)

Angular 显示后端返回的 html 安全转换的管道

2020-5-25 Jon angular

核心代码 管道 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

评论(0) 浏览(804)

ios WKWebview 获取 html 中 dom 点击事件所传递的参数

2020-5-23 Jon 其他

需求 <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 事件

评论(0) 浏览(1034)

Angular 中使用 rxjs 定时请求根据异步请求返回后按间隔定时请求

2020-5-17 Jon angular

某需求需要定时发送请求获取最新数据,最简单的是用 setInterval 但是异步请求数据到返回也是需要消耗时间的,这就会导致可能接口还没返回数据,又重复发了请求。更加准确的做法是每次发送请求响应后再开始计时,而使用 rxjs 来做是非常方便的,下面看具体代码。

阅读全文>>

标签: angular 请求 rxjs async request 异步 定时 间隔 响应

评论(0) 浏览(1296)

Angular 自定义一个简单的http请求拦截器

2020-5-12 Jon angular

请求拦截器,用于实现对http请求和响应的处理、监视,比如:请求头的设置、接口数据缓存、响应的处理。下面就做一个简单的请求拦截后给请求头加 token 和设置缓存控制。1. 创建一个拦截器 ng g interceptor interceptor/request

阅读全文>>

标签: angular http 请求 拦截器 interceptor

评论(0) 浏览(1063)

Angular 给展示的数字添加一个数字格式千分位管道

2020-5-5 Jon 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 管道 数字 千分位 pipe

评论(4) 浏览(1518)

Angular 给 input 添加一个去除两边空格指令

2020-4-29 Jon angular

一般遇到 input 提交内容都会逐个给里面的值去除空格,这是一个重复的劳动力,在 Angular 中可以通过自定义一个指令来解决。考虑到项目中会有多个组件用到,所以一般会将该指令放到 shared 模块下面,下面简单写下步骤。

阅读全文>>

标签: angular 指令 input 空格

评论(0) 浏览(1092)

Angular 9.1.0 线上报错 ReferenceError: _rollupMoment__default is not defined

2020-4-26 Jon angular

原因分析

原因是 angular material 中依赖的时间插件 Moment 和 @angular-devkit/build-angular@0.901.1。 之间的版本问题

解决办法

一、 angular 版本升级到 9.1.1 即可解决

二、 通过配置解决

阅读全文>>

标签: angular material _rollupMoment__default moment

评论(1) 浏览(1379)

前端页面初始化动画 loading 的几种效果

2020-4-17 Jon html+css

前端开发时页面初始化如果不做处理会显示空白,这样用户体验就会比较差,如果替换成加载的动画,这样不仅好看,还能提升用户体验,下面就记录几种常用的页面首屏加载动画效果,都是纯css。彩条转圈 loading 动画,点点点平滑过渡 loading 动画等pc和移动端动画

阅读全文>>

标签: 前端 动画 loading 初始化 单页面 效果 css

评论(0) 浏览(750)

皖ICP备15010162号-1 ©2015-2020 知向前端
qq:1614245331 邮箱:13515678147@163.com Powered by emlog sitemap