- 博客(23)
- 收藏
- 关注
原创 sass以及提了一下swpier插件
文章目录sass介绍作用:特性:sass入门环境插件使用步骤使用$变量声明// /**/注释嵌套&运算也支持字符串拼接@if支持判断@mixin @include混入器指定默认参数值@extend继承导入对应的scss以及sass文件以及css文件swpier 轮播图插件sass介绍作用:用来变写css的css扩展语言特性:1.兼容css(sass文件里面可以直接书写css)2.支持后缀名为sass(他没有{}符号和;符号 是靠缩进来表示该属性是否在该元素中,)以及scss(scss常
2022-04-21 20:01:35
137
原创 jQuery(2)
jQuery(2)jQuery的动画显示隐藏除了改变透明度 还改变宽高// show hide 改变的是display:none 写透明度没有什么作用show(针对隐藏的元素) 显示hide(针对显示的元素) 隐藏// show 参数1为执行事件 参数2为回调函数 $('img').show(2000,function(){ console.log('执行了show'); setTimeout(() => { // hide 参数1为执行事件 参数2为回
2022-04-20 19:16:38
765
原创 jQuery(1)
文章目录Jquery使用1.head导入Jquery2.直接使用里面的方法3.选择器4.属性操作attrprop其他属性操作方法5.显示内容操作6.样式操作7.元素的创建及添加创建元素节点添加操作 (父子节点添加)appendappendToprependprependTo添加元素(兄弟节点添加)afterbeforeinsertAfterinsertBefore替换replace replaceAll删除remove克隆clone8.元素大小的获取width heightinnerWidth innerH
2022-04-20 19:16:00
126
原创 jQuery(1)
文章目录Jquery使用1.head导入Jquery2.直接使用里面的方法3.选择器4.属性操作attrprop其他属性操作方法5.显示内容操作6.样式操作7.元素的创建及添加创建元素节点添加操作 (父子节点添加)appendappendToprependprependTo添加元素(兄弟节点添加)afterbeforeinsertAfterinsertBefore替换replace replaceAll删除remove克隆clone8.元素大小的获取width heightinnerWidth innerH
2022-04-20 08:46:45
109
原创 Javascript学习的第25天
文章目录同源对象介绍跨域问题 (同源政策的影响)ajax才有跨域跨域的解决异常处理作用使用async和await介绍使用asyncawait同源对象介绍浏览器的同源政策出于安全性的考虑 他只允许对应的两者是同源的内容进行交互和访问不同源的内容不允许访问跨域问题 (同源政策的影响)ajax才有跨域1.访问协议不同 http https2.域名不同 百度 搜狐3.端口号不同 8080 55004.报错cors 跨域问题造成的跨域的解决1.添加请求头,后端添加请求头 access-cont
2022-04-15 21:21:41
589
原创 JavaScript学习的第24天
文章目录原型构造函数原型 portotype对象原型 `__proto__`原型链原型的方法所有的方法重点promise解释作用promise的使用应用原型构造函数原型 portotype构造函数通过原型分配的函数是所有对象所共享的。JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象。这个 prototype 就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。我们可以把那些不变的方法,直接定义在 prototype 对象上,这样所有对象的实例就
2022-04-14 22:12:40
519
原创 JavaScript学习的第十五天
文章目录es6新增的string类方法includes()endsWith 结束位置是否为传递值 返回为boolean类型startsWith 开始位置是否为传递的值 返回为boolean类型repeate 平铺 返回一个新的string 参数为要平铺多少个字符串模板es6 对于Array的增强Array.of 返回一个新的数组 将指定的元素组成一个新的数组...扩展运算符 它可以打开对应的数组取出里面的内容Array.from() 将对应类似数组的类型转为数组find 查找 findIndex 查找下标f
2022-04-02 19:20:13
602
原创 JavaScript学习的第十五天
es5和es6es5严格模式声明严格模式'use strict'使用严格模式要记住的几点不可以省略var声明变量"use strict"n = 123console.log(n)进制函数使用this关键字指向全局变量function fn(){ console.log(this);}禁止使用八进制方法不允许在非函数的代码块内声明函数不知道是不是对的,我运行的时候是可以的if(true){ function fn(){ consol
2022-04-01 20:50:43
816
原创 JavaScript学习的第十四天
文章目录正则表达式正则对象定义方式第一种定义 常用第二种定义匹配方式[]表示其中的一个元素{}表示个数aag全局匹配(全局搜索所有的结果 没有全局找到第一个就不找了) i表示不区分大小写使用第二种定义如果需要加上g或i关键词修饰符+表示1个到多个*表示0个到多个?表示0个到一个.表示任意字符 如果你想匹配点需要\转义 \ .匹配点\s 表示空白 \S 表示非空\d 表示数字 \D 表示非数字\w 表示数字字母下划线 \W 非数字字母下划线() 没什么大的意义 主要做代码的范围分割可以直接取出括号里面的值 没
2022-03-31 17:22:54
845
原创 JavaScript学习的第十三天
文章目录cookie封装json格式cookiecookie里面的数据存储以键值对的形式存储 key:value完整格式 name=value ;[expires=date];[path=路径];[domain=域名];[secure]带[]都是可以省略的name=value 对应的存值expires 日期(过期时间)path 路径domain 域名secure 安全性设置存值 需要传递key和value直接这样设置默认的过期时间为你浏览器关闭(会话结束)以后document.cook
2022-03-31 09:06:21
51
原创 JavaScript学习的第十二天
文章目录事件冒泡阻止事件冒泡stopPropagatione.cancelBubble默认行为e.preventDefault() 阻止默认事件e.returnValue右键出现菜单 oncontextmenu的事件offset 都是只读属性,不能设置offsetParent获取offsetLeft offsetTop获取offsetWidth 和 offsetheight实现拖拽获取样式的兼容getComputedStylecurrentStyle常用方式 解决兼容使用三元运算符事件监听事件委托事件冒泡
2022-03-29 22:49:51
685
原创 JavaScript的第十一天学习
文章目录事件事件讲解模式内联模式 (不常用)脚本样式 (常用 使用比较多 js和html分离 规范)组成三部分组成特点事件分类事件对象:分类鼠标事件 鼠标的一切操作都是鼠标事件键盘事件 一般操作都是给整体加html事件事件源对象获取参数第一种方法鼠标事件x坐标y坐标获取触发的元素触发的事件类型键盘事件是否按了 alt 键,按了的话返回 true ,没按的话就是 false是否按了 shift 键,按了的话返回 true ,没按的话就是 false是否按了 ctrl 键,按了的话返回true,没按的话就是fa
2022-03-28 20:48:13
749
原创 JavaScript学习的第十天
属性节点讲解文章目录属性节点讲解一、属性节点讲解attributes 获取所有的属性获取删除二、属性操作的方法访问获取设置删除修改总结三、元素节点之间的关系父节点子节点节点集合第一个子节点和最后一个子节点兄弟四、节点操作的方法创建添加删除修改克隆一、属性节点讲解元素的几个属性 来获取属性值innerHTML innerText tagNamed获取id值classsName获取class属性值title获取对对应的title属性值input元素 对应存在 name属性值 v
2022-03-25 23:32:22
1063
原创 JavaScript学习的第九天
DOM文章目录DOM一、DOM定义查 获取元素节点的方式id选择器class选择器标签选择器通过name值来获取htmlCollection和nodeList区别复合选择器返回所有匹配选择器的元素操作属性节点二、DOM补充内容一、DOM定义document object model 文档对象模型 操作htmlhtml文档由html+css组成 DOM利用js操作html+css操作元素节点element Element元素节点对象操作属性节点attribute Attr属性节点对象操作文本节
2022-03-24 22:53:10
1247
原创 JavaScript学习的第九天
BOM文章目录BOM一、BOM定义属性方法浏览器宽高弹窗方法打开一个新的窗口关闭窗口 浏览器不允许页面打印定时器延时器二、locationlocation的属性location.host 与 location.hostname 的区别方法location直接赋值实现跳转assign跳转页面replace跳转页面assign和replace区别reload重新加载三、history是历史对象 保存历史页面属性length属性 返回历史页面的个数State状态方法back后退forward前进go去任意页面p
2022-03-24 22:52:33
61
原创 JavaScript学习的第八天
day08文章目录day08一、日期类定义方法get方法set方法二、对象定义访问使用三、setInterval定时器定义例子四、setTimeout一、日期类定义Date 日期 UTC 国际协调时间 从1970年1月1日0时0分开始算 可以精确到之前或之后的 285616年第一种 定义日期var date = new Date()console.log(date)第二种 指定一个日期(可以是字符串也可以是number)var date1 = new Date("2022-03-23T0
2022-03-23 19:55:22
593
原创 JavaScript学习的第七天
day07-字符串、Math文章目录day07-字符串、Math一、字符串定义属性方法length()charAt()charCodeAt()fromCharCode()indexOf(要找的元素,从下标几开始找)lastindexOf(要找的元素,从后往前找)search()查询方法RegExp 正则对象 一般以//包起来^表示开头 $表示结束[]表示有元素中的其中一个 {}表示个数+表示一个或者多个在[]内可以用-表示区间但是必须是正的区间\w表示字母数字及下划线 \W相反 除了字母数字及下划线其他
2022-03-22 19:36:11
491
原创 JavaScript学习的第六天
day06-数组方法文章目录day06-数组方法一、数组方法sort()排序方法reverse()反转数组方法concat数组合并slice截取数组内容join连接splice删除、替换、插入indexOf正序查找下标lastindexOf反序查找下标二、排序冒泡排序选择排序插入排序快速排序(冒泡排序升级版)总结一、数组方法sort()排序方法解释会影响之前的数组,默认按照ascii码进行比较,对应的顺序为从小到大,返回值为排序好的数组,里面可以指定参数,参数是一个function,这个里面有
2022-03-21 23:11:25
482
原创 JavaScript学习的第五天
day05-递归、Dom事件、数组文章目录day05-递归、Dom事件、数组一、递归 自己调用自己 函数内部调用函数三大问题因素递归调用的方式二、简单Dom操作获取元素节点对象:document.getElementById('id')获取输入框的内容:value属性oclick点击事件三、数组概念作用定义下标属性length数组的方法增加的方法push追加到后面unshift添加到前面删除方法pop是删除最后一个,返回这个被删除的元素shift是删除第一个,返回这个被删除的元素队列和栈队列(类似水管)栈
2022-03-19 19:08:28
130
原创 JavaScript学习的第四天
day04-函数文章目录day04-函数函数一、函数是什么?二、作用三、函数的分类四、函数的定义和调用函数的简单定义五、函数的调用六、return七、arguments数组数组的概念作用八、变量作用域注意点九、作用域链函数一、函数是什么?函数其实就抽取写好的js代码 作为一个通用的代码块(封装)二、作用减少代码冗余方便调用(提供效率提高代码的可读性)将特定的功能用函数来包裹(封装)使用函数的好处:函数可以在同一个程序或其他程序中多次重复使用(通过函数名调用)使程序变得更简短而清晰,提高可
2022-03-18 21:54:52
161
原创 JavaScript学习的第三天
JavaScript学习系列目录文章目录JavaScript学习系列目录一、循环whiledo whilewhile和do while的区别forwhile 、 do while 和 for的区别二、结束循环breakcontinuebreak和continue的区别一、循环循环是重复性做一件事情没有办法控制每次循环的时间长度嵌套循环会增大程序时间复杂度(不建议嵌套多次)死循环 是不会停止的循环 会导致电脑内存溢出(避免死循环)循环分为三种:while ,do while ,forwhi
2022-03-17 21:46:13
177
原创 JavaScript第二天学习
JavaScript学习系列目录第二天学习JavaScript学习目录JavaScript学习系列目录第二天学习一、一元运算符二、比较运算符种类== 和 ===比较方式三、逻辑运算符种类三元运算符 三目运算符格式分支机构if elseswitch case拓展一、一元运算符<script> //字符串类型,对于字符串类型来说自增或者自减会自动进行类型转换 var str = '10' str++//str = Number(str) + 1 自动转换 从string转
2022-03-15 21:50:18
458
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人