javaScript
关注
分享
扫一扫
文章平均质量分 86
MoveLikeRabbit
这个作者很懒，什么都没留下…
展开
-
ES7-10特性速览
ECMAScript版本 新增特性 ECMAScript2016(ES7) 数据inclued, Math.pow ECMAScript2017(ES8) 异步操作、Object String 能力进一步增强，让代码编写更加效率 ECMAScript2018(ES9) 遍历中的异步，异步归一操作等问题，提供了对象的拷贝和筛选功能，增强了正则 ECMAScript2019(ES10) JSON问题修复，数组、字符串、对象、函数能力增强，BigInt ES7 Array.prot...原创 2021-05-17 20:12:36 · 222 阅读 · 0 评论 -
JS函数防抖和节流
在前端开发的过程中，我们经常会遇到连续触发的事件，比如resize、scroll、keydown 等等，有些时候，比如触发事件会有Ajax请求，耗时的运算，页面渲染等，我们不希望在事件持续触发的过程中那么频繁地去执行函数。 一般来说，防抖和节流是比较好的解决方案。 tips: 防抖和节流都是利用了闭包来保持对函数内变量的持续引用 另外还需要注意的是 this 和 参数的传递 防抖（debounce） 防抖就是在事件触发n毫秒后执行函数，如果在这期间再次触发则重新计算函数执行事件，即：连续的触发中只有最后原创 2020-07-30 15:18:16 · 226 阅读 · 0 评论 -
前端开发踩坑日记
1. react antd的setFiledsValue 和 debounce 一起用会有问题原创 2020-06-09 10:06:24 · 298 阅读 · 0 评论 -
前端-JS获取对象属性需先判空
前端开发，在接口约定基础上，必须对对用的对象做非空校验，来保证前端代码的健壮性 参考：阮一峰《ES6入门》链判断运算符 1. TypeScript 3.7 Optional Chaining const data = {product:{productId:12},order:null} const productId = data?.product?.productId //12 const orderId = data?.order?.orderId原创 2020-06-08 19:44:27 · 688 阅读 · 0 评论 -
JS实现排序算法
1. BubbleSort 基本思想：依次比较相邻两个数，较大的数下沉，较小的数冒起来。 优化： 设置flag 排好序后终止多余的循环 平均时间复杂度：O(n2) let temp let flag var arr = [20, 17, 13, 28, 14, 23, 15, 42] for (let i = 0; i < arr.length; i++) { ...原创 2019-05-27 18:47:18 · 187 阅读 · 0 评论 -
javascript 原型 原型链 继承
每个函数对象都有一个prototype属性，但普通对象没有prototype属性，prototype下面有一个constructor，指向这个函数 每个人对象有一个名为[[prototype]]的内部属性，指向所对应的构造函数的原型对象，原型链基于__proto__ Object Function 互相继承对方，既是函数也是对象 属性查找 在访问对象的某个成员的时候会先在对象中找是...原创 2018-10-02 15:35:03 · 307 阅读 · 0 评论 -
JavaScript 运行机制 宏任务微任务
[转载自ssssyoki的博客](https://juejin.im/post/59e85eebf265da430d571f89 1.关于javascript javascript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的，一切javascript多线程都是纸老虎...原创 2018-10-01 16:56:04 · 933 阅读 · 0 评论 -
同源策略及跨站 学习笔记
同源策略 1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。 最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页”同源”。所谓”同源”指的是”三个相同”。 协议相同 域名相同 端口相同 “同源政策”是必需的，否则 Cookie 可以共享，互联网就毫无安全可言了 浏览器同时还规定，提交表单不受同源政策的限制。...原创 2018-07-25 23:01:04 · 261 阅读 · 0 评论 -
JavaScript 经典笔试面试题
1. 变量提升 + function() { alert(1); alert(a); var a = function() { console.log(1); } function a() { consol...原创 2018-07-25 17:54:07 · 975 阅读 · 0 评论 -
前端算法防虐题汇总
最近面试的时候遇到了数组全排的问题问题如下 假设有一个集合 [‘foo’, ‘bar’, ‘hello’, ‘world’]，求这个集合里单词组合起来的所有不同的结果，比如： foobarhelloworld barfoohelloworld … 相信很多宝宝都遇到过类似的笔试题，天下程序员是一家，前端也要精于算法原创 2017-09-22 16:16:48 · 392 阅读 · 0 评论 -
单页 hash 跳转
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>单页hash跳转</title> </head> <body> <script> window.addEventListener("DOMContentLoaded", function(){ //DOM树构建完成后执行下面的代码原创 2017-09-22 11:57:11 · 1014 阅读 · 0 评论 -
正则表达式总结
RegExp (regular expression) 正则表达式语法 /pattern/flags 字面量 new RegExp(pattern [, flags]) 构造函数 RegExp(pattern [, flags]) 工厂符号 flagsg 全局匹配 i 忽略大小写 m 匹配多行 将开始和结束符 (^ $) 视为在多行上工作，分别匹配每一行的原创 2017-10-08 12:26:11 · 323 阅读 · 0 评论 -
AngularJS 过滤器\自定义过滤器 $filter
【AngularJS】—— 内置过滤器 Qyizos Qyi***@163.com 1、uppercase，lowercase 大小写转换 {{ "lower cap string" | uppercase }} // => LOWER CAP STRING {{ "TANK is GOOD" | lowercase }} /原创 2017-09-19 14:06:00 · 551 阅读 · 0 评论 -
事件流 和 事件绑定
事件流 定义： 1.事件流描述的是从页面中接收事件的顺序,也可理解为事件在页面中传播的顺序。 2.事件就是用户或浏览器自身执行的某种动作。诸如click(点击)、load(加载)、mouseover(鼠标悬停)。 3.事件处理程序响应某个事件的函数就叫事件处理程序(或事件侦听器)。 下面所示例子注册事件的方式均使用DOM2级事件定义的事件处理程序进行注册，兼容性的问题不涉及。原创 2017-09-28 02:44:41 · 294 阅读 · 0 评论