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
CSS实现隐藏滚动条并可以滚动内容效果最优解
CSS实现隐藏滚动条并可以滚动内容效果 特殊情况下会有隐藏滚动条但是内容很长时要可以滚动的需求,当然可以通过插件来实现,但会给人杀鸡用牛刀的感觉,在此记录下使用 css 处理该需求的实现方式 最常用的方式 兼容性最好的方式
微信 js sdk 选择图片的使用
微信 js sdk 选择图片的使用 见代码
标签: js
js 如何中断 forEach、map 循环
2020-9-10 Jon js+jquery+ajax
forEach 和 map 1. 区别 forEach 执行后返回 undefined map 执行后返回新数组 2. 共同点 只能遍历数组并参数都一样 不改变原函数(引用类型除外) 无法中断循环;return 只是结束本地循环,进入下一次循环 break 或 continue 都将会报错 使用抛出异常来中断 forEach/map 同样
标签: js
沁园春·买车
北国车市,品牌无数,种类繁多。看车质网上,投诉多多;4s点,人海茫茫。日韩德法,中美争强,眼花缭乱难辨详。待来日,看各家本领,降价促销。钱景如此多娇,引无数车企竞折腰。前有德系车,机油烧光;再出日系,机油增多。美系费油,法系粗糙,国产韩系毛病多。皆不妥,问买车之事,还需思量。
童年
池塘边的榕树上 知了在声声地叫着夏天 操场边的秋千上 只有蝴蝶儿停在上面 黑板上老师的粉笔 还在拼命唧唧喳喳写个不停 等待着下课 等待着放学 等待游戏的童年 福利社里面什么都有 就是口袋里没有半毛钱 诸葛四郎和魔鬼党
js 监听控制台是否打开
2020-7-25 Jon js+jquery+ajax
js 监听控制台是否打开
css3 鼠标经过按钮动画特效
css3 鼠标经过按钮动画特效,点击查看
标签: css3
CSS 3D 翻转效果兼容IE11
CSS 3D翻转特效兼容 IE <div class="content"><div class="child child01">3D立体翻转</div><div class="child child02">3D翻转22</div></div>
标签: css
前端设计模式之观察者模式
2020-6-24 Jon js+jquery+ajax
前端开发中,观察者模式无处不在,可以说是使用非常频繁的设计模式之一了。基础的浏览器内部实现的事件监听,dom的监听,Promise,三大框架的生命周期函数,甚至三大框架中 angular 的 NgRx、react的 Redux 以及 vue 的 Vuex 数据管理模块都是观察者模式的演变。观察者模式属于行为型模式,1对多,由主体和观察者组成,主体负责发布事件,同时观察者通过订阅这些事件来观察该主体,n个观察者对象同时监听某一个主题对象,当主题对象状态变化时,会通知所有的观察者对象
Angular 组件通讯父子组件通讯和中间人模式(通过服务通讯)
angular 是组件化的框架,通过一个个组件来构成整个项目,所以组件之间的通讯是必不可少的,下面就分别说下父子组件通讯和中间人模式通讯的使用。
组件通讯之父子组件之间通讯
// parent.component.html
<h1>父组件</h1> <app-child [value]="value" (valueEvent)="onValueEvent($event)"></app-child>
标签: angular 组件 组件通讯 父子组件 服务 中间人
js 中的同步任务、异步(微队列、宏队列)执行输出顺序
2020-6-2 Jon js+jquery+ajax
js 的执行顺序:js首先执行同步代码,然后执行微队列中的代码,最后执行宏队列中的代码。如果都是微任务或宏队列,谁先加入微队列或宏队列就先输出谁(谁在前面就先输出谁)1. js 中的宏队列 dom 事件回调 ajax 回调 定时器回调 setTimeout 2. js 中的微队列 promise 回调...
标签: js 异步 微队列 宏队列 promise 面试题 MutationObserver asap
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 内置错误
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代码在线转义与反转义 https://www.sojson.com/rehtml
2022-04-25 11:33
- 微信开发者工具测试公众号网页时,输入地址报response_type 参数错误解决方案:只需在页面当前链接后面添加 &response_type=code&scope=snsapi_login 即可正确授权
2022-04-24 13:24
最新评论
- 云帆沧海
学习到了 - Jon
@u96e8:已添加
分类
随机文章
最新文章
热门文章
存档
- 2021年7月(1)
- 2021年6月(1)
- 2021年5月(1)
- 2021年4月(1)
- 2021年3月(2)
- 2021年2月(3)
- 2021年1月(3)
- 2020年12月(1)
- 2020年11月(2)
- 2020年10月(2)
- 2020年9月(2)
- 2020年8月(2)
- 2020年7月(3)
- 2020年6月(3)
- 2020年5月(7)
- 2020年4月(5)
- 2020年3月(3)
- 2020年2月(2)
- 2020年1月(2)
- 2019年12月(2)
- 2019年11月(1)
- 2019年10月(3)
- 2019年9月(1)
- 2019年8月(2)
- 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)
- 2018年1月(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)