JS
文章平均质量分 80
疯小伙五
这个作者很懒,什么都没留下…
展开
-
持久化储存之IndexDB常用方法封装
IndexedDB提供了一套完整的API,包括打开数据库连接,创建数据库对象,增删改查等,然而这些API当中存在部分异步、部分同步的情况,异步接口并非Promise形式,操作起来稍有点复杂,相比localStorage来说,于是我对常用的一些方法进行了二次封装。原创 2022-10-22 10:47:27 · 905 阅读 · 1 评论 -
异步组件之动态弹窗
在大型项目中,我们可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件。 弹窗几乎是项目中比不可少的一部分,它就是经典的异步组件需求。 同时,它也是动态的,需要的时候通过方法来调用执行。原创 2022-10-15 11:47:31 · 1210 阅读 · 0 评论 -
简易步骤控制器
不少复杂函数中都存在一个问题,逻辑步骤或分支较多,很多时候我们都采用if else/Promise等来处理,而有些场景我们不得不额外把一部分逻辑封装成一个函数待以重用。原创 2022-09-29 08:02:39 · 95 阅读 · 0 评论 -
让你像数组一样操作Tree树结构
可以这么说,小到一个生命体,大到整个宇宙,世间万物皆是树。现实生活中最常见的树的例子是家谱,或是公司的组织架构图。树是一种非顺序数据结构,一种分层数据的抽象模型,它对于存储需要快速查找的数据非常有用。一个树结构包含一系列存在父子关系的节点。每个节点都有一个父节点(除了顶部的第一个 节点)以及零个或多个子节点。JS里面没有像Array一样直接的一个Tree对象,也没有处理Tree...原创 2019-11-30 23:06:05 · 495 阅读 · 0 评论 -
一个非常精简灵活的流程控制JS类框架
前段时间,由于业务需求,无意中在网上看到一篇原腾讯高级工程师张镇圳的文章《一个只有99行代码的JS流程框架》其中感悟颇深,而且正好满足现实中的需求。需求如下:有A、B、C、D四个接口; A接口最先请求,B、C接口根据A接口的返回值决定是并发或者串联请求; D接口依赖于C接口,但前提条件是A接口的返回值决定是否请求; 每一次所有流程走完后(包括异步)执行某个特定的任务;尽管上述只有4...原创 2019-11-12 22:13:31 · 579 阅读 · 0 评论 -
Javascript常用的一些数据结构与算法
本文主要讲述Javascript中实现栈、队列、链表、集合、字典、散列表、树、图等数据结构,以及各种排序和搜索算法,包括冒泡排序、选择排序、插入排序、归并排序、快速排序、顺序搜索、二分搜索,最后还介绍了动态规划和贪心算法等常用的高级算法及相关知识。 在阅读之前假设你已了解并可以熟练使用Javascript编写应用程序。 一、数据结构 栈:一种遵从先进后出 (LIFO) 原则的有序集...转载 2018-12-09 22:05:36 · 745 阅读 · 0 评论 -
这里有你不知道的正则表达式
// 去重'aaaannnewwrffqdffv'.replace(/(.)+/g, '$1');// 首字母大写'aaaa nnne wwr ff qdf fv'.replace(/\b\w/g, function(item){ return item.toUpperCase();});// 千分符'12345678912'.replace(/(\d)(?=(\d{3})+$)/g, '$1,'...原创 2018-04-23 20:04:45 · 174 阅读 · 0 评论 -
2016各大互联网公司前端面试题汇总
百度篇 1 写出java运行结果:for(var i=0; i<10; i++){} alert(i); // 102 Cookie、sessionStorage、localStorage的区别3 JSONP原理4 简述css盒模型5 说说get和post请求的区别6 运行结果 var a = {n: 1} var b = a; a.x = a = {n: 2} ...转载 2018-04-23 20:01:17 · 238 阅读 · 0 评论 -
jQuery全屏滚动插件fullPage.js
简介如今我们经常能见到全屏网站,尤其是国外网站。这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面(查看),QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的,显得更上档次,你可以试试 fullPage.js。fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏转载 2014-10-24 09:40:41 · 895 阅读 · 0 评论 -
移动端屏幕适配 fis3+rem方案
移动端多屏适配rem方案 背景1. 开发移动端H5页面2. 面对不同分辨率、dpr的手机3. 面对不同屏幕尺寸的手机 一、概念1、物理像素(physical pixel)一个物理像素是显示器(手机屏幕)上最小的物理显示单元,在操作系统的调度下,每一个设备像素都有自己的颜色值和亮度值。2、设备独立像素(density-independent pixel)设原创 2017-02-10 10:52:19 · 3319 阅读 · 0 评论 -
你认为你懂javascript吗?
So, you think you know JavaScript?Tue, 31 Mar 2009Quick test for real understanding of JavaScript core beyond closures and scopes. Here five small scripts. Try to answer what will be alerted i翻译 2014-11-23 11:07:27 · 502 阅读 · 0 评论 -
JQuery UI datepicker 参数详解
参数(参数名 : 参数类型 : 默认值) altField : String : ” 将选择的日期同步到另一个域中,配合altFormat可以显示不同格式的日期字符串。 初始:(‘.selector’).datepicker({ altField: ‘#actualDate’ }); 获取:var altField =(‘.selector’).datepicker({ altField转载 2015-04-23 17:16:40 · 1538 阅读 · 0 评论 -
深入理解JavaScript的闭包特性 如何给循环中的对象添加事件
JavaScript的闭包特性如何给循环中的对象添加事件初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。有个网友问了个问题,如下的html,为什么点击所有的段落p输出都是5,而不是alert出对应的0,1转载 2015-10-24 17:42:03 · 496 阅读 · 0 评论 -
JS继承的实现几种方式
既然要实现继承,那么首先我们得有一个父类,代码如下:// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉!'); }}// 原型方法Animal.转载 2017-03-22 10:19:14 · 281 阅读 · 0 评论 -
js跨域怎么解决?
JS 跨域原因及其解决方案转载 2014-06-05 10:08:30 · 1190 阅读 · 0 评论 -
jQuery prop和attr有什么区别?
.prop()1、.prop( propertyName )获取匹配集合中第一个元素的Property的值2、.prop( propertyName, value ).prop( map ).prop( propertyName, function(index, oldPropertyValue) )给匹配元素集合设定一个或多个属翻译 2014-07-10 11:40:31 · 549 阅读 · 0 评论 -
canvas刮刮卡在三星s3和一些android4.1系统的手机上不能使用的问题
//画圆 function drawcircle(id,x,y,r){ var ca = document.getElementById(id); var cans = ca.getContext("2d"); cans.globalCompositeOperation转载 2016-05-27 11:38:45 · 514 阅读 · 0 评论 -
吐槽出入react踩过的“坑”
一、渲染篇:1. 第一个要说说“内联样式”:场景:在JSX的render中写内联样式,如报错:warning:Style prop value must be an object react/style-prop-object原因:在React框架的JSX编码格式要求,style必须是一个对象解决:style={{"marginTop:10px"}}原创 2017-09-24 12:40:54 · 7160 阅读 · 1 评论 -
跟着8张思维导图学习javascript
学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出8张javascript相关的思维导图。思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像、颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆、阅转载 2014-09-10 22:43:27 · 2082 阅读 · 0 评论