![](https://img-blog.csdnimg.cn/cb6d7d5bef624a509993fe7528473133.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JS相关
文章平均质量分 77
JS 专栏
本郡主是喵
两袖清风,无愧苍生。
展开
-
后台管理系统 -- 点击导航栏菜单对应的面包屑和标签(Tag)的动态编辑功能
相信很多时候,面包屑和标签(Tag)的功能几乎是后台管理系统标配。就是会随着路由的跳转来进行相应的动态更新。原创 2024-01-02 22:21:07 · 750 阅读 · 0 评论 -
web功能实例 - Canvas裁剪工具
嗯,手撸官方文档2天,发现没啥用,尤其是动画,那种计算出来的,根本想不到。因此学着学了抱着要做个东西的想法,去网上找相关案例,最终做出了这个裁剪工具。针对部分核心功能进行思路讲解。原创 2023-12-25 20:52:08 · 993 阅读 · 0 评论 -
功能案例 -- 通过开关,白天模式、夜晚模式切换
以上的过渡效果,我嫌麻烦,用js加的,但是一旦选择器过多了,执行速率变慢,。,所以还是采用css样式加。原创 2023-11-12 12:15:06 · 279 阅读 · 0 评论 -
JS 拖拽事件
4. 将元素拖拽放置在容器中(在容器中松开鼠标),在在容器中绑定一个ondrop 事件中,同样需要调用 e.preventDefault() 方法来阻止默认行为。2.移动鼠标(monusemove),获取移动元素中鼠标的clientX、clientY 减去上边求出的鼠标到元素边界的距离 ,求出元素移动top、left值,赋给元素。下面有2个元素,判断2个元素是否碰撞,如果碰撞的情况非常多,我们可以考虑没碰撞的情况,下面满足任意一种情况就是没碰撞的。3.松开鼠标(monuseup),将鼠标移动事件清除清除。原创 2023-09-25 17:34:54 · 866 阅读 · 0 评论 -
居中一个元素(水平+垂直居中)
line-heignt == height ,能使文字垂直对齐,text-align:center,能使内容居中水平对齐。top 和bottom,right 和left属性都是相对的,调整一个,另外一个都会失效。我们利用方位属性,调至子元素相对于父元素的方位,达到居中的效果。行内式元素(内容大小撑起标签宽高)或文字,父元素,采用相对布局,子元素采用相对布局。原创 2023-08-26 15:52:12 · 465 阅读 · 0 评论 -
flex 弹性布局
布局的元素,称为 Flex 容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称”项目”。PS : 其实上面结合我的效果看挺好的,或者结合上面自动动手试一下,加深一下对文字理解。:允许单个项目有与其他项目不一样的对齐方式,可覆盖align-items属性。项目之间间隔一样,项目与容器边框的间隔为项目之间间隔一半。:项目在主轴的排列顺序。:项目占据的主轴空间(main size):决定主轴的方向(即项目的排列方向)原创 2023-08-03 10:58:37 · 1189 阅读 · 0 评论 -
ES6 数组的用法
看下面知道,如果数组每个元素,都满足你制定的规则就返回true,只要有一个不满足返回false。看下面结果,就是将你满足你return的元素,返回给一个新的数组中。看下面,只要有一个满足,返回true,所有不满足返回false。看下面,就是将满足条件的第一个元素,返回出来。PS:不写prev值,默认是0。原创 2023-08-02 08:56:03 · 527 阅读 · 0 评论 -
Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘style‘)“
钩子函数中的操作不依赖于组件的 DOM 元素。如果需要等待组件的 DOM 元素完全加载或渲染,请考虑使用。钩子函数中访问的数据属性或计算属性是否被正确定义和初始化。确保被引用的属性存在,并且已经被正确赋值。如果你能提供更多的代码或具体的错误上下文,我将能够给出更准确的建议来帮助你解决这个问题。钩子函数中发生,它表示在该钩子函数中尝试读取一个未定义的对象的。这个错误通常在 Vue 组件的。钩子函数来执行相关操作。原创 2023-06-29 15:48:14 · 5789 阅读 · 0 评论 -
WebStorm:常用插件(全部实用)包含主题、界面、开发效率等
不仅可以翻译一些陌生单词的意思,还可以在取名字的时候不知道怎么取的时候,可以通过右键翻译并替换,就可以自动替换想要的名字。推荐:装上 Webstorm 第一件事就是改默认内存,可以在 .vmoptions 设置文件里手动改,也可以。只要是鼠标操作能够用快捷键替代的,Key Promoter 会弹出提示框,告知你用什么快捷键替代。推荐:将你的配置与你的账户绑定,这样无论在哪个电脑使用都是相同的配置和快捷键。也可以直接搜索:Material 也是可以找到的。也可以直接搜索:Material 也是可以找到的。转载 2023-06-03 11:12:18 · 6137 阅读 · 0 评论