整完了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公司出的,是浏览器的一种安全策略 同源:协议,域名,端口号必须完全相同 违背同源策略就是跨域 如何解决跨域问题 …
正则表达式
正则表达式 正则表达式也是对象 当前阶段我们使用正则表达式主要是用来做表单验证 利用RegEXP创建正则表达式 var reg = new RegExp(/123/); console.log(reg…
JavaScript ES6-ES11 中的一些新语法
JavaScript ES6 中一些新增的语法 let let申明的变量只在所处于的块级作用域中有效 在一个大括号中,使用let关键字申明的变量才具有块级作用域,var关键字事不具备这个特点的 if …
Javascript 函数-高级篇
函数高级 函数的定义的三种方式 声明方式(匿名函数) new Function()方式(不常用) 使用call调用 对象的方法 构造函数 绑定事件函数 定时器函数 立即执行函数 //函数的定义的三种方…
写一个ToDoList页面
ToDoList 就是帮你把事情一个一个列出来的小工具 以下是自己捏的TodoList轮子,写的不太行,能跑( $(document).ready(function() { // 存储数据的格式 va…
【jQuery】jQuery 学习笔记
1. 初识jQuery 试着运行以下代码 $('p').html("HELLO Jquery!!"); jQuery('a').hide()…
Javascript之轮播图
按照淘宝pc端的布局画的,将就看( 第一次写这玩意,本来想凭自己想象写的,最后还是卡在了无缝滚动( 于是偷偷百度了下原理,成功实现 没有兼容性(摆烂 不多说了,看效果 源码下载: //设置一个inde…
【JavaScript】3D随机骰子
闲着没事做了个随机骰子 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu…
【JavaScript】写了个模态框(弹出框)
模态框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8…
[javascript]实现一个输入放大展示的小功能
实现的功能 1.展示框默认隐藏,当用户输入字符时,展示框同步展示用户输入的内容 2.当用户按下S键时自动定位到搜索框 3.当用户离开输入框时展示框自动隐藏,进入输入框,如果有内容则显示展示框 4.用户…
[JavaScript]XX网站上常用的禁止复制方式
个人觉得网站上添加禁止复制/调试的做法完全没必要 分享精神还是要有的 *{ user-select: none; -webkit-user-select: none; } document.addEv…
[JavaScript]原生JS实现复选框的全选与反选
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo…
【JavaScript】简易菜单实现
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo…
[JavaScript]排他思想算法实现
排他思想可以简单理解为:把所有元素全部清除样式(干掉其他人) 给当前元素设置样式(留下我自己) <!DOCTYPE html> <html lang="en"&g…
【笔记】JavaScript 之日期对象的使用—如何封装一个本地化时间函数
Date 对象由新的 Date() 构造函数创建。 有 4 种方法创建新的日期对象: new Date() new Date(year, month, day, hours, minutes, sec…