ZzDIY-CSDN博客

原创报错NotSameOriginAfterDefaultedToSameOriginByCoep

问题报错NotSameOriginAfterDefaultedToSameOriginByCoep跨域隔离问题本人环境：vuecli2+axios解决办法：在axios的headers中添加 "Cross-Origin-Opener-Policy": "same-origin", "Cross-Origin-Embedder-Policy": "require-corp"并且在vue.config.js的devServer添加headers: {"Cross-

2022-04-14 15:30:19 3264

原创 javascript二叉树（二叉搜索树）

树概念：拥有相同的父节点的节点，互称为兄弟节点节点的深度：从根节点到该节点所经历的边的个数节点的高度：节点到叶节点的最长路径树的高度：根节点的高度二叉树二叉树即最多仅有两个子节点的树二叉树的存储方法：链式存储（即用链表存储）线性存储（即用数组存储）二叉树常见类型完全二叉树：如果对满二叉树的结点进行编号, 约定编号从根结点起, 自上而下, 自左而右。则深度为k的, 有n个结点的二叉树, 当且仅当其每一个结点都与深度为k的满二叉树中编号从1至n的结点一一对应时, 称之为完全二叉

2021-08-17 21:58:57 360 2

原创 js事件冒泡和捕获

冒泡概念：事件从最里层的元素开始发生，一直向上传播，直到document对象示例：<div id="s1">s1 <div id="s2">s2 <div id="s3">s3</div> </div></div><script> s1.addEventListener("click", function (e) { console.log("s1 event1"); }, false); s2

2021-07-21 10:30:21 168

原创 filter或backdrop-filter实现毛玻璃

编译器：vscode目的：练习filter: blur()和backdrop-filter: blur()练习项目：毛玻璃效果介绍：filter: CSS属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像，背景和边框的渲染。filterbackdrop-filter: CSS属性可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）。因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。backdrop-filterfilter实现的毛玻璃<

2021-06-19 16:29:37 363

原创 js实现曲线运动

编译器：vscode目的：为了实现商品到购物车的曲线运动，而模拟的一次小红点曲线运动准备工作：实现小红点的曲线，需要一个公式（数学的曲线公式，物理的匀变速公式，贝塞尔曲线公式），我这儿使用的是贝塞尔曲线公式。贝塞尔曲线算法可参考网址：贝塞尔曲线代码小红点运动 function init(i) { let t = 0; const p1 = [0, 0]; const cp = [600, 700]; const p2 =

2021-06-12 16:17:29 1352

原创聊天室(使用websocket)

编译器：vscode语言：nodejs需要使用express和socket.io准备工作cnpm install bufferutil@^4.0.1cnpm install utf-8-validate@^5.0.2cnpm install socket.io --savecnpm install express --save目录如下项目开始在index.html的底部引入socket.io.js<script src="./node_modules/_socket.io@4.

2021-06-07 21:24:49 233 3

原创 WebSocket入门

编译器：vscode概念：h5提供的一种单个TCP连接上进行全双工通讯的协议优势：很多网站为了实现推送技术，所用的技术都是 Ajax 轮询，这种有着很明显的缺点就是浪费很多的带宽等资源。而WebSocket 协议，能更好的节省服务器资源和带宽，并且能够更实时地进行通讯。注意：如果客户端要使用WebSocket那么服务端要下载支持它的服务ws(二选一)准备工作注意：我这边由于npm一直下不了ws，使用cnpm先下载[email protected]和[email protected]才能下载w

2021-06-07 16:31:46 172

原创 vue使用swiper

1.编译器: vscode2.调试浏览器chromeswiperAPI文档：link配置环境npm install [email protected] vue-awesome-swiper --save5.x下载的swiper的版本为5.4.5<template> <div id="app"> <swiper :options="swiperOption" id="swiper-container"> <swiper-slide>&lt

2020-12-15 22:03:54 137

原创图书查询系统(基于html+Servlet+JavaBean)(Service+dao)

新车上路，慎重上车。登录文章链接：linkTypeService.java(接口) 有些功能本人也没写，你们可以试试，嘿嘿拓展下。package service;import bean.bean;import bean.bookBean;import bean.registerBean;import bean.totalBookBean;import java.util.List;public interface TypeService { //增加 publi

2020-05-21 15:01:21 713 1

原创图书查询系统(基于html+Servlet+JavaBean)(登录)

新车上路，慎重上车。编译环境：idea2020.1.1x64使用工具：Navicat primium 15 //(用于对数据库的操作)Chrome中验证结果。html界面：注册-登录-查询登录界面login.html代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>登录</title> <link href=

2020-05-21 14:13:31 734

原创进阶JavaScript练习Task1

浏览器：Google Chrome编译器：Visual Studio Code任务目的模拟一个队列，队列的每个元素是一个数字，初始队列为空有一个input输入框，以及4个操作按钮1. 点击"左侧入"，将input中输入的数字从左侧插入队列中；2. 点击"右侧入"，将input中输入的数字从右侧插入队列中；3. 点击"左侧出"，读取并删除队列左侧第一个元素，并弹窗显示元素中数值；4...

2019-07-04 15:53:18 205

原创零基础JavaScript任务Task3

编译器 Visual Studio Code浏览器 Google Chrome任务：参考以下示例代码，用户输入城市名称和空气质量指数后，点击“确认添加”按钮后，就会将用户的输入在进行验证后，添加到下面的表格中，新增一行进行显示用户输入的城市名必须为中英文字符，空气质量指数必须为整数用户输入的城市名字和空气质量指数需要进行前后去空格及空字符处理（trim）用户输入不合规格时，需要给出提...

2019-06-28 20:49:24 280

原创 js实例二(动画)

js实现字母移动编译器：Visual studio Code代码都是在Google Chrome里调试。html代码<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UFT-8"> ...

2019-06-23 23:17:59 415

原创 js入门实例一

js实现图片库编译器:visual Studio codehtml片段<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>切换图片<...

2019-06-17 15:34:12 73 1

原创认识CSSgrid布局

在了解网格布局之前，先来了解相关的术语：1.网格容器：通过在元素上声明display:grid或display: inline-grid来创建一个网格容器，设定后该元素的所有直系子元素将成为网格元素(类似 flexbox 布局)。2.网格轨道：网格线之间的水平或垂直路径。水平方向为网格行，垂直方向为网格列。3.网格单元：容器被网格线划分为不同的区域。4.网格项：网格容器的直接子元素。我...

2019-06-13 22:43:53 110

qq_43526925的博客