自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

周百万的博客

博主很帅!又帅又壮!

  • 博客(71)
  • 收藏
  • 关注

原创 我的创作纪念日

提示:你过去写得最好的一段代码是什么?提示:当前创作和你的工作、学习是什么样的关系。提示:可以和大家分享最初成为创作者的初心。提示:在创作的过程中都有哪些收获。提示:职业规划、创作规划等​​。

2023-07-23 23:59:45 186

原创 鼠标点击切换图片(使用js中的src属性)

6、使用模板字符串 ` xxx ` 中的 ${ i } 来获取动态的 i 值,将每次点击之后的 i 的值,放到img的src中,实现点击切换图片的效果。5、给图片添加一个点击事件,点击图片的时候,使用img.src = `xxx`来改变img中图片的路径。1、先创建一个盒子,里面放图片,让图片的宽和高等于父盒子的高度(让图片占满父盒子)。需要在里面创建一个images文件夹,里面有自定义张图片,为可方便使用数字进行命名。3、在外面定义一个全局的 i 变量,赋值为1,(因为图片的命名是从1开始的)。

2023-07-02 10:21:05 2304

原创 解决在vue2上使用swiper6出现的问题(自动播放,前进后退按钮,分页器)完整版

6.1、解决没有分页器分页器出不出现,点击有没有效果;很大的情况下分页器不出现,可能就是这个的影响。一定要加上clickable: true,这样点击分页器,才有效!(下方有完整代码)6.2、解决不自动播放Autoplay:能不能自动播放就靠他!6.3、解决点击前进后退按钮不起作用前进、后退按钮点击有没有效果;如果没有他,只有样式,点击不起作用

2023-02-13 23:06:28 2200 3

原创 解决“TypeError: Cannot read properties of undefined (reading ‘push‘)“

报错:"TypeError: Cannot read properties of undefined (reading 'push')"其实vue-router都配好了,但是还是报错,刚开始也是找了很久,回头一检查就找到了错。你们排错的时候可能不是这个点,但就是和重写push方法相关的地方。使用call方法重写调用的时候,this少写了一个。重写push方法的时候,错了一个地方。这个router文件在。

2023-02-12 21:46:39 3924

原创 解决ERROR in ./node_modules/vuex/dist/vuex.esm.js

2、第二种情况就是,你安装的版本没问题,但是你是在运行情况下安装的,那么他还是会报错,1、如果你是用的是vue2,那应该安装vuex@3版本。如果你是用的是vue3,那么应该安装vuex@4版本。当你安装vuex时,安装完成后可能会出现这样的报错。应该先停止项目,在安装(两次ctri+c)根据不同版本安装完成之后再执行一次就好了。

2023-02-12 12:04:45 6658 1

原创 vue2中swiper6不能正常使用的解决

v-for依赖于state的数据,实例化必须在v--for获得数据,渲染完结构之后,才能正常使用swiper。注意:也可以在其他地方引入,但是在main.js中引入,所有的组件都能用swiper的样式。在mounted中设置一个定时器,两秒之后在实例化Swiper对象,解决异步问题。因为在结构加载完成之后,实例化Swiper才能生效。这里用一种笨方法来演示,主要是学习怎样引入。样式的引入,不是平常的引入,引入代码如下。注意:一定要引入这两个,少引入一个就不行。注意:一定要这样引入样式。

2023-01-12 17:08:45 1087

原创 创建Vuex时没有$store的解决

如果你在vue2项目中,所有的配置好了,组件中就是没有$store属性,那么很有可能是安装的vuex插件版本过高。store文件夹下的index.js文件。为什么会出现这个问题呢?vue@3版本对应的是 vue2。vue@4版本对应的是 vue3。vuex安装的版本是最新版本。

2023-01-08 19:20:09 2483 1

原创 前端最常用、易忘的命令

赶快收藏,忘了就看,错过就吃亏哦~

2022-11-16 19:41:21 991

原创 原生JS项目练习——全选与全不选和反选

一、主要功能介绍:1、用原生JS实现全选:用for循环遍历每一个input,让他全部选中2、用原生JS实现全不选:用for循环遍历每一个input,让他全部选中3、用原生JS实现反选:用for循环遍历每一个input,让他现在的选中状态的相反值,赋值给他的选中状态(重点)二、JS代码详细步骤解析:这不是重点,重点是学习原生JS。

