
前端知识
文章平均质量分 76
这里面包含前端学习的各种知识
云边的快乐猫
Java后端开发者、CSDN优秀创作者、阿里云社区专家博主
展开
-
下载安装nvm教程(附带下载切换node.js版本实操)
一、介绍nvm就是可以切换你的node版本,特别是当node版本过高或者过低时候,就可以用nvm进行直接下载切换其他版本。让一台计算机上面可以有多个node版本,需要哪个就切换哪个。还能管理与node版本关联的npm版本。在Windows、mac、linux都支持下载和对应的安装脚本用NVM后,我就不用单独去下载配置了,那个太麻烦了啊,直接用nvm下载node真爽二、下载去到NVM的GitHub官网。原创 2023-09-16 00:47:52 · 11279 阅读 · 2 评论 -
vue组装模板(侧边栏+顶部+主体)--项目阶段4
一、前言介绍一、前言介绍在上一篇文章中已经介绍了如何去实现前后端数据的交互并在前端显示出来。那么本篇文章是给这个项目增加上侧边栏,点击不同的侧边栏会有不同的效果。使用侧边栏的系统实际上是单页面系统,运行用户体验会更好,但是缺点就是SEO(搜索曝光率)没有多页面的好,典型的网易云就是单页面的系统。就是整体框架不会变,只是变里面的内容。这样用户体验度会比较好。若依开源项目()也是一样的还有网易云音乐的官网也是二、操作步骤(一)结构解析页面要分成3部分组成,分别是侧边栏、顶部和主体3部分。原创 2023-08-26 00:33:31 · 3355 阅读 · 0 评论 -
解决npm卡住:reify:caniuse-lite: http fetch GET 200 https://cdn.npmmirror.com/packages/caniuse-lite/1.0.3
那就是等几分钟,这个不算报错,就是等一会就好了。如果等不及可以去检查的网络、代理、防火墙、下载源的问题。也可以用自己的热点进行下载试试看。版本 xxx 的资源。在大多数情况下,不需要对此消息做任何操作,因为它只是包管理器在获取依赖项时的运行信息之一。使用npm下载的时候,遇到有GET 200的值,卡住那里不动了。通俗的讲:就是没问题,就是需要等几分钟就好了。如果是源的问题,可以看下面的这篇文章。这个消息的目的是告诉您,原创 2023-08-21 18:29:38 · 28168 阅读 · 3 评论 -
npm下载慢、淘宝镜像源无效问题:npm ERR! code FETCH_ERRO、Rinvalid json response body at https://registry.npmjs.org
npm下载慢、淘宝镜像源无效问题:npm install webpack -gnpm ERR! code FETCH_ERROR、invalid json response body at https//在使用npm命令的下载其他东西时候,很慢,卡很久。而且下载的淘宝源也没有生效.查看了npm的下载源发现还是npm官方的,npm源在国外,下载就很慢。没有切换成淘宝源的。所以这里要下载淘宝源并确保当前的源切换成了淘宝源了。原创 2023-08-21 18:26:14 · 17817 阅读 · 0 评论 -
前后端连接(springboot+vue)--项目阶段3
本文详细讲解了Java的springboot项目的创建到mysql数据库和表的创建,并使用nybatis-plus实现了后端对数据库的增删改查,然后创建前端vue页面,使前后端能连接起来,他们连接起来是通过axios去连接的。vue使用的是饿了么ui的组件去完成的,通过异步请求的方式,不浪费资源。文章的后端页面还有视频可以看,是比较适合小白的一个教程原创 2023-08-18 20:04:28 · 23168 阅读 · 8 评论 -
vue2引入Element UI组件去创建新页面的详细步骤--项目阶段2
本文中教学如何从创建vue项目到从Element UI官网引用组件来创建一个新的vue页面,包括路由注册这些都有详细的说明介绍Element UI是一个基于Vue.js的组件库,提供了一套丰富、美观、易用的UI组件,包括表单、弹窗、导航、布局、数据展示等各种常用组件。Element UI旨在帮助开发者快速构建高质量的Web应用程序,使得前端开发更加高效和便捷。原创 2023-04-17 11:03:40 · 11865 阅读 · 7 评论 -
下载vue-router的环境变量与创建路由包
这篇文章不建议看。vue2的版本用的是3.x的版本。vue3用的是4.x的版本。想要找到目前有哪些具体的版本号可以看这个网站。这样就初步完成了,还要在这个文件里面写入配置的参数和main.js里面写入,具体写入的可以参考以下的文档。的依赖,这里面没有发现,那就说明没有路由,就要给这个项目加上路由(这个package.json文件就是vue项目的依赖配置文件。这里可以看到执行命令后有了路由的依赖,说明下载成功了。想要详细了解的作用各方面的可以看一下这个网站。原创 2023-08-02 18:01:52 · 2256 阅读 · 0 评论 -
vscode下载和安装教程和配置中文插件(超详细)
vscode主要是用于前端的编程工具,其他编程的语言也可以在vscode里面编程运行。优点:简洁、占用内存小、界面美观一、下载步骤1.到官网根据自己的操作系统进行下载,直接点击下载。1、创建桌面快捷选项:方便可以在桌面打开2、将"通过Code打开"操作添加到Windows资源管理文件/目录上下菜单这两个:可以让鼠标右键拥有打开vscode选项3、将Code注册为受支持的文件类型的编辑器:很多文件默认都会使用vscode打开(不建议)4、添加到PATH(重启后生效)vscode添加中文插件原创 2022-11-15 23:21:35 · 35700 阅读 · 2 评论 -
管理系统的前端模板(vue2+Element UI)
前言这是引用ElementUI官网的布局容器里面的代码拿来修改优化后的。用的框架是vue2一、模板展示图二、获取的方式及操作运行步骤(一)获取方式去公众号“(二)操作步骤。原创 2023-04-19 12:07:09 · 20382 阅读 · 6 评论 -
vue3引入Element plus的详细步骤
在用vue3去引用Element UI的时候,发现了白屏不能显示,一直检查是不是代码的问题。后面找到了问题的所在,原来是vue3对应兼容的是ElementPlus,要去下载对应的Element plus版本来引用才可以。1.现在vue3的项目终端里面输入命令下载Element plus。2.在main.js文件里面引入如下命令和create那行也要增加Element plus进去原创 2023-04-17 01:53:00 · 1653 阅读 · 0 评论 -
vue3和vue2的介绍和两种创建方式(cli和vite)
vue3的简介2020年9月18日发布3.0版本。代号海贼王(One piece)其中耗时两年多、2600次提交、30+RFC、600+PR、99位贡献者(二)vue3对比vue2带来的性能提升1.更快的渲染速度:Vue 3使用了新的虚拟DOM实现,可以更快地渲染页面,减少页面的闪烁和卡顿。初次渲染快55%,更新渲染快133%2.更好的TypeScript支持:Vue3引入了全面的TypeScript支持,包括类型检查和代码提示。3.更好的响应式系统:Vue3的响应式系统比Vue原创 2023-04-16 15:06:19 · 4793 阅读 · 0 评论 -
vscode下载插件让vue代码高亮
在vscode里面编写vue代码的时候,发现代码是灰色的,看着不舒服。可以下载这个插件,下载完成后。再点开vue的代码查看,已经成功变得高亮了。插件就可以使这些代码高亮起来了。这是一个让vue代码高亮的插件。vscode里面搜索下载这个。原创 2023-02-23 20:21:30 · 5719 阅读 · 2 评论 -
ssm框架学习开端之OCP开闭原则和DIP原则
反之,如果在扩展功能的时候,修改了之前的代码,那么这个设计是失败的,违背ocp原则。在扩展系统功能时,没有修改以前的代码,那么就是符合ocp原则的。这个是所有软件开发都是一样的通用道理,不单单是针对某一个开发语言。其他的六个原则都是为这个原则服务的。二、ocp的地位作用?ocp原则是最核心,最基本的,其他的六个原则都是为这个原则服务的。原创 2023-02-02 18:06:42 · 594 阅读 · 0 评论 -
Vscode创建vue项目的详细步骤
后端人员想在IDEA里面创建一个Vue的项目,但是这非常麻烦,用vscode这个前端专用软件创建就会非常快速。快捷键打开终端,然后把上面复制的代码复制进去回车。然后定义项目的名字。接下来的就都一直按回车键确定就好了。点击这个或者复制去浏览器打开,就可以跳转到vue的界面了。把这个文件夹手动拉到vscode软件里面并勾选信任。去到vue的官网---快速上手,把这行代码复制下来。底部会出现3行提示,跟着它敲然后回车就好了。新建一个存放vue项目的文件夹。原创 2023-02-21 18:19:46 · 13984 阅读 · 5 评论 -
node.js下载安装和报错大全(express、淘宝镜像、webpack、Vue)
本文详细讲了node.js的下载和vue脚手架的搭建以及常见的各种报错。(一)下载node.js(二) 安装node.js(三)查看环境变量(四)查看版本信息(五)新建全局下载包和缓存包位置(六)配置环境变量(七)安装express(内嵌http模块)安装成功安装失败解决办法一(最好的办法)解决办法二(其次)(八)安装淘宝镜像(可以不安装)(九)全局安装webpack(十)下载Vue与配置下载Vue脚手架配置Vue的环境变量测试Vue是否配置成功三、node报错大全原创 2023-02-21 00:11:38 · 13242 阅读 · 8 评论 -
前端大全之JavaScript(简称JS)
一、概念1.总体概要,这门语言诞生,因此运行在客户端,需要浏览器来解析JavaScript的代码。是世界上最流行的脚本语言。2.来源说明JS是网景公司的产品,1995年仅用了10天开发完成的。最早取名为LiveScript,为了吸引更多的程序员,取名为JavaScript。并于1997年成为一部ECMA标准,ECMAScript(ES6)是最新的JavaScript版本(发布于2015年)3.JavaScript和java的关系JavaScript和java没有什么关系,就像老婆和老婆饼一样。原创 2022-12-13 09:09:47 · 1722 阅读 · 0 评论 -
前端知识大全之CSS(含有JS)
一、概念讲解学习CSS之前必学的HTML(超链接)二、正文代码1.行内样式2.内部样式(选择器)3.外部样式4.样式的优先级5.简单选择器之定义单个标签(id)6.简单选择器之定义多个标签(class)7.简单选择器之全部选择(*)8.组合选择器(div 标签)9.选择器之鼠标行为(link、visited、hover、active)10.伪元素选择器11.属性选择器(精确查找)12.文本大小写的转换与颜色设置(transform)原创 2022-12-06 23:55:23 · 1369 阅读 · 0 评论 -
前端知识大全之HTML
一、概念讲解1.前端包含什么?2.编写的代码加载出来的原理?3.编写代码的工具?4.HTML标签两大类型?5.HTML标签关系?二、HTML正文讲解1.注释 ()2.标题标签 (h)3.段落标签 (p)4.换行标签 (br)5.水平线标签 (hr)二、HTML正文讲解1.注释 ()2.标题标签 (h)3.段落标签 (p)4.换行标签 (br)5.水平线标签 (hr)6.文本格式化标签(加粗、下划线、倾斜、删除线)7.媒体标签之图片标签 (i原创 2022-11-29 20:09:27 · 1732 阅读 · 0 评论 -
李询同款动态爱心html代码(可以直接使用)
1.直接在vscode或者其他软件里面复制粘贴过去,保存点击运行就可以了。李询同款动态爱心html代码(可以直接使用)原创 2022-11-16 15:23:40 · 15484 阅读 · 14 评论 -
如何在vscode里面快速运行html代码(包含如何在vscode里面编写html代码)
前言:1.如何在vscode编写html代码在我的另一篇文章当中有详细教程,这是超链接。2.很多小伙伴编写了html代码后,在vscode里面右键找不到如何去运行代码,或者运行代码的方式很不方便。那么就要在vscode里面下载一个插件,这个插件运行html代码会非常的方便没有下载vscode插件之前,右键是没有这个open in Default Browser,就找不到怎么样运行vscode里面的html代码了。三、额外知识(vscode选择html代码在哪个浏览器页面运行)原创 2022-11-16 03:09:18 · 33068 阅读 · 4 评论 -
使用vscode编写第一个Hello World程序页面详细步骤
前言:对于编程人员来说,第一个程序几乎必写的都是Hello World,也是代表进入了新的学习篇章吧一、操作步骤1.打开vscode(如果没有这个软件,可以从我的文章里面看下载教程),文件---->新建文本文件或者使用快捷键:CTRL+N打开2.文件-->保存3.选择文件保存位置后,文件的后缀名txt更改为html,然后点击保存4.vscode里面第一行输入!注意:这个!一定是英文输入法的才会显示。如果是中文的!这两个感叹号不会显示出来的8.任意选择一个浏览器打开(我是选择这个web原创 2022-11-16 02:34:24 · 8584 阅读 · 0 评论