前端
关注
分享
扫一扫
文章平均质量分 80
本专栏为小编写的一些前端学习笔记和一些小的项目，希望读者喜欢！
坚持不懈的大白
liuze，半个研二学生，熟悉C、Python、Java、HTML等编程语言，自学过Spring Boot、Python爬虫、Vue.js、React、MySQL、MongoDB...
展开
-
前端：一小时教你使用SpringBoot搭建一个玩游戏的网站
一小时教你使用SpringBoot搭建一个玩游戏的网站，主要依靠jsnes这个包。原创 2024-10-24 18:56:36 · 1573 阅读 · 0 评论 -
前端：JavaScript 实现类
Es6（class，class继承、class私有、静态属性和方法）、Es5-寄生组合式继承原创 2024-09-10 15:53:09 · 765 阅读 · 0 评论 -
前端：JavaScript中的this
this的指向，指定this的指向，手写call、apply、bind方法原创 2024-09-09 18:43:52 · 1149 阅读 · 0 评论 -
前端:Vue3学习-2
pinia、pinia持久化工具、defineOptions、defineModel原创 2024-09-07 20:42:54 · 1135 阅读 · 0 评论 -
前端：Vue3学习
vue2打包发布、ref、组件通信、provide&inject、计算属性computed、模板引用&defineExpose、生命周期原创 2024-08-27 00:03:02 · 1703 阅读 · 0 评论 -
前端：Vue学习 - 智慧商城项目
项目中用到路由vue-router、vuex、localStorage、axios，同时采用vant组件库和vw适配，学习笔记而已，不全哈！原创 2024-08-01 19:11:16 · 1142 阅读 · 0 评论 -
前端：Vue学习 - 购物车项目
vuex实现一个简单的购物车项目原创 2024-07-24 17:38:44 · 1463 阅读 · 2 评论 -
前端：Vue学习-4
组件缓存，vuex(state、mutations、actions、getters)、vuex模块化原创 2024-07-23 03:02:41 · 885 阅读 · 0 评论 -
前端：Vue学习-3
Vue2 自定义指令、插槽、路由原创 2024-07-20 00:52:24 · 1025 阅读 · 0 评论 -
前端：Vue学习-2
Vue生命周期、组件化开发、v-model实现原理、sync、ref和$refs、$nextTick原创 2024-07-18 16:25:03 · 1008 阅读 · 0 评论 -
前端:Vue学习-1
指令、计算属性、watch监听器原创 2024-07-15 18:08:00 · 831 阅读 · 0 评论 -
笔记：SpringBoot+Vue全栈开发2
笔记：SpringBoot+Vue全栈开发2原创 2024-07-06 08:43:43 · 1093 阅读 · 1 评论 -
JavaScript进阶：js的一些学习笔记-this指向,call,apply,bind,防抖,节流
this指向,call,apply,bind,防抖,节流原创 2024-03-15 17:31:20 · 983 阅读 · 0 评论 -
JavaScript进阶：js的一些学习笔记-4
前端：js学习笔记原创 2024-03-15 13:21:47 · 971 阅读 · 0 评论 -
JavaScript进阶：js的一些学习笔记-原型
js的一些学习笔记原创 2024-03-14 17:50:50 · 574 阅读 · 0 评论 -
JavaScript进阶：js的一些学习笔记-2
JavaScript的一些学习笔记原创 2024-03-13 15:56:53 · 911 阅读 · 2 评论 -
JavaScript进阶：js的一些学习笔记
箭头函数：更简短的函数写法并且不绑定this，箭头函数的写法比函数表达书更简洁。作用域规定了变量能够呗访问的范围，离开这个范围，这个变量就不能够被访问到。对象结构：将对象属性和方法快速批量赋值给一系列变量的简洁语法。，let 声明会产生块级作用域，var 声明不会产生作用域。数组结构：将数组的单元值快速批量赋值给一系列变量的简洁语法。把所以var声明的变量提升到当前作用域的最前面。局部作用域：可以分为函数作用域和块作用域。只有一个形参的时候，可以省略小括号。只有一行代码的时候，可以省略大括号。原创 2024-03-13 13:31:59 · 658 阅读 · 0 评论 -
前端：html+css+js实现优快云首页
我的实现效果为：原界面如下,网址为：csdn这个部分算导航栏吧！原网站的实现是使用到js监听、固定定位等，初始时这个导航栏并不是固定定位，而是向下移动滚动条之后才变为固定定位的，当向上移动滚动条到一定位置时又会恢复为初始样式，如下：而我对于这部分直接使用了固定定位，没有设置监听的哈。另外，除了字体文本样式部分拷贝自原网站，其他部分均为小编按照我自己的思路来设计的吧！这两个图标会随着鼠标移入、移出而变换。并不是简简单单换一个img的src的属性那么简单。参考原网站的实现原理。运行结果：ht原创 2024-01-01 18:04:03 · 1440 阅读 · 0 评论 -
前端：HTML+CSS+JavaScript实现轮播图2
比如2、3实现效果是用了两个定时器实现的，虽然也达到了那种效果，但是从一些方面来说总有点繁琐吧！现在这个不需要计算，直接用一个定时器即可实现，初始实现效果如上，这不符合我们想要的那种效果，这种是通过定时器每隔几秒变化每张图片的left的值的效果。结合relative、absolute来进行图片布局，用定时器来实现图片轮播间隔效果，用transition来实现每张图片移动过渡效果。注：上述代码没有给出点击按钮变化图片特效，想实现的读者可以去看看上述第一个关于实现轮播图的版本哈！这个是需要改进的代码哈！原创 2023-12-08 17:49:55 · 1601 阅读 · 1 评论 -
前端:运用HTML+CSS+JavaScript实现拼图游戏
前一段时间突然来了一个想法，就是运用前端知识实现一个拼图游戏，但是不知道具体怎样实现。今天，想到既然实现不了现实中我们看到的那种拼块，那么就用正方形来代替吧！原创 2023-09-20 12:50:46 · 7538 阅读 · 19 评论 -
前端:运用html+css+jquery.js实现截图游戏
最近在刷手机视频时，总是能刷到一个这样的视频，视频上是一个截图游戏，当图片上的某个片段正好在图片的正确位置时，暂停视频，截好图发到评论区，显示你很牛逼，哈哈。，上述运行结果正好演示这个截图效果。原创 2023-08-18 18:46:36 · 511 阅读 · 0 评论 -
前端:Vue.js学习
vue.js学习笔记吧！原创 2023-08-11 19:42:05 · 450 阅读 · 0 评论 -
前端:运用html+css+js模仿百度热搜电影榜鼠标移入特效
百度热搜上电影榜鼠标移入特效如上图所示。个人觉得上述特效实现原理为使用相对定位、绝对定位实现的(鼠标移入和没有移入时，元素布局有一些不同而已)。至于鼠标移入时，出现延迟效果，则是在css上设置transition(用于设置过渡效果的)实现的。我的实现效果如下(只把那个特效实现，其他元素布局没有搞)原创 2023-07-24 12:36:25 · 1870 阅读 · 1 评论 -
前端:运用html+css+js模仿京东上商品图片区域放大特效
最近在网页端浏览京东上的商品时，觉得上面的那张gif图片上实现的特效不错，于是自己打算使用html+css+js技术来实现一下上述特效效果原创 2023-07-14 10:21:58 · 1467 阅读 · 9 评论 -
前端:运用html+css+js实现虎牙直播上的轮播图效果
近段时间看虎牙直播看的多，发现这上面的一个轮播图效果不错，如是打算运用纯html+css+js实现一下上述那个运行效果，虽然最终效果和上述的还有所差异，但是小编自己觉得还不错，当然，读者想理解更多关于轮播图的实现，可以去看看小编的这篇博客(比较基础的那种)，[前端：HTML+CSS+JavaScript实现轮播图](https://liuze.blog.youkuaiyun.com/article/details/122240750)。原创 2023-07-10 13:40:23 · 922 阅读 · 4 评论 -
SpringBoot:WebSocket实现消息撤回、图片撤回
下面只是讲述一下实现思路，代码基本没有哈！有时间单独发表一篇关于websocket的相关操作的博客。原创 2023-05-30 08:59:06 · 1390 阅读 · 1 评论 -
前端:运用HTML+CSS+JavaScript实现迷宫游戏
最近感到挺无聊的，于是想到了大学期间关于栈的应用知识，于是就写了这篇博客！原创 2023-04-15 10:47:11 · 1655 阅读 · 1 评论 -
nodejs学习-4:nodejs连接mongodb和相关操作
nodejs连接mongodb和相关操作原创 2023-02-19 10:43:57 · 1733 阅读 · 1 评论 -
node学习-3:服务器渲染和客户端渲染
nodejs学习,服务端渲染和客户端渲染原创 2023-02-16 14:44:08 · 1548 阅读 · 0 评论 -
node学习-2:Cors解决跨域问题
如，现在我写了一个网页，用HBuilder X运行，然后在这个网页里写了一个ajax请求的代码，请求的链接是我用node写的一个请求链接.现在我想要在某个服务器下某个网站下请求另外一个服务器上的某个链接，然而，却面临跨域的问题，面对这个问题，怎样解决呢？很明显这个因为跨域导致的，怎样解决呢？基本上就是在后台js文件里添加如下代码即可。很明显，这个问题解决了。原创 2023-01-28 19:15:54 · 269 阅读 · 1 评论 -
毕设：基于Spring Boot的旅游攻略网的设计与实现
首先，简单介绍一下旅游攻略网使用的技术。界面制作采用纯HTML+CSS+JS，后端使用的框架为Spring Boot，使用的数据库包括MySQL、MongoDB和Redis。网站中为了让用户了解到景点的位置信息，网站整合了百度Api，用户可以从地图上清晰地看到景点的位置。原创 2022-06-01 12:27:41 · 4273 阅读 · 26 评论 -
运用前端知识做一个csdn浏览器插件
过去我csdn等级达到5级时，能体验到一个月csdn的vip博客皮肤，但是只能体验一个月啊！怎样才能长久体验呢？随着时间的推移，现在，我在网上学会了一个玩意，那就是浏览器插件，通过制作一个浏览器插件，就可以永久使用vip博客皮肤了。文章目录1. 插件的文件结构2. manifest.json文件的代码3. csdn.js4. 实现在未登录状态下能copy代码4. 运行结果1. 插件的文件结构主要包括一个文件夹，文件夹命名随意，文件夹下面包括两个文件，分别为manifest.json(这个文件命名.原创 2022-05-04 13:10:44 · 1927 阅读 · 10 评论 -
使用springboot访问本地电脑资源，并解决中文路径无法访问的问题
今天小编在使用springboot的时候，想实现这样一个效果，用springboot访问电脑本地资源。因为如果把那些静态资源都放在static这个文件夹下，启动起来应该会很慢吧！(之前使用springmvc的时候出现这种情况)，所以现在想通过springboot直接访问本地电脑的资源，百度了一下，发现只需配置一个拦截器即可，如下：想具体了解怎样配置的读者，可以去看看这位大佬的这篇博客，博客连接为：SpringBoot项目中前端页面通过URL访问本地文件夹（访问静态文件）。虽然这样的确可以访问自己电脑原创 2022-03-11 16:31:40 · 5918 阅读 · 1 评论 -
前端学习笔记-1：块级元素与行内元素
当浏览器渲染html文档时，从顶部开始渲染，为元素分配所需要的空间，每一个块级元素单独占一行，行内元素则按照顺序被水平渲染直到在当前行遇到了边界，然后换到下一行的起点继续渲染。 块级元素与行内元素1. 常用的块级元素常用的块级元素有如下元素：<from>,<h1>-<h6>,<header>,<hr>,<ul>,<ol>,<p>,<section>,<div>,<t.原创 2022-02-21 11:17:42 · 538 阅读 · 0 评论 -
前端：运用canvas标签绘制烟花，提前祝大家新年快乐
1. 运行效果2. 参考代码js代码firework.jsvar SCREEN_WIDTH = window.innerWidth, SCREEN_HEIGHT = window.innerHeight, mousePos = { x: 400, y: 300 }, // create canvas canvas = document.createElement('canvas'), context = canva原创 2022-01-31 14:59:49 · 1507 阅读 · 0 评论 -
前端：运用HTML+CSS模仿优快云导航栏随屏幕变化而变化
原创 2022-01-05 21:56:30 · 955 阅读 · 1 评论 -
Python：运用Mongodb+Django实现一个具有分页效果的电影信息展示网站
待写中原创 2021-12-30 16:51:06 · 986 阅读 · 1 评论 -
前端：HTML+CSS+JavaScript实现轮播图
近期小编了解了轮播图的实现方式，于是做出来以下3种轮播图，希望读者喜欢。原创 2021-12-30 16:46:58 · 14314 阅读 · 18 评论 -
前端：运用vue.js实现跑马灯效果
运行效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2021-10-28 11:43:33 · 1046 阅读 · 0 评论 -
ssm(spring+springmvc+mybatis)发起ajax请求前后端数据交互问题与解决方案
1.ajax发起无参的ajax请求返回任意类型的数据通常这种请求最为简单，不会报错，如下：jsp界面controller运行结果能在浏览器控制台正常返回结果。2.ajax发起有参的ajax请求返回任意类型的数据jsp界面controller运行结果后端能成功接收到数据浏览器控制台能正常显示后端返回的数据2.ajax发起有参(且参数为某一个对象类型)的ajax请求返回任意类型的数据jsp界面如果我们想直接把对象作为参数传入到后端去，那么需要把data数据转换成jso原创 2021-10-04 11:56:11 · 1893 阅读 · 3 评论