2022-10-14 23:47:57 1392

原创 原生JS项目练习——tab选项卡功能

一、主要功能介绍:1、写UI结构2、获取元素3、for循环遍历数组,给每一个li添加一个index属性并赋值。(原因等会会总结)4、绑定鼠标的mousemove事件,鼠标移到某个模块,将该模块变色,换上相应的图片5、当鼠标离开li的时候,就让当前li的背景颜色改变为原来的颜色,图片隐藏6、鼠标离开ul的时候,将li模块和图片恢复到刚开始的样子7、主要实现tab栏的来回切换操作原生JS好,前端学的才是真的好,对以后的发展有很大的作用。

2022-10-13 13:11:16 1452

原创 原生JS案例——搜索框的搜索数据展示

一、主要功能介绍:1、生成UI结构,定义一个数组2、获取表单元素3、创建搜索框的键盘弹起事件4、当在搜索框中输入内容时,遍历数组中的每一个元素,将其中的每一个元素与输入框中输 入的元素相匹配,如果能匹配上就将该内容渲染到提示列表中5、如果输入内容,显示提示列表 ,如果没输入内容,隐藏提示列表6、通过trim() 去掉左右两边的空格,因为空格能匹配所有字符。

2022-10-11 13:17:18 3318 1

原创 Ajax案例——仿淘宝页面数据请求

2、封装一个getSuggestList函数(进行JSONP请求)3.4搜索关键字为空时隐藏搜索建议列表。3.4搜索关键字为空时隐藏搜索建议列表。5.2 将搜索结果保存到缓存对象中。5.2 将搜索结果保存到缓存对象中。5.3 优先从缓存中获取搜索建议。5.3 优先从缓存中获取搜索建议。1、获取用户输入的搜索关键字。3.3定义渲染模板结构的函数。1、获取用户输入的搜索关键字。3.3定义渲染模板结构的函数。5.1 定义全局缓存对象。5.1 定义全局缓存对象。3.1定义搜索建议列表。3.1定义搜索建议列表。

2022-10-09 23:22:33 338

原创 原生JS项目练习——验证码的生成及教验

主要功能介绍: 1、通过for循环生成生成六位随机验证码 2、通过for循环随机生成验证码颜色 3、窗口加载事件,窗口一加载就调用函数,重置验证码 4、按钮点击事件,一点击就调用函数,重置验证码5、input输入框已失去焦点就进行验证 6、正则表达式验证输入内容是否符合条件 7、如果输入验证码和随机生成的验证码相同,在后方显示绿色正确标签

2022-10-06 13:10:16 1348

原创 原生JS项目练习——支付倒计时

一、主要功能介绍: 1、点击支付按钮弹出确认框 2、点击确认按钮后,进入支付成功界面 3、支付成功界面有一个页面加载时间 4、每次加载都会出现一个倒计时setInterval,倒计时结束后返回支付界面 5、点击支付成功按钮会立即返回支付页面

2022-10-04 19:18:39 1327

原创 查询商品案例 ES5新增方法

1、主要步骤1、把数据渲染到页面 forEach( )方法遍历数组 createElement 动态创建元素 appendChild 在子元素的子类最后面插入2、根据价格显示数据 filter( )方法遍历数据,以数组的形式返回3、根据商品名称显示数据 some( )方法查找数组中唯一的元素 找到元素后就不再循环,效率更

2022-09-21 23:32:04 195

原创 JavaScript面向对象动态添加标签页 (ES6)

1、主要功能介绍:将不同的功能抽离出来1、 创建对象具有切换选项卡的功能2、 创建对象具有添加选项卡的功能3、 创建对象具有删除选项卡的功能4、 创建对象具有修改选项卡内容的功能5、动态获取、绑定元素、渲染UI界面

2022-09-17 22:39:54 1729

原创 评论列表案例,通过Ajax向服务器发送请求

实现功能介绍:1、通过bootstrap快速制作html面板2、通过Ajax向服务器发送参数3、将获取的参数通过循环的形式插入到数组中4、将数组中的数据渲染到UI结构中5、点击提交按钮时,再重新获取数据并渲染6点击回车,也能提交评论

2022-09-16 15:22:48 378

原创 Jquery版轮播图超详细

