javascript技巧
-
JS如何实现封装列表右滑动删除收藏按钮
前言 列表右滑动展示删除和收藏按钮就类似微信或者美团饿了吗的列表,右滑动出现指定的按钮功能: 本来我是想把前几年支付宝的一个机试题拿来讲,奈何我记不太清题目,也找不到当时做的题了,所以只好将就一下那这 ...
-
JavaScript的三种BOM对象
目录 一.location对象 1.URL 2.location 对象的属性 3.location 对象的方法 二.navigator对象 三.history对象 总结 window 对象给我们提供了 ...
-
教你用typescript类型来推算斐波那契
目录 写在前面 斐波那契 实现逻辑 第一个问题:第0和第1个数返回自身 第二个问题:某个数等于前两个数相加 第三个问题:推算一个数需要循环或者递归得到前两个值 第四个问题 结论 解决todo +1操作 ...
-
详解JavaScript中的闭包是如何产生的
目录 闭包的产生 多个内部函数共享一个闭包对象 结尾 这次从内存管理的角度来看看,闭包是怎么产生的. 我们知道,在调用函数时,其实会产生临时的 调用栈.这些调用栈保存的是 执行上下本,并实际保存在 栈 ...
-
JS实现分页导航效果
前言 最近的项目需要添加一个分页导航的功能,没有用网上封装好的文件.通过JS自己简单实现了效果.下面和大家分享一下. 内容 下图为首次加载后的效果,默认显示5页, 当点击下一页时将选中页面的页码置于中 ...
-
原生js+ajax分页组件
本文实例为大家分享了js+ajax分页组件的具体代码,供大家参考,具体内容如下 1.定义分页组件DOM <div id="pagination" class="pa ...
-
JavaScript设计模式组合设计模式案例
目录 前言 组合设计模式的业务场景 组合设计模式小案例 前言 组合设计模式是用于将多个部分通过组合的方式行成一个整体,就比如我们去吃饭,点了一份米饭和一份鱼香肉丝,这些东西可以看成一个部分,通过组合的 ...
-
JS实现视频弹幕效果
使用ES6的模块化开发及观察者模式来实现.观察者模式有很多种形式,这里是使用"注册-通知-撤销注册"的形式.TimeManager类可以返回一个单例,每一条弹幕作为一个观察者,注册 ...
-
js实现签到日历
本文实例为大家分享了js实现签到日历的具体代码,供大家参考,具体内容如下 wxml代码 <view class="boxMain" style="height:{{ ...
-
如何利用js给自己照相并修图
目录 效果展示 1.思路 1.1搭建静态页面 1.1.1 控制区域 1.1.2照片区域 2.实现 2.1申请网络摄像头操作权限 2.2点击照相函数和保存图片 2.3绑定change事件动态修改图片 ...
-
一篇文章告诉你如何用事件委托实现JavaScript留言板功能
用事件委托实现留言板功能. <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...
-
mongoose之bulkWrite操作使用实例
目录 前言 一: bulkWrite小小解释 二:具体操作 insertOne updateOne updateMany deleteOne deleteMany replaceOne 三:优点 四: ...
-
JS封装cavans多种滤镜组件
目录 一.实现思路 二.cavans前置准备 1.获取cavans 2.获取2d context对象 3.绘制图片到cavans上 4.获取在cavans上已绘制图片数据 三.原理及实现 1.黑白调 ...
-
CommonJS与ES6 Module的使用区别分析
目录 前言 1. CommonJS 1.1 导出 1.2 导入 2. ES6 Module 2.1 导出 2.2 导入 3. CommonJS 与 ES6 Module 的区别 3.1 区别一 3.2 ...
-
微信小程序实现滚动条功能
本文实例为大家分享了微信小程序实现滚动条的具体代码,供大家参考,具体内容如下 view <view class="conty"> <!-- 滚动字幕 --&g ...
-
JavaScript获取时区实现过程解析
在一个大型的项目中,不可避免会出现操作时间的业务,比如时间的格式化,比如时间的加减,我们一般会直接使用moment.js库来做,毕竟稳定可靠,也方便,那当我们系统只是几个简单页面,对时间的操作并不是很 ...
-
JavaScript数组合并案例讲解
方法一: var a = [1,2,3]; var b=[4,5] a = a.concat(b); console.log(a); //此处输出为 [1, 2, 3 ,4 ,5] 方法二: // E ...
-
js实现轮播图特效
本文实例为大家分享了js实现轮播图特效的具体代码,供大家参考,具体内容如下 只需要修改图片的src即可 html: <body> <div id="rollImgBox&q ...
-
JS实现消灭星星案例
本文实例为大家分享了JS实现消灭星星的具体代码,供大家参考,具体内容如下 消灭星星的效果图: 功能需求: 1.点击星星,星星消失 2.每隔一秒自动生成一颗星星 3.星星的大小.出现位置是随机的 案例代 ...
-
jJavaScript中toFixed()和正则表达式的坑
目录 toFixed精度问题 导致原因 解决办法 正则表达式全局匹配的坑 toFixed精度问题 toFixed方法可以把Number四舍五入为指定小数位数的数字.可是大家看下下面这张图,发现了什么? ...
