前端
文章平均质量分 51
whitexxxkkk
此账号已弃用,资源请通过其他途径寻找。
展开
-
Element-ui2 Backtop组件的正确使用方法
把target属性去掉不用给html、body、#app等高度或溢出样式可以放在组件内的任何位置原创 2022-02-09 18:24:11 · 405 阅读 · 0 评论 -
ToDoList待办事项列表 Vue3 Spring boot
ToDoList待办事项列表主要功能:对待办事项进行增删改查操作;显示待办事项的进行中或已完成的状态并显示进行中的待办事项距离结束时间的时间;待办事项任务到达预定时间后会自动发送windows通知;切换中英文的功能使用到的相关技术:前端:Element UI、TypeScript、Sass、Axios、Vue3、Vue-Router、Vue-i18n后端:Java、Spring boot2、MySQL、Mybatis、Maven使用的开发环境:Windows、IDEA、VS-Cod原创 2021-11-30 09:40:26 · 1897 阅读 · 0 评论 -
element ui 手动关闭Drawer抽屉组件的方法
element ui 手动关闭Drawer抽屉组件的方法在element ui的官方文档中给出了关闭Drawer组件的方法,但是在文档中并没有给出具体的示例,而且这个方法的说明也没有给出具体的方法。我这里有一个需要通过点击抽屉内的按钮在完成一定的功能后顺便关闭抽屉组件的需求,可以像以下这么完成。首先在需要操作的抽屉组件上使用ref来将抽屉组件的实例信息注册到父组件也就是当前文件的自定义组件的的ref对象上,然后直接在自定义组件的方法中使用刚刚注册到ref对象上,然后直接在自定义组件的方法中使用刚原创 2021-05-02 20:20:48 · 9581 阅读 · 4 评论 -
js jquery封装无缝轮播功能
js jquery封装无缝轮播功能说明:在真正的商业网站中,使用到的轮播功能应该大多都是通过使用css过渡改变需要轮播元素的transform值来实现轮播功能的。在淘宝官网首页、swiper插件以及一些其他的网站上都可以看到这种方式的使用。css相比较于使用js实现像轮播图这种简单的动画效果有着很大的优势。在表面上看来,css动画效果会比js动画效果更加流畅,且不会出现像js动画一样出现各种由误差导致的显示效果问题。在更深层次看来,css操作transform实现的动画效果浏览器会对其进行优化,原创 2021-04-21 15:25:00 · 239 阅读 · 0 评论 -
原生js封装无缝轮播功能
原生js封装无缝轮播插件说明:这是一个使用原生js、es5语法写出的无缝轮播程序,代码中对相关api进行了封装,使得在引入该轮播js文件后,只需要在自己的js文件中添加两行代码即可在网页中实现一个基本的无缝轮播图效果。基本使用步骤为:获取dom元素数组、向轮播对象中传参、轮播对象调用自动轮播方法。除基本的定时器自动轮播功能外,该程序还支持设置过渡动画时间、设置鼠标移入元素自动轮播停止、设置点击左右侧边按钮时轮播、设置点击下方按钮时轮播功能。该程序不需要依赖css、html文件、但需要你的css、h原创 2021-01-06 10:13:16 · 195 阅读 · 2 评论 -
JS JQuery实现简单的鼠标移动动画效果
JS JQuery实现简单的鼠标移动动画效果说明:之前看到过很多别人写的的网页鼠标特效,感觉很炫酷。但是那些都涉及到复杂的数学知识和逻辑,我没有能力写出类似的鼠标效果,于是我仿照一般的显示鼠标移动轨迹特效,使用js和dom元素写出了一个简单的鼠标移动效果。其中涉及到的知识并不复杂,只需要熟悉js和jquery即可。运行效果:思路:主要是给document对象添加mousemove鼠标移动事件,创建并操控记录鼠标位置的div。程序中用到了旋转效果,因此除jquery外还需要引入jQueryR原创 2020-12-16 15:00:16 · 2162 阅读 · 0 评论 -
spring boot SSM搭建个人博客
spring boot SSM搭建个人博客最近使用spring框架写了一个个人博客网站的小项目,在此将项目的开发流程记录下来。项目使用了前后端分离的做法,后端负责与数据库进行交互并提供api接口,前端负责发送ajax请求,获取由后端传送的数据。我比较习惯逆向开发流程,即先写出最终要展示的html页面,再由这个页面分析出需要后端传递什么样的数据,然后再设计数据库、编写controller、service、dao层。在完成了项目的基本功能后就可以将项目部署到云服务器了。因为我是第一次接触云服务器,一开始原创 2020-10-18 11:58:06 · 287 阅读 · 1 评论 -
JS CSS实现简单的无缝轮播效果
JS CSS实现简单的无缝轮播效果因为我没有查看过其他人写的无缝轮播代码,所以我的实现方式可能和他人通常的实现方式有较大的差异。该程序是通过JS配合CSS的过渡效果实现的。最终效果除在跨越界面切换界面时的过渡效果如果不为匀速则会较不合适外,其他效果和一般无缝轮播效果并无差异。且可以在html中增删界面。运行效果:该程序思路:界面的left值根据界面标签对象在对象数组中的顺序决定。在两张轮播图之间切换时,根据选择方向更改对象在数组中的顺序,重新设置对象left属性值,不需要被显示窗口看到的界面的原创 2020-09-07 08:39:49 · 620 阅读 · 0 评论