前端小咸鱼
码龄1年
关注
提问 私信
  • 博客:33,141
    动态:3,617
    36,758
    总访问量
  • 57
    原创
  • 91,325
    排名
  • 506
    粉丝
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:河南省
  • 加入CSDN时间: 2023-10-23
博客简介:

surx123456的博客

查看详细资料
  • 原力等级
    当前等级
    3
    当前总分
    443
    当月
    1
个人成就
  • 获得616次点赞
  • 内容获得20次评论
  • 获得504次收藏
创作历程
  • 38篇
    2024年
  • 19篇
    2023年
成就勋章
创作活动更多

2024 博客之星年度评选报名已开启

博主的专属年度盛宴,一年仅有一次!MAC mini、大疆无人机、华为手表等精美奖品等你来拿!

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

Vue3--

pubsub$busmitt接收数据的:提前绑定好事件(提前订阅消息)提供数据的:在合适的时候触发事件(发布消息)
原创
发布博客 2024.07.23 ·
453 阅读 ·
3 点赞 ·
0 评论 ·
4 收藏

vue3+TypeScript前端开发

reactive的对象不能直接修改,ref的对象就可以直接修改 car.value = {brand:'aotuo',price:1}就是以JS或TS结尾的文件,以use开头export default 后面跟值、也可以跟函数function(){}
原创
发布博客 2024.07.23 ·
971 阅读 ·
18 点赞 ·
0 评论 ·
26 收藏

person.vue

发布动态 2024.07.16

jQuery 常用API

1、语法用户自己给元素添加的属性,我们称为自定义属性。
原创
发布博客 2024.05.28 ·
1950 阅读 ·
29 点赞 ·
0 评论 ·
22 收藏

JQuery 入门

仓库:可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找就可以JavaScript 库:即library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate,hide、show比如获取元素jQuery 就是为了快速方便的操作dom,里面基本都是函数常见的JavaScript 库jQueryprototypeYUIDojoExt JS移动端的zepto。
原创
发布博客 2024.05.28 ·
351 阅读 ·
6 点赞 ·
0 评论 ·
5 收藏

本地存储。

3、容量较大,sessionStorage 约5m、localStorage 约20m。4、只能存储字符串,可以将JSON.stringify()编码后存储。生命周期永久生效,除非手动删除 否则关闭页面也会存在。可以多窗口(页面)共享(同一浏览器可以共享)2、设置、读取方便、甚至页面刷新不丢失数据。2、在同一个窗口(页面)下数据可以共享。1、生命周期为关闭浏览器窗口。1、数据存储在用户浏览器中。3、以键值对的形式存储使用。以键值对的形式存储使用。
原创
发布博客 2024.05.21 ·
199 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

移动端网页特效

移动端兼容性好,可以放心使用原生JS书写效果,但是移动端也有自己独特地方。比如触屏事件 touch(触摸事件)触屏事件可响应用户手指对屏幕或者触控板操作。JS插件 是JS文件,特点:他一般是为了解决某个问题而专门存在,其功能单一且较小animate.js 算是一个最简单的插件不同视频格式文件,可以通过source 解决。但外观播放暂停等可以使用插件来制作框架大而全,插件小而专一。
原创
发布博客 2024.05.21 ·
494 阅读 ·
6 点赞 ·
0 评论 ·
4 收藏

PC端网页特效

offset翻译过来就是偏移量,我们使用offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意: 返回的数值都不带单位主要用法:1、offset 系列经常用于获得元素位置 offsetLeft offsetTop2、client 经常用于获取元素大小 clientWidth clientHeight3、scroll经常用于获取滚动距离 scrollTop scrollLeft。
原创
发布博客 2024.05.17 ·
867 阅读 ·
20 点赞 ·
1 评论 ·
17 收藏

BOM 浏览器对象模型

BOM即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是windowBOM缺乏标准,JavaScript语法标准化组织是ECMA,DOM标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分2、BOM构成BOM 比DOM大,它包含DOMwindow 对象是浏览器的顶级对象,它具有双重角色1、它是JS 访问浏览器窗口的一个接口2、他是一个全局对象。定义在全局作用域中的变量、函数都会变成window对象的属性和方法。
原创
发布博客 2024.05.17 ·
1004 阅读 ·
9 点赞 ·
0 评论 ·
18 收藏

事件高级。

事件委托的原理:不是每个子节点单独设置时间监听器,而是事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点。注意:keydown 和keypress 在文本框里面的特点:他们两个触发时,文字还没有落入文本框中。事件冒泡:IE最早提出,事件开始时由最具体的元素接收,然后逐级向上传播到dom最顶层节点的过程。2、onKeypress 和前面两个区别是,他不识别功能键,比如左右箭头,shift等。对象代表事件的状态,跟事件相关的一系列信息的集合。里面的事件类型是字符串,必定加引号,而且不带on。
原创
发布博客 2024.05.12 ·
735 阅读 ·
22 点赞 ·
0 评论 ·
8 收藏

DOM 文档对象模型

DOM 文档对象模型简称,是W3C组织推荐的处理可扩展标记语言的标准编程接口W3C已经定义了一系列的DOM接口,通过这些接口可以改变网页的内容、结构、样式4.5 排他思想自定义属性目的:是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。自定义属性获取是通过getAttribute(‘属性’)获取h5新增的获取自定义属性的方法 他只能获取data-开头的dataset 是一个集合存放了所有以data开头的自定义属性。
原创
发布博客 2024.05.12 ·
1140 阅读 ·
28 点赞 ·
0 评论 ·
14 收藏

