自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 vue3 井字小游戏

闲来无事,参考 react 官网基于 vue3 写了下小 demo, 有兴趣的可以自己去试试。

2023-04-25 17:10:31 219 1

原创 自定义 useBackPage 页面返回刷新/缓存

如果你在开发移动端 app/h5 页面,那么肯定会遇到这样的问题。详情页返回列表,不做任何修改的情况,应当保持之前的状态。详情页返回列表,有修改的情况,应当自动刷新保持最新状态。使用时只需要通过传参就可以实现你想要的效果。

2023-01-16 11:03:22 183 4

原创 Vue-cli脚手架创建项目全流程----保姆级教程

本篇文章详细讲述就vue脚手架使用安装全过程,在使用vue-cli之前,请确认你的电脑已经安装了 node,Vue-cli需要 Node.js支持如果还未安装node可以参考https://www.runoob.com/nodejsvue-cli脚手架安装----整个项目过程中只需要完整的走一遍即可安装Nodejs(常规下一步下一步安装即可)安装完成之后,可以在命令行工具中输入node -v 如果能显示出版本号,就说明安装成功。安装npm包管理器npm install -g cnpm --reg

2021-11-10 19:15:45 2320

原创 Vue 生命周期

vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期,本篇文章讲解了生命周期的每个阶段话不多说,来看个图吧beforeCreate() 创建前在实例初始化之后,数据观测(data obsever)和event/watcher事件配置之前被调用beforeCreate(){ //在当前组件创建之前调用 console.log(this.msg) // 输出undefined,说明当前数据为空}

2021-11-05 15:32:05 102

原创 Vue 购物车案例

本篇描述 vue实现购物车小案例,有兴趣的小伙伴可以参考一下,小编用了两种方法实现 字符串拼接和过滤器,主要体现在price上样式代码<style> .box{ width: 800px; margin: 50px auto; text-align: center; } button{margin: 5px;} </style>方式一 html

2021-11-01 16:38:56 2538

原创 CSS3动画文字显示

节日快乐呀!各位程序猿们!本篇文章介绍了c3文字显示动画效果,有兴趣的小伙伴可以参考一下!用到的知识点:steps----分几步来完成动画 有了steps就不要写ease 或 linearforwards----当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)效果展示:...

2021-10-24 14:36:57 682

原创 jquery实现盒子拖拽

这篇文章主要为大家详细介绍了jquery实现盒子拖拽动画效果,文,感兴趣的小伙伴们可以参考一下核心代码部分<script src="js/jquery-1.11.1.js"></script><script>// 给小盒子绑定鼠标按下事件 $(".small").bind('mousedown',function(){ // 在整个页面移动事件 $(document).mousemove(function(e

2021-10-22 21:24:37 658

原创 jQuery实现图片高亮显示

图片高亮显示在页面中很常见,下面是用jquery实现图片高亮显示的效果![在这里插入图片描述](https://img-blog.csdnimg.cn/31681f8bb71942c8b0ff649d60d70e00.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAYFBsdXRvLg==,size_20,color_FFFFFF,t_70,g_se,x_16html代码部分

2021-10-20 14:47:52 1497 1

原创 jQuery 选择器------基本选择器

页面的任何操作都需要节点的支撑,开发者如何快速高效的找到指定的节点也是前端开发的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的,让开发者可以更少的处理复杂选择过程与性能优化,更多专注业务逻辑的编写。

2021-09-28 16:18:40 64

原创 jQuery的基本使用

** jQuery是一个快速简洁的JavaScript框架,它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。**1. jQuery预加载一个脚本中可以包含很多个jQuery的预加载,但在J中预加载的系统事件只能出现一次(出现多个后者会覆盖前者)$(document).ready(function(){})$(function(){})以上两种写法都是jQuery的预加载,但我们一般使用第二种

2021-09-27 16:59:19 80 1

原创 小白MarkDown基本入门操作

1. MarkDown标题使用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推代码如下:# 一级标题## 二级标题### 三级标题#### 四级标题#### 五级标题##### 六级标题效果展示:一级标题二级标题三级标题四级标题五级标题六级标题2. Markdown 中的几种字体:代码如下:*斜体文本1* _斜体文本2_ **粗体文本1** __粗体文本2__ ***粗斜体文本1**

2021-09-24 21:12:49 77

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除