- 博客(32)
- 收藏
- 关注
RSS订阅原创 深度选择器/deep/、::v-deep、:deep的区别
深度选择器/deep/、::v-deep、:deep，三个选择器都是用于穿透组件作用域并样式化子组件内部元素的。在 Vue.js 2中，可能更倾向于使用 /deep/；而在 Vue.js 3中，应该使用 ::v-deep 或其别名 :deep......
2024-03-29 17:46:03
1149
原创 Git解除项目原来远程仓库的关联
要解除Git项目与原来远程仓库的关联，你可以按照以下步骤进行操作：1、查看当前项目关联的远程仓库：使用git remote -v命令来查看当前项目已经关联的远程仓库的名称和URL。
2024-03-05 15:00:47
1282
原创 web前端安全性——JSONP劫持
JSONP劫持的防护（1）限制referer前端可以通过设置document.referrer属性来限制Referer。虽然这并不能阻止攻击者伪造Referer，但可以增加一层防护。（2）使用token在前端，你可以通过添加一个自定义的token参数来增强JSONP请求的安全性。
2024-02-22 20:35:08
1173
原创 web前端安全性——iframe安全问题
iframe安全问题可称作界面劫持，像点击劫持、拖放劫持、触屏劫持。就是我们的点击，拖放，触屏操作被劫持了，而去操作了其它的透明隐藏的界面。原理是利用透明层iframe,使用了CSS中的opacity或z-index等属性，来到达透明和位于其它界面的上方，然后使用iframe来嵌入劫持页面。
2024-02-22 20:04:30
595
原创 web前端安全性——CSRF跨站请求伪造
CSRF跨站请求伪造:攻击者诱导受害者进入第三方网站，在第三方网站中，向被攻击网站发送跨站请求。利用受害者在被攻击网站已经获取的注册凭证，绕过后台的用户验证，达到冒充用户对被攻击的网站执行某项操作的目的。我们前端怎么解决与避免...
2024-02-21 18:33:02
1065
原创 web前端安全性——XSS跨站脚本攻击
（1）存储型和反射性的区别：反射性是一次性的，存储型是存储到服务器，它的扩散性危害性更大。防御方式和反射型一样，因为都是要经过服务器，所以大部分还是要靠服务器端解决。前端只能在接收数据后，渲染前进行防护。不管是反射型还是存储型前端都不能在发送前处理，因为前端在发送前的数据都是可以伪造的。（2）防范存储型和反射型XSS是后端的责任。而 DOM型XSS攻击不发生在后端，是前端的责任。
2024-02-21 18:20:59
1489
原创 webpack的使用(中)
（承接webpack的使用(上)）在实际开发过程中，webpack 默认只能打包处理以 .js 后缀名结尾的模块，其他非 js 后缀名结尾的模块，webpack 默认处理不了，需要调用 loader 加载器才可以正常打包，否则会报错!通过loader(协助webpack进行打包)打包非js模块。
2024-02-20 20:01:50
1213
原创 解决Uncaught SyntaxError: Cannot use import statement outside a module(at XXX)报错
报错原因：这个错误通常是因为你正在尝试在一个不支持 ES6 模块语法的环境中使用 import 语句。这可能是因为你的代码是在一个只支持 CommonJS 或 AMD 模块系统的环境中运行的，或者你的代码运行的环境没有正确配置以支持 ES6 模块。
2024-02-18 09:38:08
9360
原创 webpack的使用（上）
在项目中安装和配置webpack、配置打包的入口与出口、配置webpack的自动打包功能、配置 html-webpack-plugin 生成预览页面、配置自动打包相关的参数等相关内容。
2024-02-17 23:19:14
1478
原创 npm install报错无法创建packge.json文件
当你在运行 npm install 时遇到错误，提示无法找到 package.json 文件，也没有创建一个 package.json 文件，只创建了一个package-lock.json文件。这通常意味着你还没有在你的项目目录中创建这个文件，或者你可能在错误的目录中运行了该命令。package.json 是 Node.js 项目的核心文件，它包含了项目的元数据和依赖信息。
2024-02-17 17:17:57
796
原创 Node.js中的Babel魔法:解锁ES6语法体验
在Node.js中通过babel体验ES6模块化，babel相关的配置；了解ES6模块化，能够默认导入导出、按需导入导出、直接导入并执行模块代码。
2024-02-15 15:50:02
1492
原创 了解前端模块化的相关规范
AMD和CMD适用于浏览器端的Javascript模块化，CommonJs适用于服务器端的Javascript模块化。因此，ES6语法规范中，在语言层面上定义了 ES 模块化规范，是浏览器端与服务器端通用的模块化开发规范。
2024-02-15 12:33:02
358
1
原创 解决Chrome调试总是进入paused in debugger
当你在使用Chrome的开发者工具进行调试时，如果经常遇到“Paused in Debugger”状态，可能是由于以下原因造成的：debugger;debugger;为了解决这个问题，你可以尝试以下步骤：debugger;debugger;
2024-02-09 22:51:56
3776
2
原创 为什么Atd的Form中，onFinish回调函数的values有时是合成事件对象，有时是表单字段的值
回调函数时，错误地传递了一个事件对象而不是表单字段值。这通常发生在处理表单提交事件时，没有正确地从事件处理函数中提取出表单字段值。：不同版本的 Ant Design 可能会有不同的行为。确保你使用的 Ant Design 版本与你的代码和文档相匹配。的参数有时是一个合成事件对象，这可能是由于某些特殊情况或代码错误导致的。回调函数的参数应该是一个包含了表单字段值的对象，而不是一个合成事件对象。：如果你使用了其他第三方库或自定义组件，并且这些组件与。组件有交互，它们可能会修改。的行为或传递不同的参数。
2024-02-08 16:29:39
508
原创 Ant 的弹框+表单，动态更新表单字段值
Ant 的弹框+表单，动态更新表单字段值。当表格每行数据查看或编辑时，弹框里面表单呈现对应行的数据。使用方法：form.setFieldsValue( );是 Ant Design 的 Form 组件提供的一个方法，用于动态地设置表单字段的值。
2024-02-08 15:47:28
457
原创 Ant 的弹框+表单，关闭弹框时表单清空
Ant Design组件弹框加表单，当弹框关闭时，通过form.resetFields()全部重置表单字段
2024-02-07 16:10:05
1026
1
原创 解决控制台报错：Failed to resolve module specifier “three/addons/controls/OrbitControls.js“...的问题
确保你使用了正确的语法来导入 OrbitControls.js 模块。例如，你可以使用 import { OrbitControls } from "./three.js-r159/examples/jsm/controls/OrbitControls.js。确保你的Three.js库的版本正确，并且包含了 OrbitControls.js 文件。在你的导入语句中，检查路径是否正确，并且文件的大小写是否与实际文件匹配。这个错误通常是由于在使用Three.js库时使用了错误的路径或模块导入的问题。
2023-12-20 18:24:13
1518
1
原创 解决error: failed to push some refs to ‘https://gitee.com...‘的报错
出现错误的主要原因是gitee（或github）上的README.md文件不在本地代码目录中，导致拉取代码时出错。这将从远程仓库（origin）的master分支拉取最新代码，并将本地的修改应用于最新代码上。如果出现冲突，您需要手动解决冲突。打开冲突的文件，修改文件中标记为冲突的部分，然后保存文件。这将把本地的master分支推送到远程仓库的master分支。首先确保您已经切换到正确的本地代码目录中。
2023-12-17 22:23:16
3413
1
原创 JavaScript常见几种循环遍历的使用及区别
在JavaScript中，常见的循环包括for循环、while循环、do-while循环、forEach、for in、for of方法。回调函数的第一个参数是数组的元素，第二个参数是元素的索引（可选）。for...in循环适合遍历对象的属性，但是也可以用来遍历数组的索引。每次循环返回的是数组的索引，而不是实际的元素。while循环在每次循环开始时都会检测循环条件是否为真，如果为真则执行循环体，否则跳出循环。do-while循环与while循环类似，唯一的区别是在执行循环之前会先执行一次循环体。
2023-11-19 16:43:41
153
原创 html+css+js轮播图
3、这段JS实现了一个轮播图的效果，包括了向左、向右切换图片、自动轮播、鼠标悬停停止轮播、小圆点点击切换图片等功能。具体实现方式是通过获取图片容器、图片、小圆点等元素，监听鼠标事件和小圆点点击事件，计算图片移动距离进行轮播图片的切换。本文介绍：通过html+css+js实现轮播图效果——自动轮播、左右箭头切换图片、小圆点点击切换图片。1、html（这里就不多介绍）2、css（这里就不多介绍）（注意这里采用字体图标）
2023-11-12 18:23:46
3848
1
原创 html+css+js实现手风琴/折叠效果
效果：点击一级菜单，打开二级菜单，再次点击一级菜单，二级菜单关闭；html+css+js实现手风琴折叠效果展示。点击一级菜单，其他一级菜单都是关闭效果。
2023-10-25 16:14:45
1308
1
原创 事件流（事件冒泡、事件捕获）
（1）(默认的)冒泡事件：最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上传播至最不具体的节点。简单来说就是从精准到模糊，从里向外（IE）（2）(先发生)捕获事件：最开始由最不具体的元素接收，然后逐级向下传播至最具体的节点。简单来说从外到里（网景）事件从最里面开始执行，一层一层向外，把这种现象称为事件流。（3）DOM事件流：有三个阶段（捕获——目标——冒泡）事件流分为三类：事件冒泡、事件捕获、DOM事件流。
2023-10-24 20:30:58
23
原创 js点击按钮使盒子每次都移动
原因：因为加法中有字符串会做拼接，把a.style.marginLeft用parseInt转换成数字再计算，就是正确的向右移动的距离。关于js点击按钮使盒子移动一次，但想让它多次移动却没有效果的问题解决。
2023-10-05 16:12:59
206
原创 DOM节点操作
本文讲解DOM节点的一些操作，包括元素/文本/属性节点获取，创建，删除，替换，插入，复制等提示：以下是本篇文章正文内容，下面案例可供参考以上就是DOM节点的内容，本文仅仅简单介绍了DOM节点的基础，希望给大家带来用处~
2023-10-05 15:24:35
31
原创 属性节点获取&设置
2、设置属性节点:setAttribute(“属性名",“要设置的值”)获取属性节点 getAttributeNode(“属性名”)1、获取属性 getAttribute(“属性名”)案例：通过属性节点获取和设置，实现属性改变。
2023-09-24 22:37:47
35
1
原创 常用Date日期对象(计算两个日期相差的天数)
10、getTime()返回1970 年1月1日至今的毫秒数。格式化日期：toLocaleDateString()格式化日期和时间：toLocaleString()8、getMilliseconds()获取毫秒。1、getFullYear()获取年。2、getMonth() 获取月。6、getMinutes()获取分。7、getSeconds()获取秒。3、getDate() 获取日期。5、getHours()获取时。4、getDay()获取星期。9、格式化日期和时间。
2023-09-24 22:32:44
274
1
原创 web前端学习参考流程
1、移动端框架：学习移动端开发需要掌握移动端框架，如jQuery Mobile、Ionic、React Native等，了解它们的特点、使用方法和开发流程，可以提高开发效率。1、在JS基础上进行学习，学习 React 的基础知识，包括 JSX、组件、props、state、事件处理等等。3、实践练习：在学习 React 的过程中，需要进行实践练习，包括开发小应用、模仿开源项目等，从而更好地理解 React 的开发流程和技术栈。3、什么是 css，css 的引入方法，选择器，一些样式，重点浮动、效果、动画。
2023-09-18 19:25:44
35
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人