- 博客(32)
- 资源 (2)
- 收藏
- 关注
原创 美食杰 login的实现效果(一)
一.说明:美食街点击登录当我们面临制作登录和注册功能的实现时,我们需要先设计登录界面的布局和注册界面的布局,做到有完整的思路时才开始实现其功能效果会更好。我们需要做个标题栏,登陆界面,实现登陆界面的功能代码块,注册界面,实现测试界面的功能模块即可完成。要用到的主要技术栈如下:vue-cli脚手架 vue-router路由 element组件库 vuex库 vscode编辑器二.过程:登录注册过程登录,注册界面布局:我们需要设计想好美化登录,注册界面。..
2021-09-23 17:44:02 1418 4
原创 vue+element-ui input输入框设置属性type为number去除右边的上下按键
vue+element-ui input输入框设置属性type为number去除右边的上下按键
2023-02-22 09:47:08 8995 1
原创 npm run dev报filemanager-webpack-plugin相关错误
npm run dev报filemanager-webpack-plugin相关错误
2022-08-25 13:57:17 764
原创 Window 打开新窗口的几种方式 window.location.href、window.open、window.showModalDialog
项目是后台管理的话,当前窗口打开一个新窗口
2022-06-14 16:37:17 30058
原创 eacharts组件中饼图颜色分别修改颜色
就一句话简单易懂在eacharts中API的配置中有一个color属性只需要将color加上就能改变每一个饼图的颜色例:color:["rgb(84,112,198)","rgb(145,204,117)","rgb(250,200,88)"],echarts(data) { this.$echarts.init(document.getElementById('main_right')).setOption({ title: { .
2022-04-09 14:44:00 1342 1
原创 从远程拉取和克隆到本地分支,多人合作。
首先我们先将GitHub上的合作者添加上这样就可以实现多人去及合作了。1.2.3.4.等待接受邀请5.邀请成功后,我们开始拉取我们在GitHub上的文件。 建一个空的文件夹右键打开Git Bash Here 输入指令git clone 项目地址;–>首先将整个项目克隆下来 克隆成功后,创建分支git branch myBranch 分支创建后切换分支git checkout myBranch git push -u origin my...
2021-11-05 10:30:00 124
原创 git本地仓库连接上传GitHub远程仓库
关于git本地连接远程仓库,进行这一步的前提是你已经安装好了git的客户端,以及已经申请好了你的GitHub网站的并且通过了邮箱验证;先创建一个文件夹然后在该目录下,右键git bash here弹出git命令窗口,如果没有Git Bash Here 首先我们要先安装这个插件,就是下图这个。我把关于如何查看Git Bash Here的相关链接拿过来了,如果需要可以去看一下,(1条消息) 鼠标右键没有git bash here,右键添加git bash here并增加图标_F&Y的博客-CSDN博客
2021-11-04 10:16:02 218
原创 解决PC端和移动端的适配和兼容问题的处理方式
我们经常会看到在我们的html页面中出现了这样一行代码,<meta name="viewport" content="width=device-width, initial-scale=1.0">那么这行代码有什么意义呢?第一种:可能只是简单地认识,只要加上这行代码,然后页面的宽度就会跟我的设备宽度一致。这种是比较片面的理解。第二种:那么这一种是什么呢?让我们先往下看,答案就在其中。先说一下单位,我们经常看到的是以像素为单位,但是也会有以百分比和rem为单位的。那么,在
2021-10-22 16:31:35 15632
原创 美食杰-发布菜谱的完善效果(六)
在这之前先。大致总结一下之前的写的效果吧。第一是页面的登录,注册,和退出的组件,这里我们需要全看一下美食杰 login的实现效果(一)_qianluo111的博客-CSDN博客 这篇文章,对你会有一些启发哦!迷茫的时候看一下吧!第二个是个人空间站,实现关注,粉丝,收藏,作品展示。这里温顾一下(1条消息) 美食杰-space个人空间站!创建实现,关注,作品,粉丝,收藏!(二)_qianluo111的博客-CSDN博客这篇文章讲解的就是个人空间站里面要实现的效果,但是还有很多不完善的地方。...
2021-10-13 19:45:15 274 1
原创 美食杰,菜品详情,头部,内容,评论个部分实现其效果(五)
最近一直在写美食杰这个项目,但是这个项目已经到了尾声啦!今天要说的是我们最后一部分组件的实现,这个部分要用到的就是传数据获取数据跟之前讲的(1条消息) 美食杰-space个人空间站!创建实现,关注,作品,粉丝,收藏!(二)_qianluo111的博客-CSDN博客这个有很大关系,温故而知新,不知道的小伙伴可以看一下上面的这篇文章。会对你有很大的启发哦!下面开始讲一下这个效果的展示图吧!开始上图。我会一点一点给大家详细讲解一下这个效果的实现。先从头开始讲解吧!其实,这个组件实...
2021-10-12 20:35:51 301 1
原创 美食杰,菜谱大全,loading事件和对应内容显示实现效果(四)
这篇文章是根据上篇文章:美食杰,菜谱大全组件中,零碎的组件实现效果(三)_qianluo111的博客-CSDN博客续写的效果,这个效果是展示右侧的内容通过最上面的tab切换和左边的侧边栏来实现的。右侧的主体的loading加载和显示内容主体。下面开始讲解一下我们要实现效果的过程啦!第一步:先实现我们右侧的主体栏的数据。我们首先要将后端数据获取到,这个就是import{getMenus}from'@/service/api';第二步:调用获取到的数据data将其...
2021-10-11 17:24:59 924 3
原创 美食杰,菜谱大全组件中,零碎的组件实现效果(三)
这是第三篇关于美食杰这个项目的介绍和实现效果啦!关于前两篇可以我的主页中去观看。如果又不懂得及时通知我。下面说一下这个效果吧!先上图,这样看得懂!以上都是我们要实现的效果!下面开始讲解一下我们要实现效果的过程啦!第一步:我们首先要将后端数据获取到,这个就是import{getClassify,getProperty,getMenus}from'@/service/api';第二步:调用获取到的数据data将其进行解构,保存到我们在新建的空数组classify:[...
2021-10-10 01:45:00 205
原创 美食杰-space个人空间站!创建实现,关注,作品,粉丝,收藏!(二)
第一步:介绍一下个人空间站,一个好看的网页必然也是功能丰富的,所以这里我们就要展示一个从网站首页,跳转到我们作者用户的简介。我们先看一下首页效果图吧!记住,这个首页跳转既可以跳转到作者页还可以跳转到自己的页面,但是需要注意的是关注这两个字。当跳转到我们自己页的简介时没有关注。只有跳到作者页时才会有关注。展示一下,作者页的图片。在展示一下个人的简介页:第二步:开始数据渲染和关注首先数据渲染就是将我们需要渲染的数据放在指定的位置通过{{进行渲染}}。关注是通过点...
2021-10-09 20:09:08 421
原创 当面试官问到以后的职业规划,这样回答绝对称赞你是高手!(二)
1.你以后有什么打算?回答样板:我想踏踏实实干好本职工作,并不断提升自己,是自己能伴随公司共同成长。2.你的职业规划是什么?回答样板:我希望从现在开始,五年之内能够在目前申请的这个职位上沉淀下来,熟练掌握这方面的知识和技能,在行政人事方面助公司一臂之力,未来的五年,队伍个人来说,希望我的加入可以给公司带来更大的价值或贡献,同时我也希望自己能够在企业的平台上得到进一步的职业能力提升。3.为什么选择这个职业?回答样板:我花了很长时间来设计自己的职业生涯,我认为这方面的工作适合我,原因是这项工
2021-10-08 20:20:49 17608 1
原创 如何展现青铜,黄金,王者段的面试自我介绍!让面试官都吃惊!(一)
1.为什么不谈谈自己?(自我介绍)可以准备个2分钟的自我介绍。回答样板:“我叫什么,来自哪,毕业于什么学校,之前干过什么,(担任过什么,3年中学到了什么,以及在压力下的如何解决问题,,,我希望能更好的运用我的技能,我相信我的经验将让我迎向未来更大的挑战。)”如你可问:“你是不是想知道我受过的教育,或者与工作有关的技术和经验?”等,大多雇主都会乐意告诉你他们感兴趣的是什么?2.我为什么要雇佣你?回答样板:“我在人事行政事务工作方面经验丰富,在员工队伍建设方面,从组织项目的实施到鼓励员工合作..
2021-10-07 20:20:25 729
原创 写一下在vue中常用的state数据的设计,获取与设置数据。
介绍:这篇文章为新手而准备,刚接触vue的小伙伴们福利到了。可能会有很多没有说到的地方,或者说错的放请见谅。或者私信我。及时回答你的难题。学习vue,无非就是多敲多练,多看多学。类似于语法糖,如果不知道什么是语法糖的话,我这里就不多说了,想知道语法糖的话看这个地址:https://blog.csdn.net/Merlin2017/article/details/78075206。实际上已经接触过一种在组件中获取vuex的state对象中属性的方法,即可以在插值表达式中用$store.state.co
2021-10-05 10:00:00 2616
原创 游戏里WASD移动控制人物的操作,用js写出的效果,简单易上手!
游戏里的人物控制需要通过上下键或者WASD键来控制人物的前进后退。那么我们就来写一个这样的效果吧!这个效果说简单也很简单无非就是通过按键来操作。code的按键操作。接下来就上我们的效果图了。样式很简单我直接将代码拷贝过来!第一步就是将样式复制过来.box1{ width: 400px; height: 400px; background: yellowgreen; margin: 0 auto; position: relative; } .box2{
2021-10-03 04:00:00 2609 3
原创 前端最基础的js效果,多物体淡入淡出的效果!
这个淡入淡出的效果非常的简单,大致效果就是我们划过去时,颜色变深,当移出时颜色变淡有些类似渐变效果。如果想要好看的样式和效果的话可以多看一些效果类的js文章对学习基础js有很大的帮助的。那么,我们献上效果图,看一下我们心中想要的效果吧!我会把html,css样式复制在这里,我把重点讲述在js上。那么,先献上我们的css和HTML的样式和架构吧!.box>div{ width:200px; height:200px; background-color:#000.
2021-10-02 02:45:00 1365
原创 小黑笔记本,写的todolist效果,增删效果,显示隐藏,全部清除效果。
先说一下总的大致要去实现的效果:1.新增2.删除3.统计4.清除5.隐藏给大家看一下todoList的大致样式吧!接下来,说一下第一个效果:新增1.生成列表结构(v-for数组)2.获取用户输入 (v-model)3.回车获取数据 (v-on,enter添加数据)这是css样式:你可以直接把样式复制粘贴到你的文件中啊然后引入到HTML里面。html,body { margin: 0; padding: 0;}body {...
2021-10-01 08:30:00 769
原创 用vue写购物车常用的数量增加和减少吧!
这个非常简单,我将步骤分开来弄,这样可以随时拿随时用。先上效果图,中间的是数量,首先,要先确定几点,1.data中定义数据,比如num2.methods中添加两个方法,比如add(增加)和sub(减少)3.使用v-text将num设置给span标签4.使用v-on将add和sub分别绑定给+,-按钮5.累加逻辑:是可以一直增加6递减逻辑:当小于0 时,让他等于0或者1展示未写效果的代码: <body> <div id="app"&.
2021-09-28 19:30:41 3458
原创 录入姓名完成座位表,学习前端的小伙伴可以关注一波,用js+html+css构成
这篇文章要给大家讲解一下关于座位表录入的效果!那么这个效果要考虑到时候横纵问题因为录入是要横向还是纵向录入的问题。先上效果图让我们看一下大致效果!通过在input中输入让下面的每一个框框都可以获取到,这就要用到监听事件。录入要给他写一个点击事件,将input框里的值赋值到下面的长方形框里。大致就是这些步骤啦!我们开始上css吧!*{ margin:0; padding: 0; } ul,li{ list-style: none; .
2021-09-27 19:19:03 1319
原创 携程旅游,手风琴效果---原生JS。看一眼秒懂,上手试试吧!
接下来写的这个手风琴更携程上的非常相似。不会写的可以来看看。看一眼就秒懂。这篇文章是用纯CSS+HTML+JS实现的效果。非常易理解。现在开始,来干活。先给大家展示一下效果图!登!登!登!首先声明一下!这只是个静态的大致的效果就是当我们鼠标划过去会自动展开!首先是我们纯纯纯css啦!样式也可以调成自己喜欢的啦!没有限制,全凭个人爱好! *{ margin:0; padding:0; } ul,li{ list-sty
2021-09-25 19:52:01 130
原创 js实现随机抽奖效果,简单易上手,适合新手小白
本文案讲解了,随机抽奖的过程和源码。分享给大家供大家参考。首先我们先看一下效果图看看是不是你想要的呢接下来就是给它写一下我们想要的样式css:body{ background: white; color: white; } table{ position: relative; background: rgb(231,155,178); width: 562px; height: 320px; margin: 0 auto; } td{...
2021-09-24 17:00:36 1481
原创 2021年面试题常问的题
1.什么是事件委托?为什么这样做?答:它还有一个名字叫事件代理,事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。为什么这样做呢?通过事件委托可以减少事件处理程序数量,这样就能大大的减少与dom的交互次数,提高性能;2.js数据类型?答:JS的数据类型有8种。在ES5的时候,我们认知的数据类型确实是 6种:Number、String、Boolean、undefined、object、Null。ES6 中新增了一种 Symbol。这种类型的对象永不相...
2021-09-24 14:51:23 451
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人