
笔记
文章平均质量分 68
WDNMde_
这个作者很懒,什么都没留下…
展开
-
Element-plus自动导入组件,组件样式失效问题
项目里使用自动导入的方法使用element-plus,并且使用script setup编写vue3代码。 组件A的script setup里要用到Elfrom类型,因此必须要引入Elform //组件A import { Elform } from 'element-plus' // elform组件对象 const formRef = ref<InstanceType<typeof ElForm>>() 如果只有一个组件引入了Elform还没有问题, 但是当我在另外一个组件也引.原创 2022-03-19 14:55:24 · 6186 阅读 · 4 评论 -
new Array(m).fill()的坑
创建二维数组时为了快速填充值,我使用了 const visit =new Array(m).fill(new Array(n).fill(“novisited”)) 看似很合理,但实际上数组是复杂数据类型,这里是浅拷贝,也就是说只要对一行的数据操作,所以数据都会变 正确做法 new Array(m).fill(0).map(()=> new Array(n).fill(“novisited”)) ...原创 2021-12-31 00:23:42 · 832 阅读 · 0 评论 -
新手页面缩小时搜索部分的输入框与按钮不对齐问题
初学者写搜索框部分时,缩小页面造成输入框与搜索按钮对不齐的问题 一般来说初学者写搜索框都是用浮动来实现,一个div中放一个input,和一个a标签包含字体图标 HTML <div class="soso-box "> <input type="text" placeholder="查询目的地/酒店/攻略"> <div class="btn1"><a href="" class=" btn原创 2021-07-30 20:12:44 · 665 阅读 · 0 评论 -
学习日记(13)--CSS3动画
animation: 动画名称 持续时间 动画方式 延迟时间 动画次数 动画方向; animation-name 对哪一个动画进行调用 animation-duration 动画的持续时间 animation-timing-function 动画的速率方式 animation-delay 动画的延迟时间 animation-iteration-count 动画的播放次数 animation-direction 动画的播放方向,正向还是反向 定义动画 @keyframes 动画名 { 0%{}原创 2021-05-29 21:47:01 · 179 阅读 · 0 评论 -
学习日记(12)--jQuery动画
显示与隐藏 两种方式 show()和hide() toggle() $().show(speed, fn) $().hide(speed, fn) speed是一个可选参数,表示动画的速度,单位为毫秒。如果省略,则表示没有动画效果。speed有两种取值:一种是“字符串”;另外一种是“数值”。 取值 说明 “fast” 200毫秒 “normal” 400毫秒(默认值) “slow” 600毫秒 fn也是一个可选参数,表示动画执行完成后的回调函数。在这里,所谓的回调函数,说白了就是在动画执行完成后执行的一个函原创 2021-05-28 22:37:57 · 380 阅读 · 0 评论 -
学习日记(11)—jQuery过滤方法
为了快速操作元素,除了选择器之外,jQuery提供了以“方法”形式存在的两种方式:过滤方法和查找方法。 过滤方法和查找方法跟选择器之间是互补关系,它们补充了很多使用选择器无法进行的操作,例如选取当前元素的父元素、获取当前元素的子元素、判断当前元素是否处于动画状态等。 类名过滤:hasClass() 类名过滤,指的是根据元素的class来过滤。 $().hasClass(“类名”) hasClass()方法一般用于判断元素是否包含指定的类名:如果包含,则返回true;如果不包含,则返回false。 $(“li原创 2021-05-27 22:36:00 · 481 阅读 · 0 评论 -
学习日记(10)--jQuery查找方法
为了更灵活地操作元素,除了选择器之外,jQuery还为我们提供了以“方法”形式存在的两种方式:一种是“过滤方法”;另外一种是“查找方法”。过滤方法和查找方法,其实就是对jQuery选择器的一种补充。 查找方法,主要是以当前所选元素为基点,找到这个元素的父元素、子元素或兄弟元素。 在jQuery中,对于查找方法,我们可以分为以下3种情况。 • (1)查找祖先元素。 • (2)查找后代元素。 • (3)查找兄弟元素。 查找祖先元素 parent() parents() parentsUntil() paren原创 2021-05-26 19:19:34 · 383 阅读 · 0 评论 -
学习日记(9)--Ajax简单操作
搭建服务器环境 想要配置一个服务器环境,我们可以使用WampServer软件。安装完成后,WampServer会生成很多文件夹,其中有一个叫“www”,这个文件夹指的就是默认指定的网站根目录。也就是说,凡是网站的代码文件都必须放在这个“www”文件夹下。 http://www.lvyestudy.com/jquery/web-server Ajax是什么? Ajax,全称“Asynchronous JavaScript and XML”,即“异步的JavaScript和XML”。其核心是通过JavaScri原创 2021-05-25 21:42:27 · 267 阅读 · 1 评论 -
jQuery插件
使用jQuery来封装的一个功能或特效。 jQuery插件的引入必须要放到jQuery库文件的下面,不然jQuery插件无法生效。道理很简单,因为jQuery插件就是使用jQuery的语法来编写的。 文本溢出:dotdotdot.js 想要实现“多行文本”的省略号效果,可以使dotdotdot.js这个jQuery插件来实现。 <script src="js/jquery-1.12.4.min.js"></script> <script src="js/jquery转载 2021-05-24 20:55:27 · 192 阅读 · 0 评论 -
工具函数
实际开发中直接使用。 $.函数名() 在jQuery中,主要有以下5大类工具函数。 (1)字符串操作 (2)URL操作 (3)数组操作 (4)对象操作 (5)检测操作 字符串操作 字符串操作的工具函数,暂时只有一种,那就是$.trim()。在jQuery中,我们可以使用$.trim()方法来去除字符串首尾的空白字符。 $.trim(str) $.trim()方法是一个全局函数,应该使用jQuery对象直接调用。这个方法会返回去除空格后的字符串。 $(function () { v转载 2021-05-23 17:18:06 · 470 阅读 · 0 评论 -
jQuery事件进阶
在jQuery中,如果想要为元素添加事件,我们有两种方法:一种是“基本事件”(如click()等);另外一种是“绑定事件”(如on(“click”,function(){}))。 绑定事件 $().on(type, fn) type是必选参数,它是一个字符串,表示事件类型。例如单击事件是"click"。 fn也是必选参数,它是一个匿名函数,即function(){}。 on()方法不仅可以为“已经存在的元素”添加绑定事件,还可以为“动态创建的元素”添加绑定事件。 $(function () {转载 2021-05-22 23:07:51 · 204 阅读 · 0 评论 -
jQuery事件操作
不懂事件操作,jQuery等于白学 页面事件 javascript中 window.onload = function(){} jQuery中 //写法1: $(document).ready(function(){}) //写法2: jQuery(document).ready(function(){}) //写法3:建议这种写法 $(function(){}) //写法4: jQuery(function(){}) 区别:window.onload只能调用一次,如果多次调用,则只会执行最后一个原创 2021-05-21 20:33:41 · 236 阅读 · 0 评论 -
DOM进阶
DOM进阶 属性操作 属性操作,指的是HTML属性,而不是CSS属性。 获取属性 $().attr(“属性名”) 设置属性 //设置一个属性 $().attr(“属性”, “取值”) //设置多个属性 $().attr({“属性1”: “取值1”, “属性2”:“取值2”, …, “属性n”:“取值n”}) 删除属性 $().removeAttr(“属性名”) prop() 实际上,对于表单元素的checked、selected、disabled这些属性,我们使用attr()方法是没法获取的,而必须使用原创 2021-05-20 21:45:01 · 157 阅读 · 0 评论