主要功能介绍:鼠标移动到轮播图中显示左右按钮,轮播图片的定时器停止鼠标移出轮播图隐藏左右按钮,轮播图片的定时器开始动态创建下面的小圆点无缝滚动效果点击左右按钮能切换图片,点击小圆点也能切换到对应的图片中,定时器切换图片使用时间阀,只有点击左右按钮图片运动完成之后,点击左右按钮才能再次滚动,防止点击左右按钮次数过多,图片滚动过快的情况

2022-09-15 00:01:52 3370

原创 怎样在VS code中设置默认font-size的大小(运用在px转rem中)

1、打开VS code进入主页面4、在搜索框中输入cssremroot5、在75所在的输入框中就能输入你想设置的font-size 大小

2022-09-11 22:04:21 1170 1

原创 阴影:box-shodow 每个属性使用与分析

综合写法: box-shadow:h-shadow v-shadow blur spread color outset;h-shadow:表示水平阴影的位置,可以为负值,正值向右(必选属性)v-shadow:表示垂直阴影的位置,可以为负值,正值向下(必选属性)blur:阴影模糊半径,属性值为0,一点也不模糊(可选属性)spread:阴影扩展半径,属性值越大,扩展的半径越大,不能为负值(可选属性)color:阴影颜色(可选属性)

2022-09-07 09:00:00 5402 1

原创 移动端携程网首页flex布局完整制做(详细代码版)含footer部分

主要思路:1、让盒子的高度固定,只让他们的宽度随着屏幕的大小而变化!2、search-index 父盒子固定定位,固定定位的盒子必须有宽度,所以让他的宽度为100%3、固定定位的盒子,是以屏幕为准的,所以body中的margin:0 auto;对他不管用4、因此他使用left:50%;(让他的最左边移动到屏幕的一半位置),再使用transform:translateX(-50%) (这里的50%是以当前移动的盒子为准的),就是让这个盒子再往左移动盒子本身一半的长度

2022-09-06 21:37:10 2141 1

原创 关于 a (链接)标签 里面包含图片会被撑大的解决方法、a标签会撑大的解决方法

用一个a标签里面包含img图片,这事再平常不过的布局方式,然而a标签突然莫名其妙的被撑大,a会莫名其妙有一个大小,给a 设置margin:0;padding:0; 都不管用,研究了很久才最终解决。

2022-09-06 17:02:23 1607 1

原创 基础选择器汇总——标签选择器,类选择器、id选择器、通配符选择器

标签选择器(元素选择器)是指用 HTML 标签名称作为选择器,按标签名称分类,为页面中标签指定统一的 CSS 样式。在 CSS 中,通配符选择器使用“*”定义,它表示选取页面中所有元素(标签)其中权重不能直接说成 1、10、100这样,但可以这样理解,这样理解更方便!如果想要差异化选择不同的标签,单独选一个或者某几个标签,可以使用类选择器。id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。复合选择器和属性选择器请参考我写的其他文章!

2022-09-05 11:52:24 5089

原创 出现Unexpected token u in JSON at position 0 报错原因及解决方案

出现这种错误就去找JSON.parse( data ) 中的data指定时undefined类型的,然后再去一步步找出形成原因即可!JSON.stringify( ) 方法中为空返回的就是 undefined。不能是 undefined类型,如果是undefined,指定会报这个错!使用saveDate( )这个方法时,里面的参数没写。中的data是怎么形成undefined的就可以。JSON中的值不能是undefined。出现问题的原因基本就是使用了。我的是因为使用了这一串代码。...

2022-08-29 16:33:08 30135

原创 jQuery中遍历元素,创建元素,添加元素,删除元素汇总

jQuery隐式迭代是对同一类元素做了同样的操作。如果相对同一元素做不同的操作,就需要用到遍历。

2022-08-17 16:23:28 3055

原创 pageX和clientX的区别

e.page:返回鼠标相对于文档页面的左上角的坐标(滚轮滑动时改变)page的大小=页面滚动部分大小+距离窗口可视区距离的大小(距离整个文档左上角距离的大小)e.client:返回鼠标相对于浏览器窗口可视区的坐标(滚轮滑动不变)client的大小=距离窗口可视区的大小代码求证注意点:上下滑动要比较pageY和clientY,比较pageX和clientX没有意义页面中有一个50*50大小 绝对定位 的盒子,如下图所示。.........