Web APIs

JavaScript由 ECMAScript(JavaScript语法),DOM(页面文档对象模型),BOM(浏览器对象模型)现阶段我们主要针对于浏览器讲解的常用API,主要针对浏览器做交互效果。因为web API很多,所以我们将这个阶段称为 web APIS。(BOM 和·DOM)
原创
发布博客 2024.05.04 ·
257 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

JavaScript 简单类型与复杂类型

函数的形参也可以看做一个变量,当我们把一个值类型变量作为参数传给函数的形参时,其实是把变量在栈空间里的值复制一份给形参,那么在方法内部对形参做任何修改,都不会影响到外部变量。2、堆(操作系统):存储复杂类型(对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收。引用类型:复杂数据类型,在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型。值类型:简单数据类型,在存储时变量中存储的是值本身,因此叫做值类型。引用类型变量(栈空间)里存放的是地址,真正的对象实例存放在堆空间中。
原创
发布博客 2024.05.04 ·
234 阅读 ·
5 点赞 ·
0 评论 ·
3 收藏

JavaScript 对象

调用对象的方法 sayHi 对象名.方法名 obj.sayHi();对象字面量:就是 { } 里面包含了表达这个具体事物(对象)的属性和方法。构造函数就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面。在JavaScript 中,对象是一组无序的相关属性和方法的集合。属性 在对象里面的不需要声明的 使用时候必须是 对象.属性。我们利用 等号 = 赋值的方法 添加对象的属性和方法。3、执行构造函数里面的代码 给这个空对象添加属性和方法。利用字面量、new Object 、构造函数。
原创
发布博客 2024.04.26 ·
458 阅读 ·
4 点赞 ·
0 评论 ·
7 收藏

JavaScript 内置对象

math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算可以使用math中的成员。
原创
发布博客 2024.04.26 ·
1164 阅读 ·
22 点赞 ·
1 评论 ·
7 收藏

JavaScript 预解析

(1)预解析 JS引擎会把JS里面所有的var 还有function 提升到当前作用域的最前面。(1)变量提升 就是把所有的变量声明提升到当前的作用域最前面 不提升赋值操作。JavaScript解析器在运行JavaScript 代码的时候分为两步:预解析和代码执行。(2)函数提升 就是把所有的函数声明提升到当前作用域的最前面 不调用函数。预解析分为 变量预解析(变量提升)和 函数预解析(函数提升)函数表达式调用必须写在函数表达式的下面。结果为undefined。
原创
发布博客 2024.04.24 ·
356 阅读 ·
6 点赞 ·
2 评论 ·
0 收藏

JavaScript 作用域

作用域链:内部函数访问外部函数的变量,采取的是链式查找的方式来决定取哪个值,这种结构我们称为作用域链。局部作用域(函数作用域):在函数内部就是局部作用域,这个代码的名字只在函数内部起作用。一段程序代码中所用到的名字并不总是有效的和可用的,而限定这个名字的。全局作用域就是整个script标签或是一个单独的JS文件。JS的作用域(es6)之前:全局作用域 局部作用域。1、全局变量:在全局作用域下的变量,全局都可以使用。作用域的使用提高了程序逻辑的局部性,减少名字冲突。JS也是在es6新增的块级作用域。
原创
发布博客 2024.04.24 ·
189 阅读 ·
3 点赞 ·
0 评论 ·
0 收藏

JavaScript 函数

如果实参的个数小于形参的个数,形参看做是不用声明的变量 num2 是一个变量但没有接收值,结果就是undefined ,此。return :不仅可以退出循环,还能够返回 return 语句中的值,同时还可以结束当前的函数体内的代码。函数表达式声明方式跟声明变量差不多,只不过变量里面的存的是值 而 函数表达式里面存的是函数。function 声明函数的关键字,全部小写,函数名一般是动词,函数不调用自己不执行。function 函数名(形参1,形参2.。如果实参的个数多于形参的个数 会取到形参的个数。
原创
发布博客 2024.04.24 ·
596 阅读 ·
19 点赞 ·
0 评论 ·
17 收藏

JavaScript 数组

数组(array) 是一个数组的集合,其中每一个数据被称作。索引(下标): 用来访问数组元素的序号(下标从0开始)可以通过修改length 长度以及索引号增加数组元素。一次比较两个元素,如果他们的顺序错误就把他们交换过来。不要直接给数组名赋值,否则里面的数组元素都没有了。for 里面的 i 是计数器,当索引号使用,数组的长度是元素个数 arr.length。还可以利用索引号替换原来的数组元素。声明数组并赋值称为数组的初始化。数组里面的数据一定用逗号分隔。声明变量未给值,默认值是。数组的字面量是方括号【】
原创
发布博客 2024.04.20 ·
360 阅读 ·
8 点赞 ·
0 评论 ·
4 收藏

JavaScript 流程控制-循环

1、求1-100之间所有数的平均值 需要一个sum 和的变量 还需要一个平均值 average 变量。2、求1-100之间所有偶数和奇数的和 我们需要一个偶数的和变量 even 还需要一个奇数 odd。’ 换成 str += j + 'x' + i + ‘=’ + i + j +‘\t’;在for循环中再嵌套一个 for 循环,这样的for循环称为双重for 循环。外层的操作表达式){由循环体及循环的终止条件组成的语句被称为。外层循环循环一次,里层循环执行全部。,能否继续重复执行,取决于循环的。
原创
发布博客 2024.04.19 ·
505 阅读 ·
7 点赞 ·
0 评论 ·
9 收藏
加载更多