js 达夫设备和其他 for 循环性能对比

2020-10-23 Jon js+jquery+ajax

for/for of循环对比结论：4000 一下 for of 快，大于 4000 for 更快 达夫设备  vs  for循环 经过多次不同处理方式不同数据量的测试得出以下结论 如果进行数据处理 比如调用方法 push 两者 性能差不多 如果只是单纯循环速度，达夫设备 完胜 for循环 如果考虑代码可读性和简洁性，for 循环 更胜一筹 个人感觉 100万数据以内完全用不到达夫设备 for 循环就很快 对于更大数据的循环，如果性能要求比较高，可以考虑达夫设备

阅读全文>>

标签: js

评论(0) 浏览(1236)

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

2020-10-20 Jon html+css

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

阅读全文>>

标签: css 滚动条

评论(0) 浏览(1212)

微信 js sdk 选择图片的使用

2020-9-25 Jon js库

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

阅读全文>>

标签: js

评论(0) 浏览(1387)

js 如何中断 forEach、map 循环

2020-9-10 Jon js+jquery+ajax

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

阅读全文>>

标签: js

评论(0) 浏览(1525)

沁园春·买车

2020-8-17 Jon 记录

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

阅读全文>>

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

评论(11) 浏览(3266)

童年

2020-8-2 Jon 记录

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

阅读全文>>

标签: 歌曲 童年

评论(0) 浏览(2200)

js 监听控制台是否打开

2020-7-25 Jon js+jquery+ajax

js 监听控制台是否打开

阅读全文>>

标签: js 监听 控制台 console open

评论(0) 浏览(2169)

css3 鼠标经过按钮动画特效

2020-7-22 Jon html+css

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

阅读全文>>

标签: css3

评论(0) 浏览(1396)

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

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

2020-6-24 Jon js+jquery+ajax

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

阅读全文>>

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

评论(0) 浏览(767)

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

2020-6-17 Jon angular

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

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

// parent.component.html

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

阅读全文>>

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

评论(0) 浏览(1904)

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

2020-6-2 Jon js+jquery+ajax

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

阅读全文>>

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

评论(0) 浏览(2186)

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

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

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