- 博客(17)
- 收藏
- 关注
原创 iframe嵌入跨域错误
Blocked a frame with origin正常情况下,如果iframe嵌入的页面跟外部页面没有交互情况下 不会存在跨域问题,但是这次嵌入的页面调用了一个外部js,里面写了一个方法 window.top.xx。当我们使用 window.parent 或 window.top 来获取父页面的 window 对象,如果两个的域名不一样,所以会出现跨域问题。## 子页面传父页面。## 父页面传子页面。
2024-08-02 11:11:01
1962
原创 前端-css-多行文本显示
1.-webkit-box 和 -webkit-box-orient 属性将容器元素设置为一个垂直方向的弹性盒子,并指定了最多显示几行文本;3.text-overflow: ellipsis 来在文本溢出时显示省略号;2.overflow: hidden 来隐藏超出容器高度的文本;
2024-07-30 16:00:06
482
原创 VScode git分支合并技巧之储藏工具
(Stash): 用来暂存你的更改,而不需要提交到版本控制系统。这在你想要切换到其他分支或者处理其他任务时非常有用。要储藏更改,请按下ctrl+Shift+G打开源代码管理视图,然后点击顶部的菜单图标以展开更多选项。接下来,选择"存储->储藏”(StashChanges)选项。你也可以使用快捷键ctrl+Shift+s【请注意快捷键请按自己的标准】来直接储藏更改。在储藏对话框中,你可以选择要储藏的更改(包括未暂存的和已暂存的更改),并为储藏创建一个描述。
2024-07-30 15:36:27
1982
4
原创 【php学习笔记】
PHP(“PHP: Hypertext Preprocessor”,超文本预处理器的字母缩写)是一种被广泛应用的开放源代码的多用途脚本语言,它可嵌入到 HTML中,尤其适合 web 开发。- `json_decode(json格式字符串,true)` 返回数组。- `json_encode(数组或对象)` 返回json格式字符串。- 可以输出所有数据类型,会输出数据类型,数据长度,数据内容。+ 字符串和js中的字符串一样,但是字符串拼接方式不一样。+ PHP中通过 `.` 进行字符串的拼接。
2023-08-29 11:09:34
168
3
原创 【前端开发—JavaScript】——BOM/DOM
浏览器 对象 模型浏览器对象模型: 浏览器提供的一系列可以操作浏览器API。Document Object Model 文档对象模型: 浏览器提供的操作页面文档的方法或属性(API) - DOM的顶级对象是 document - DOM操作 本质上就是操作DOM元素的各种内容 + 获取DOM元素 + 操作DOM元素的属性,样式,内容,类名 ..... + DOM操作的第一步都是获取要操作的DOM元素
2023-06-25 19:47:37
125
原创 [前端JavaScript笔记]三
一些基本数据类型的 数据在访问方法或属性的时候,会临时的将这个基本数据类型装换为`对应的` 对象数据类型,然后访问方法属性;- 时间戳: 格林威治时间(1970.1.1 00:00:00) 到某个时间点的毫秒数 就是这个时间点的时间戳。+ 如果不传分隔符或传入的分隔符在字符串中不存在,则会将字符串当做数组的一个元素。- 我们把字符和对应的 二进制数 的这种一一对应关系 做成了一个表(编码表)1. new Date() 创建的是当前的时间对象(终端事件)返回对应索引的字符,如果不存在返回空字符''
2023-06-15 21:25:54
93
1
原创 数组重构(二)
如果某一个元素执行传入的函数返回值是false则最终结果是false。+ 新数组中的数据 是传入的函数执行后返回值为true 对应的数组元素。+ 如果某一个元素执行传入的函数返回值是true则最终结果是true。+ 每一个元素执行传入函数返回值都是false则最终结果是false。+ 每一个元素执行传入函数返回值都是true则最终结果是true。- filter方法传入的函数需要执行 数组的长度 次。- 根据传入函数执行的返回值来决定。- 根据传入函数执行的返回值来决定。- 返回值是 布尔值。
2023-06-15 20:30:02
70
1
原创 数组重构之forEach
我们在全局中直接定义函数,数组无法直接调用,原因是会报错: arr.fn is not a function。1. 重构的方法需要写到 `数组空间` Array.prototype中。2. 重构数组遍历方法 回调函数执行次数需要 根据调用方法的数组决定。- 如果我们将自己定义的函数 添加到这个 `数组空间`中。- 函数内的this关键字 指向 调用这个方法的数组。- 在这个`数组空间`中的方法,数组都可以直接使用。- 这个 `数组空间` 是。+ 数组.方法名()数组的API方法都是在 `
2023-06-15 20:25:24
114
1
原创 【前端开发—JavaScript】——数组
数组去重1. 使用set集合数据来去重2. 创建一个新数组,判断arr中的每一个数据在新数组中是否存在,不存在则写入新数组3. 利用对象的属性名唯一的特性4.遍历数组,把数组中的每一位依次与后面每一位进行等比判断5.使用filter方法判断通过indexOf方法获取的相同数据第一个的索引是否等于当前数据的索引
2023-06-13 22:06:11
202
1
原创 【前端开发-JavaScript笔记】——基础知识
函数防抖只执行最后一次的触发在固定时间内触发次数过多,只执行一次(比如: 密码校验)定时器中执行校验操作,每次输入的时候都将上一次的定时间关闭 函数节流只执行第一次的触发通过节流阀(开关)控制
2023-06-13 21:30:31
117
1
原创 前端-CSS-从入门到精通
link与@import引入方法的区别1. 本质的差别:link属于XHTML标签,而@import完全是CSS提供的一种方式...margin塌陷上面的盒子给下margin,下面的盒子给上margin,按大的取值父子盒子都设置margin,父盒子和子盒子之间的margin重叠高度塌陷问题当父元素未设置高度时,所有子元素浮动后,造成子元素脱离文档流进而无法把父元素撑开,父元素高度为0产生高度塌陷
2023-05-31 21:55:52
607
1
原创 前端-HTML基础
表单标签get和post的区别● get是从服务器上获取数据,post是向服务器传送数据。● get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
2023-03-21 21:34:53
120
原创 前端-固定布局-盒模型/元素类型
首先,我们先认识一下CSS盒子模型,它是搭建布局的重要组成。其次,是块元素block、内联元素(行内元素inline与行内块元素inline-block。1,不会独立占一行(不会换行,左右排列);
2023-02-18 15:38:28
268
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人