网站首页 JavaScript
-
详解JavaScript中的执行上下文及调用堆栈
目录一、执行上下文是什么二、执行上下文栈是什么三、执行上下文栈的过程细节(一)创建阶段(二)执行阶段一、执行上下文是什么代码运行是在一定的环境之中运行的,这个运行环境我们就成为执行环境,也就是执行上下文,按照执行环境不同,我们可以分为三类:...
2021-07-16 longtao100 JavaScript 1176 ℃ 0 评论 -
详解Js模块化的作用原理和方案
目录一、模块化概念二、模块化作用三、模块化历程1、普通写法(全局函数及变量)2、对象封装3、匿名函数方式四、模块化方案1、CommonJS2、AMD3、CMD4、ES6module一、模块化概念将一个复杂的程序依据一定的规则(规范)封装成...
2021-07-16 longtao100 JavaScript 961 ℃ 0 评论 -
何时使用Map来代替普通的JS对象
目录1.Map接受任何类型的键2.map对键名没有限制3.map是可迭代4.map的大小1.Map接受任何类型的键如前所述,如果对象的键不是string或symbol,JS将隐式地将其转换为字符串。幸运的是,map的键...
2021-07-16 longtao100 JavaScript 959 ℃ 0 评论 -
JavaScript实现简单图片切换
本文实例为大家分享了JavaScript实现简单图片切换的具体代码,供大家参考,具体内容如下下边给出几种方法进行图片切换:方法一(小白专用款!简单易懂)下边附上代码:<!DOCTYPE html><htm...
2021-07-16 longtao100 JavaScript 995 ℃ 0 评论 -
浅谈node.js中间件有哪些类型
目录概述1、应用级中间件2、内置中间件3、第三方中间件(1)body-parser,将post请求数据解析为对象(2)mysql模块概述node中间件就是封装在程序中处理http请求的功能。node中间件是在管道中执行。中间件位于客户机/...
2021-07-16 longtao100 JavaScript 1056 ℃ 0 评论 -
微信小程序视频弹幕位置随机
本文实例为大家分享了微信小程序视频弹幕位置随机的具体代码,供大家参考,具体内容如下最近更新开发工具之后,微信小程序视频播放弹幕不再自动随机,所以就用了一个比较取巧的方法(多条空弹幕和自己要发送的弹幕一起发送,利用随机数控制顺序就行了);wx...
2021-07-16 longtao100 JavaScript 2410 ℃ 0 评论 -
jquery插件实现图片对比
本文实例为大家分享了jquery插件实现图片对比的具体代码,供大家参考,具体内容如下很常见的一个效果,做起来不难效果如下代码部分<!DOCTYPE html><html> <head...
2021-07-16 longtao100 JavaScript 2454 ℃ 0 评论 -
JS ES6展开运算符的几个妙用
目录1.添加属性2.合并多个对象3.移除对象属性4.动态移除属性5.调整属性顺序6.设置属性默认值7:属性重命名8.还有更秀的操作1.添加属性复制对象的同时,为其添加新的属性。例子中复制了user对象到userWithPas...
2021-07-16 longtao100 JavaScript 2665 ℃ 0 评论 -
vue的ssr服务端渲染示例详解
为什么使用服务器端渲染(SSR)更好的SEO,由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。请注意,截至目前,Google和Bing可以很好对同步JavaScript应用程序进行索引。在这里,同步是关键。如果你的应用程...
2021-07-16 longtao100 JavaScript 2615 ℃ 0 评论 -
JS使用canvas技术模仿echarts柱状图
canvas画布是html5中新增的标签,可以通过js操作canvas绘图API在网页中绘制图像。百度开发了一个开源的可视化图表库ECharts,功能非常强大,可以实现折线图、柱状图、散点图、饼图、K线图、地图等多种图表。很多项目都...
2021-07-16 longtao100 JavaScript 2970 ℃ 0 评论 -
JS彻底弄懂GMT和UTC时区
目录前言一、GMT什么是GMTGMT的历史二、UTC什么是UTCUTC由两部分构成:UTC的历史三、GMTvsUTC四、时区时区是如何定义的五、夏令时什么是夏令时夏令时的历史夏令时的争议六、本地时间七、JavaScript中的Date...
2021-07-16 longtao100 JavaScript 3080 ℃ 0 评论 -
JS装饰者模式和TypeScript装饰器
目录装饰者模式介绍TypeScript中的装饰器装饰器的使用装饰器工厂类装饰器方法装饰器属性装饰器其他装饰器的写法装饰器运行时代码分析装饰者模式介绍装饰者模式(DecoratorPattern)也称为装饰器模式,在不改变对象自身的基础上,...
2021-07-16 longtao100 JavaScript 2760 ℃ 0 评论 -
如何在Nodejs中使用模块fs文件系统
目录概述文件描述符同步、异步与Promise同步写法异步写法(推荐)Promise写法目录与目录项文件信息ReadStream与WriteStream概述node的fs文档密密麻麻的api非常多,毕竟全面支持对文件系统的操作。...
2021-07-16 longtao100 JavaScript 506 ℃ 0 评论 -
浅谈JS前端模块化的几种规范
目录前言前端模块化开发的价值恼人的命名冲突繁琐的文件依赖模块化的好处CommonJS规范CommonJS与ES6模块的差异AMD规范CMD规范UMD规范回到正题总结前言有这样一个场景,客户端运行很久,但是法务部和数据部需要收集...
2021-07-16 longtao100 JavaScript 507 ℃ 0 评论 -
详解JS中的对象字面量
目录前言1.在对象构造上设置原型1.1__proto__用法的特殊情况2.简写方法定义3.super的使用3.1super使用限制4.计算属性名4.1symbol作为属性名称5.剩余和展开属性6.总结前言在ES6之前,j...
2021-07-16 longtao100 JavaScript 522 ℃ 0 评论 -
Js模块打包exports require import的用法和区别
目录1、Commonjs之exports和require用法1.1CommonJS导出之module.exports1.2CommonJS导入之require2、ES6Module之export和import用法2.1E...
2021-07-16 longtao100 JavaScript 525 ℃ 0 评论 -
TypeScript泛型参数默认类型和新的strict编译选项
目录概述为组件类创建类型定义使用泛型类型定义Props和State泛型参数默认类型其它事例新的--strict主要编译选项改进的--init输出--checkJS选项下.js文件中的错误概述TypeScript2.3增加了对声明泛...
2021-07-16 longtao100 JavaScript 474 ℃ 0 评论 -
如何制作自己的原生JavaScript路由
目录前言简介JavaScript的HistoryAPI实现自己的原生JS路由基于HistoryAPI的VanillaJS路由设置使“后退”和“前进”按钮起作用初始化服务器端的路由负载前言当你想到路由时,通常会想到类似rea...
2021-07-16 longtao100 JavaScript 456 ℃ 0 评论 -
浅谈JS和Nodejs中的事件驱动
目录事件驱动和发布-订阅事件驱动是怎样用在浏览器中的JavaScript的?浏览器中的主题和观察者事件驱动如何用于Node.js?了解EventEmitterJavaScript中有关观察者/发布-订阅的其他示例总结事件驱动和发布-订...
2021-07-16 longtao100 JavaScript 518 ℃ 0 评论 -
详解Javascript实践中的命令模式
目录定义结构实例自定义快捷键撤销与重做录制与回放宏命令总结定义Encapsulatearequestasanobject,therebylettingyouparameterizeotherobjectswithd...
2021-07-16 longtao100 JavaScript 416 ℃ 0 评论 -
原生JS中应该禁止出现的写法
目录块级函数直接修改对象的prototype原型withcalleecallereval块级函数严格模式下,在ES6之前应禁止使用。ES6开始可以使用,函数的作用域为声明该函数的块内部。非严格模式下应禁止使用。if(true)&n...
2021-07-16 longtao100 JavaScript 500 ℃ 0 评论 -
如何用JavaScript实现一个数组惰性求值库
目录概述怎么实现具体实现判断求值函数终止生成函数range转换函数map过滤函数filter中断函数stop收集函数join测试:更优雅的实现总结概述在编程语言理论中,惰性求值(英语:LazyEvaluation),又译为惰性计...
2021-07-16 longtao100 JavaScript 463 ℃ 0 评论 -
无编译/无服务器实现浏览器的CommonJS模块化
目录引言1.one-click.js是什么2.打包工具是如何工作的?3.我们面对的挑战3.1.依赖分析3.2.作用域隔离3.3.提供模块运行时4.总结引言平时经常会逛Github,除了一些star极高的大项目外,还会在...
2021-07-16 longtao100 JavaScript 519 ℃ 0 评论 -
深入JS继承
目录前言准备总结继承的n种方式原型式继承原型链式继承借用构造函数(类式继承)组合继承寄生组合式继承结束语前言对于灵活的js而言,继承相比于java等语言,继承实现方式可谓百花齐放。方式的多样就意味着知识点繁多,当然也是面试时绕不开的点。撇开...
2021-07-16 longtao100 JavaScript 467 ℃ 0 评论 -
nodejs模块系统源码分析
目录概述CommonJS规范Node对CommonJS规范的实现模块导出以及引用模块系统实现分析模块定位加载策略模块加载模块文件处理后缀处理编译执行概述Node.js的出现使得前端工程师可以跨端工作在服务器上,当然,一个新的运行环境...
2021-07-16 longtao100 JavaScript 508 ℃ 0 评论 -
使用Vue3实现一个Upload组件的示例代码
目录通用上传组件开发我们需要实现如下功能自定义模版支持文件上传列表支持一系列生命周期钩子事件,上传事件拖拽支持写在最后通用上传组件开发开发上传组件前我们需要了解:FormData上传文件所需API dragOver文件拖拽到区域...
2021-07-16 longtao100 JavaScript 560 ℃ 0 评论 -
7个好用的TypeScript新功能
目录1.可选链2.空值合并3.递归类型别名4.断言签名5.为Promise提供更好的反馈6.Unicode标识符7.增量编译1.可选链从v3.7可用这是当你尝试访问嵌套数据时的一个痛点,嵌套数据越多,代码就会变得越...
2021-07-16 longtao100 JavaScript 509 ℃ 0 评论 -
koa2服务配置SSL的实现方法
一:前言1:SSL证书我的域名在腾讯云,每次解析新建一个三级域名(假设是 aaa.jiangw1.com),都会赠送一年的SSL,申请成功后下载SSL证书,如下:可以看到准备了各种服务器的文件,node服务用红圈中的通用s...
2021-07-16 longtao100 JavaScript 503 ℃ 0 评论 -
JS Canvas接口和动画效果大全
目录概述CanvasAPI:绘制图形路径线型矩形弧线文本渐变色和图像填充阴影CanvasAPI:图像处理CanvasRenderingContext2D.drawImage()像素读写CanvasRenderingContext2D.s...
2021-07-16 longtao100 JavaScript 560 ℃ 0 评论 -
JavaScript实现显示和隐藏图片
JavaScript之显示和隐藏图片,供大家参考,具体内容如下点击按钮可以显示和隐藏图片(默认显示),附上代码:<!DOCTYPE html><html lang="en">...
2021-07-16 longtao100 JavaScript 467 ℃ 0 评论