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

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

2020-10-20 Jon html+css

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

阅读全文>>

标签: css 滚动条

评论(0) 浏览(965)

微信 js sdk 选择图片的使用

2020-9-25 Jon js库

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

阅读全文>>

标签: js

评论(0) 浏览(1135)

js 如何中断 forEach、map 循环

2020-9-10 Jon js+jquery+ajax

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

阅读全文>>

标签: js

评论(0) 浏览(792)

沁园春·买车

2020-8-17 Jon 记录

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

阅读全文>>

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

评论(11) 浏览(2621)

童年

2020-8-2 Jon 记录

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

阅读全文>>

标签: 歌曲 童年

评论(0) 浏览(1535)

js 监听控制台是否打开

2020-7-25 Jon js+jquery+ajax

js 监听控制台是否打开

阅读全文>>

标签: js 监听 控制台 console open

评论(0) 浏览(1864)

css3 鼠标经过按钮动画特效

2020-7-22 Jon html+css

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

阅读全文>>

标签: css3

评论(0) 浏览(1148)

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

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

2020-6-24 Jon js+jquery+ajax

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

阅读全文>>

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

评论(0) 浏览(557)

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

2020-6-17 Jon angular

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

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

// parent.component.html

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

阅读全文>>

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

评论(0) 浏览(1664)

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

2020-6-2 Jon js+jquery+ajax

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

阅读全文>>

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

评论(0) 浏览(1917)

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

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

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

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