整完了vue3之后忽然发现好像没有系统性学习过设计模式这方面的知识,所以就有了这篇文章 构造器模式(Constructor Pattern) 这个模式在面向对象的语言中很常见,但咱是在JavaScri…
标签:JavaScript
前后端身份认证—使用express-session
前后端的身份认证 HTTP是一个无状态的协议,想要记住那个请求分别是哪个用户发起的,是很难进行判断的,所以,浏览器为我们提供了一个叫cookie的东西,用来区分每个请求的身份 Cookie 是一些数据…
JavaScript之贪吃的滑稽
这玩意光修bug都花了三小时 最终还是做出来了 <!DOCTYPE html> <html lang="en"> <head> <meta…
JavaScript 随机圆点+位移效果
感觉自己对于面向对象这一块还需要加强一下,所以就做了个小练习 <!DOCTYPE html> <html lang="en"> <head> &…
AJAX同源策略与解决跨域请求问题
AJAX同源策略 同源策略(same-Origin-Policy)最早由Netscape公司出的,是浏览器的一种安全策略 同源:协议,域名,端口号必须完全相同 违背同源策略就是跨域 如何解决跨域问题 …
JavaScript ES6-ES11 中的一些新语法
JavaScript ES6 中一些新增的语法 let let申明的变量只在所处于的块级作用域中有效 在一个大括号中,使用let关键字申明的变量才具有块级作用域,var关键字事不具备这个特点的 if …
Javascript之轮播图
按照淘宝pc端的布局画的,将就看( 第一次写这玩意,本来想凭自己想象写的,最后还是卡在了无缝滚动( 于是偷偷百度了下原理,成功实现 没有兼容性(摆烂 不多说了,看效果 源码下载: //设置一个inde…
【JavaScript】写了个模态框(弹出框)
模态框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8…
【JavaScript】简易菜单实现
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo…
[JavaScript]排他思想算法实现
排他思想可以简单理解为:把所有元素全部清除样式(干掉其他人) 给当前元素设置样式(留下我自己) <!DOCTYPE html> <html lang="en"&g…
【记录】JS .sort()排序方法
定义和用法(W3CSchool) sort() 方法用于对数组的元素进行排序。 语法: arrayObject.sort([sortfunction]) 其中sortfunction必须是函数形式,可…
【记录】JS简单倒计时
先吐槽一下: 别人的算法: 我的算法: 看了下别人的再看了下我的,惨不忍睹,先挂出来鞭尸吧(大嘘) <!DOCTYPE html> <html lang="en"…
【记录】JS中Math内置方法要点
内置方法中比较容易纠结的点都总结在下面了: //最值方法 console.log(Math.max()); //没有参数,返回负无穷大 -Infinity console.log(Math.max(1…
【笔记】JavaScript函数需要注意的点
函数的实参个数多于形参,多余的形参不参与计算(存放在一个叫argument的对象(伪数组里面))。 如果实参的个数小于形参,没有接收到数据的新参类型则为undefined。 形参实参个数最好匹配。 J…
【笔记】JS中数据类型的转换关系
1. 数字类型转字符串类型: toString()方法: var num=114514; console.log(num.toString());//转换为字符串 String()方法: var nu…