CSS实现隐藏滚动条并可以滚动内容效果最优解

2020-10-20 Jon html+css

CSS实现隐藏滚动条并可以滚动内容效果 特殊情况下会有隐藏滚动条但是内容很长时要可以滚动的需求，当然可以通过插件来实现，但会给人杀鸡用牛刀的感觉，在此记录下使用 css 处理该需求的实现方式 最常用的方式 兼容性最好的方式

阅读全文>>

标签: css 滚动条

评论(0) 浏览(2796)

微信 js sdk 选择图片的使用

2020-9-25 Jon js库

微信 js sdk 选择图片的使用 见代码

阅读全文>>

标签: js

评论(0) 浏览(2773)

js 如何中断 forEach、map 循环

2020-9-10 Jon js+jquery+ajax

forEach 和 map 1. 区别 forEach 执行后返回 undefined map     执行后返回新数组 2. 共同点 只能遍历数组并参数都一样 不改变原函数（引用类型除外） 无法中断循环；return 只是结束本地循环，进入下一次循环 break 或 continue 都将会报错 使用抛出异常来中断 forEach/map 同样

阅读全文>>

标签: js

评论(0) 浏览(4389)

js 监听控制台是否打开

2020-7-25 Jon js+jquery+ajax

js 监听控制台是否打开

阅读全文>>

标签: js 监听 控制台 console open

评论(0) 浏览(3832)

css3 鼠标经过按钮动画特效

2020-7-22 Jon html+css

css3 鼠标经过按钮动画特效，点击查看

阅读全文>>

标签: css3

评论(0) 浏览(2711)

CSS 3D 翻转效果兼容IE11

2020-7-15 Jon html+css

CSS 3D翻转特效兼容 IE <div class="content"><div class="child child01">3D立体翻转</div><div class="child child02">3D翻转22</div></div>

阅读全文>>

标签: css

评论(0) 浏览(2247)

前端设计模式之观察者模式

2020-6-24 Jon js+jquery+ajax

前端开发中，观察者模式无处不在，可以说是使用非常频繁的设计模式之一了。基础的浏览器内部实现的事件监听，dom的监听，Promise，三大框架的生命周期函数，甚至三大框架中 angular 的 NgRx、react的 Redux 以及 vue 的 Vuex 数据管理模块都是观察者模式的演变。观察者模式属于行为型模式，1对多，由主体和观察者组成，主体负责发布事件，同时观察者通过订阅这些事件来观察该主体，n个观察者对象同时监听某一个主题对象，当主题对象状态变化时，会通知所有的观察者对象

阅读全文>>

标签: 设计模式 观察者模式

评论(0) 浏览(2414)

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

2020-6-17 Jon angular

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

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

// parent.component.html

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

阅读全文>>

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

评论(0) 浏览(3469)

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

2020-6-2 Jon js+jquery+ajax

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

阅读全文>>

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

评论(0) 浏览(3941)

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 内置错误

评论(0) 浏览(3678)

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) 浏览(3767)

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) 浏览(3160)

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) 浏览(4728)

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

2020-5-17 Jon angular

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

阅读全文>>

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

评论(0) 浏览(4939)

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

2020-5-12 Jon angular

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

阅读全文>>

标签: angular http 请求 拦截器 interceptor

评论(0) 浏览(3915)