2022-08-13 11:06:54 3910

原创 jquery 中 e.keycode不能正确输出或不起作用的解决方法

keycode 输出undefined 不能正常运行。e.keyCode中的 ”C“ 必须大写才行!之前已经犯过一次错了,没想到再次还会犯错。e.keyCode 就能正常输出啦!

2022-08-12 10:22:50 582

原创 jQuery购物车完整功能实现,全代码详解(有动态效果图)

jQuery购物车 实现购物车完整功能全代码详解(有gif动态效果图)

2022-07-25 00:23:07 8603 7

原创 手风琴效果

手风琴效果

2022-07-21 17:37:28 305

原创 图片突出显示案例html+css+jquery

图片突出显示案例html+css+jquery

2022-07-20 23:50:19 942

原创 会话存储sessionStorage与本地存储localStorage叙述与案例分析

会话存储sessionStorage与本地存储localStorage叙述与案例分析

2022-07-16 23:41:54 308

原创 vscode 输入 !不提示,没法自动补全的解决方法(最新)

突发vscode 输入 !不提示,没法自动补全的解决方法(最新)

2022-07-09 09:52:07 5901 5

原创 javascript轮播图超详细

鼠标移动到轮播图中显示左右按钮,轮播图片的定时器停止鼠标移出轮播图隐藏左右按钮,轮播图片的定时器开始动态创建下面的小圆点无缝滚动效果点击左右按钮能切换图片,点击小圆点也能切换到对应的图片中,定时器切换图片使用时间阀,只有点击左右按钮图片运动完成之后,点击左右按钮才能再次滚动,防止点击左右按钮次数过多,图片滚动过快的情况...

2022-07-06 16:13:53 15454 10

原创 JS缓动动画原理教学(超细节)

JavaScript缓动动画原理教学(超细节)

2022-07-02 23:49:38 435

原创 仿京东放大镜效果(pink老师版)

跟着pink老师学的,根据pink老师的代码敲,顺便改良了一下他的一个小bug

2022-07-01 00:18:54 1188

原创 WEB期末大作业——我的家乡济南,免费HTML项目练习

目录​编辑一、首先创建base.css文件夹,对总体设置css样式 二、首页的HTML代码的书写,大伙自个看吧,我也不多说啥了。三、创建common.css文件夹,对nav,shortcat,footer部分的css样式进行书写,因为所有的页面都得用,不直接复制,用的时候直接link引入即可 四、创建index.css文件夹,对index首页布局设置,大伙还是自个看五、index文件的倒计时效果的js代码六、轮播图...

2022-06-29 11:00:03 1192 1

原创 javaScript中倒计时效果(详细步骤版)

总代码(赶时间直接复制即可):详细步骤(想学会的请看此处):1、先创建三个盒子 2、给盒子用css写一下他的属性,定义它的宽高,以及颜色,效果如下图所示! 3、获取三个盒子对象......

2022-06-25 22:36:34 755

原创 oracle数据库用户密码过期,需要修改解决方法(超简单)

我前几天在oracle中经历了,用户密码过期的问题,百度了好久才自己研究出来,今天分享给大家代码:alter user scott identified by 123;alter user 用户名identified by 密码;其中user 为 scott (用户名)而不是下图中的mike(name)直接在管理员账户中输入这个即可,其他的花里胡哨的查询、输入没必要,下一次过期后再改就行(180天过期一次)。详细介绍:当用户密码过期时会在下方显示一段红色的英文,...

2022-05-21 15:27:13 6597

原创 java script实现 :hover 的盒子现实与隐藏效果

核心:运用javascript代码,实现鼠标经过ul标签显示,实现鼠标移走ul标签隐藏。用html与css实现案例的外观HTML代码(就是四个盒子里面包含a和ul,ul里面又包含li) <div class="nav"> <li> <a href="#">a</a> <ul> <li>1</li>

2022-05-21 14:53:55 645

原创 javascript 利用排他思想创作点击按钮显示颜色

代码不难主要是利用排他思想:排除其他的元素的干扰这是没利用排他思想,直接获取元素,注册事件,让他点击后获得背景颜色的改变但是无法使盒子点击一次只显示一个,所以下面使用for循环来给盒子进行排他思想的设置<body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button&g..

2022-05-08 17:01:19 761 1

空空如也

空空如也

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

TA关注的人

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