- 博客(45)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 node+nginx实现对react进行一键打包部署--windows版
使用nginx+node实现对react项目进行打包,自动部署到本机.
2024-06-25 07:30:00
1163
原创 vue+canvas实现根据数据展示不同高度，不同j渐变颜色的长方体效果
{ name:“库房5”, now:1088, extends:1600 },{ name:“库房13”, now:1888, extends:800 },{ name:“库房5”, now:1088, extends:1600 },{ name:“库房13”, now:1888, extends:800 },{ name:“库房5”, now:1088, extends:1600 },{ name:“库房4”, now:1888, extends:800 },
2024-05-10 08:47:31
708
1
原创 用【mysql,vue,node】制作一个前后端分离小项目
在这个项目中我们用到那些知识点1.利用axios获取后台数据，2.利用element-ui搭建界面3.用cros解决跨域问题。4.用vue，express创建项目5.利用mysql语句操作mysql数据库。6.利用vue的语法使数据具有动态性好了，这次介绍就这么多，如果各位有什么建议，欢迎评论区。期待各位能。
2022-10-13 09:48:37
3552
79
原创 用女朋友角度来解释promise，并手写promise
只能从pendding变成resolved，从pendding变成rejected，其他的状态不能变pendding在.then()中有两种回调，onResolved(成功状态的回调) onRejected(失败状态的回调)如果再次.then()时还是有前面then回调的值，通过resolve（）返回成功的值 reject（）返回失败的值。
2022-09-22 06:45:00
571
52
原创 echarts+node+ajax实现时间天气服务器
1.了解node的fs模块怎么读取数据2.了解express怎么搭建服务器，设置数据接口3.学会echarts的设置与使用4.了解怎么改变全局颜色5.了解ajax怎么处理后台数据
2022-07-25 06:45:00
3273
71
原创 授予渔，从0开始搭建一个自己想要的网页
在进行过CSS样式设置时然后就是要实现右边图标的点击事件处理了。具体的可以看我发的资源。然后进行CSS样式设置。实现效果就是然后在这里有一个有用的技巧。就是在div结构中设置data-set="XXX"后续在js中使用dataset用于获得他的值然后通过得到video的src，与设置的data-set的值，使用video.src=spans[i].dataset.src实现切换视频通过CSS样式的实现就是下面的效果通过css样式设置就是下面的效果了。通过CSS以及JS设置后就是下面的
2022-07-04 07:45:00
31285
102
原创 js数据结构与算法：链表
目录1.链表初认识1.1链表1.2为什么使用链表2.链表的各种方法2.1搭建链表2.2 push()2.3 removeAt(index)2.4 getElement(index)2.5 isEmpty()和size()2.6 toString()3.使用链表并总结3.1使用链表3.2总结 head用作指向第一个元素的指针（引用）node里面的value代表数据，next代表指向下一项的指针当node.next指向的为空时，代表此时的node为最后一个元素链表的最后一个元素，他的next指向一定是undef
2022-06-20 07:15:00
1456
11
原创 618快到了送上自制前端小项目（html css js）
目录🚩.自定义播放器🏠.图片自动消失✨.小轮播图🎃.旋转音乐盒html:css:js:2.图片自动消失yy3.小轮播图4.旋转音乐盒旋转音乐盒 css：html：js：
2022-06-13 06:45:00
10570
74
原创 js数据结构与算法：栈
目录💫.认识栈🍔.面向过程方法源码编写栈2.1思考2.2需要实现的方法2.3源码实现，并调用类 🧣.用面向对象的方法来源码书写3.1思考3.2需要实现的方法3.3源码及使用类 🥩.总结在实现之前我们思考一下我们怎么实现首先我们借用数组的方法来实现，所以我们需要创建一个空数组来模拟栈运行结果：那么在实现这个类，我们用对象来模拟栈 4.总结 了解了面向对象与面向过程 掌握了两种方式用什么来模拟栈 对栈模拟进行源码设计............
2022-06-08 06:45:00
2244
70
原创 js数据结构与算法：队列
目录🚗.队列初认识🚓.队列的各种方法2.1 enqueue（向队列添加元素）2.2 dequeue（向队列删除元素）2.3 peek （查看队列头元素）2.4 size和isEmpty（队列长度与是否为空）2.5 clear（清空队列）2.6 toString(创建 toString方法）🚕.使用队列并总结3.1使用队列3.2总结 队尾：进行插入操作的端，队头：进行删除操作的端。空队列：队列中没有元素时。队列元素：队列的数据元素。入队：在队列中插入一个队列元素，出队：从队列中删除一个队列元素。声明类...
2022-06-07 22:03:16
1078
20
原创 5个前端练手项目(html css js canvas)
目录🥩.跑马灯1.1效果图：1.2思路解析1.3源码🍧.彩虹爱心2.1效果图2.2思路解析2.3源码🌮.闹钟3.1效果图3.2思路解析3.3源码🍲.自制笔记本4.1效果展示4.2思路解析4.3源码🍣.自定义写字台（也可自定义字的样式）5.1效果展示 5.2思路解析5.3源码2.彩虹爱心2.1效果图3.闹钟3.1效果图html：css:js:4.自制笔记本4.1效果展示html： css：js：5.自定义写字台（也.....
2022-06-04 06:45:00
30466
87
原创 javascript数据结构与算法：数组
目录数组1.数组初认识1.1、我们为什么要认识数组1.2认识数组，创建并初始化它2.对数组元素进行源码设计2.1插入元素（push unshift）2.2删除元素（pop shift splice）3.怎么设计二维数组，三维数组4.总结一个例子表明比如我们要存储十二个月的平均温度。你怎么做？1.书写十二个变量，每个变量存储一个月份。2.创建一个空数组，，按照数组的索引存储即比较的结果显而易见，数组对于这个问题是更好的解1.创建数组2.初始化数组3.访问数组，可以通过数组下标访问eg:
2022-06-02 11:29:09
537
30
原创 Echarts + vue + koa2实现数据同页面，切换全屏内容
前言本次项目用到的技术：1.Echart2.vue3.koa2本次项目的练习，是跟着黑马教程中关于Echarts的教程，学习的视频地址1.所用技术详解1.1 vue技术在使用这个技术的过程中，主要是用到关于组件的创建，以及路由的使用。以及在组件中创建各种方法，用于处理数据。所以说，在上手这个项目时，你应该对于vue有一定的基础。vue官网在使用时，主要是创建7个主组件（后续会合并成一个组件）六个子组件在子组件中书写接收后台的数据的方法，以及配置Echarts的配置项。处理呈
2022-06-01 06:48:29
1417
47
原创 ES6中新语法：解构
解构1.解构初了解解构是ES6的一个新的语法特性，可以把他看作是一个具有结构赋值功能的一个语法。关于解构通常有俩种，有数组解构和对象解构解构有什么优点吗？为什么我们用他。ok,让我们用一个例子来显示一下解构的优点定义一个函数，返回一个数组（含3个数），用a,b,c来接受。1.用平常的语法function foo(){ return [1,2,3] }var temp=foo(),a=temp[0],b=temp[1],
2022-05-25 06:30:00
4857
59
原创 Echart前端的修饰器，你不来看看吗？
文章目录Echarts1.Echarts初认识及基本使用1.1Echarts1.2Echarts的优点1.3展示Echarts的一个基本案例1.4基本使用Echarts1.4.1引入echarts文件1.4.2项目中使用1.5一些基本的配置2.了解Echarts的几种基本图2.1柱状图2.1.1实现2.1.2柱状图的一些常见效果Echarts1.Echarts初认识及基本使用1.1EchartsECharts是百度公司开源的一个使用 JavaScript 实现的开源可视化库，兼容性强，底层依赖矢量
2022-05-22 12:33:18
1670
82
原创 学前端没这些工具怎么行
前端工具1.编译软件1.VScode（个人是比较推荐的，使用方便，扩展程序多）下载地址2.Hbuilder(是国产的，专用于创建vue项目的使用)下载地址3.WebStorm(适合与高级工程师使用，创建代码时比较方便)下载4.Dreamweaver(一种比较古老的编辑器，最大的优势是实时视图编辑）下载地址2.网上编辑软件用于在网页上书写代码1.codepen可用于网上编译程序，也有一系列的前端三剑客的练习项目（html，css，js）codepen2.
2022-05-19 07:28:12
6994
89
原创 喝一杯奶茶的时间掌握canvas
文章目录canvas1.画布元素及前置知识1.1坐标介绍1.2填充与描边2.练习2.1绘制不同颜色的三角形2.2绘制文字2.3绘制矩形及圆形2.3.1绘制矩形2.4绘制圆形canvas又称2D绘图上下文21.画布元素及前置知识在H5中canvas元素，都有一个上下文环境对象。用于绘制图像//上下文环境对象,画布的容器 <canvas id="canvas" style="border: 1px solid red"></canvas> <body>
2022-05-15 14:15:31
735
57
原创 浅聊javascript事件
js事件在js中事件是指代表文档与游览器窗口中某个有意义的时刻，js与HTML的交互就是通过事件来实现的1.事件流用于描述页面接收事件的顺序用一个简单的例子来了解，画4个同心圆，当我们点击圆心上时，那我们所点击的区域到底算那部分，那我们怎么来理解这个游览器事件1.1事件冒泡事件冒泡是指事件从最具体的元素开始触发，然后向上传播至没有那么具体的元素...
2022-05-15 08:00:00
570
66
原创 5分钟入手熟悉express
express1.express初识1.1什么是expressExpress是基于Node.js平台，用于快速，开放，极简的web开发框架与node内置的http模块类似作用，用于搭建web服务器express官网1.2为什么使用express我们都知道，node中有http模块，可以搭建服务器那为什么还要使用express，可区别一下二者http 内置模块用起来很复杂，开发效率低；Express 是基于内置的 http 模块进一步封装出来的，能够极大的提高开发效率类似于浏览器
2022-05-09 22:57:31
1496
82
原创 关于node的path路径模块
node的path模块1.path路径模块初认识path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理需求。2.path模块的API2.1 path.join()path.join() 方法，用来将多个路径片段拼接成一个完整的路径字符串语法格式为…paths(string) 路径片段的序列 ,就是你需要拼接的所有路径系列需要注意的是这个返回的值为string//引入path模块const path=req
2022-05-08 07:30:00
1905
69
原创 Webpack的兄弟Grunt
我们都了解Webpack对于前端是十分重要的，但是我们也不能忽略他的兄弟Grunt，相较而言，Grunt上手更轻松，也容易理解
2022-05-05 08:00:00
755
51
原创 不许你不懂vue生命周期
vue生命周期1.引入生命周期在这，我们提出一个需求，在vue项目中书写一段文字，编写逻辑让文字显示一出来就逐渐变成透明（改变透明度），给出想法1.1vue实例外面编写函数<script type="text/javascript" src="../js/vue.js"></script><div id="root"> <h2 :style="{opacity}">欢迎学习Vue</h2></div><scr
2022-05-04 07:30:00
1009
42
原创 用js给自己照相并修图
1.思路1.1搭建静态页面两块大区域：1块是控制区域，另一块是照相区1.1.1 控制区域 两个按钮，一个是点击是拍照并播放音乐，另一个是给拍照后的图片区域 的图片进行修饰。 六个滑动栏，对应六种颜色，不同的滑动，它的RGB值不同 六个滑动栏，移动的位置不同得出不同的值给图片的组合效果不同 1.1.2照片区域首先会在实时视频区域得到照片，点击照相时，图片出现在图片区域此时滑动滑动栏修改图片，点击保存，图片出现在变色画布区域&...
2022-05-02 07:30:00
2620
100
原创 你知道多少vue指令
目录浅聊vue指令1.为什么学vue指令2.指令2.1数据绑定2.2列表渲染2.3事件监听2.3.1 v-on2.4条件渲染2.5其他指令3.自定义指令3.1实践前言： 通过这篇文章，您能了解，vue中的指令，以及使用他们 需要注意的点，当然话多不如实践，所以我自己自定义了一个简单的指令 浅聊vue指令vue的基本结构<div id="root"> //模板语法 ...
2022-05-01 07:15:00
276
56
原创 node简单入门
文章目录node1.node简介1.1node介绍1.2为什么使用node1.3怎么学node1.4安装1.5使用2.内置模块(fs)2.1API2.2实践2.2.1读文件2.2.2写文件node1.node简介1.1node介绍Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。node官网1.2为什么使用nodenode是javascript的后端运行环境读写和操作数据库、创建实用的命令行工具辅助前端开发、etc…总而言知，要想前端学的好，no
2022-04-27 14:04:14
986
26
原创 音乐盒（前端练手项目 html css js）
大家好我是言不及行yyds在学完前端三剑客后的练手小项目。☀️作者简介：大家好我是言不及行yyds🐋个人主页：言不及行yyds的优快云博客🎁系列专栏：【前端练手项目】🌱每日一句：“人生的道路都是由心来描绘的。所以，无论自己处于多么严酷的境遇之中，心头都不应为悲观的思想所萦绕。”——稻盛和夫1.展示2.代码html代码...
2022-04-27 07:15:00
1277
33
原创 promise特点和解决信任问题
Promise的信任问题和几个关键问题文章目录Promise的信任问题和几个关键问题1.Promise的信任问题1.1信任问题1.2信任问题产生的原因1.2.1调用过早1.2.2调用过晚1.2.3回调未调用1.2.4调用次数过少或过多1.2.5未传递参数、环境值2.Promise的几个关键问题2.1怎么改变Promise的状态2.2Promise 指定多个回调2.3Promise 改变状态与指定回调的顺序问题2.4Promise.then方法的返回结果特点2.5异常穿透☀️作者简介：大家好我是言不及行
2022-04-26 15:43:10
3233
54
原创 git与Github建立连接
git和Github(远程仓库)☀️作者简介：大家好我是言不及行yyds🐋个人主页：言不及行yyds的优快云博客🎁系列专栏：【git基础】写在前面通过这次学习，你能够通过本地的git仓库与Github建立连接并且能拉取Github上的数据，提交本地的git到Github上建立的远程仓库。项目经理创建远程仓库1.在github上建立远程仓库点击New repository填写好仓库的名字，下面的什么都不要点，直接点Create repository进入这个界面就代表成功
2022-04-23 07:00:00
993
23
原创 手敲女神动态图，前端练手小项目
1.效果展示视频效果显示2.源码2.1html部分<body> <div class="cube"> <div class="box1"><img src="./img/imgs/1.jpg"></div> <div class="box2"><img src="./img/imgs/2.jpg"></div> <div class="box3"><img src
2022-04-19 11:53:05
357
5
前端开发，js30个挑战项目
2022-05-24
关于mongoose中更新字段没效果
2022-12-02
运行vue项目出现的问题
2021-11-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人