自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 登录模块开发

一、创建分支查看分支二、梳理初始化以后的项目结构三、Vue中使用less报错处理(版本问题)原因:less-loader版本过高卸载原来的less和less-loader npm uninstall less-loader npm uninstall less 下载匹配的版本 npm install less@3.12.2 less-loader@4.1.0 --save-dev ...

2022-01-09 09:49:56 356

原创 gitee仓库的创建,将本地代码同步到远程仓库操作步骤

gitee远程仓库配置,本地代码提交教程

2022-01-02 20:39:40 289

原创 前端路由复习、Vue-router的基本使用与常用步骤

路由 前端路由的概念 前端路由的原理 vue-router的基本使用 vue-router的常用方法 后台管理系统案例路由的使用步骤一、在项目中安装vue-routernpm install vue-router@3.5.2 -S二、创建路由模块src------>router/index.js导入vue,vur-router,使用Vue.use(‘’)将vueRouter注册为插件创建路由实例对象,将创建的路由实例对象暴露出去三、路由的常见用法路由重定向:

2021-12-15 09:20:48 120

原创 路由学习笔记二、vue-router的使用方法与步骤

vue-router的安装与配置安装vue-router包创建路由模块挂载路由模块声明路由链接和占位符

2021-12-12 19:24:52 579

原创 路由学习笔记一、前端路由的概念与原理

前端路由的概念与原理什么是路由? 什么是前端路由? 单页面应用程序与前端路由 前端路由的工作方式 实现简易的前端路由1、什么是路由路由(router): 对应关系2、什么是前端路由?Hash地址于组件之间的对应关系。3、什么是SAP?SAP与前端路由SPA:单页面应用程序是指一个web网站只有唯一的一个HTML页面,所有的组件的展示与切换都是在这唯一的页面的进行展示的。在这个SPA中不同组件之间的动态切换就是通过前端路由实现的,SPA项目中,不同功能之间的切换,依赖于前

2021-12-12 15:45:23 432

原创 系统上禁止运行脚本,安装nrm是提示cli.js报错问题,PowerShell系统中禁止执行脚本的解决方法

nrm : 无法加载文件 C:\Users\Lv\AppData\Roaming\npm\nrm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1+ nrm ls+ ~~~ + CategoryInfo : SecurityError: (:) [],PSSecurityException...

2021-08-14 17:41:18 758

原创 通过简单的js代码实现简易计算器

通过简单的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-06-09 16:03:14 1200

原创 通过js实现隔行变色效果

通过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"> &l

2021-06-08 20:48:25 343

原创 编写一个判断某个非负整数是否能够同时被3,5,7整除的函数,然后在页面上输出1~1000之间所有能同时被3,5,7整除的整

这个案例使用html结合JavaScript实现编写一个判断某个非负整数是否能够同时被3,5,7整除的函数,然后在页面上输出1~1000之间所有能同时被3,5,7整除的整。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta

2021-06-07 16:09:51 2843 1

原创 css3动画animation的基本使用方法,基本使用,语法格式,动画案例

什么是动画动画是 CSS3 中最具颠覆性的特征之一,可通过设置多个节点来精确的控制一个或者一组动画,从而实现复杂的动画效果动画的基本使用先定义动画在调用定义好的动画语法格式(定义动画)@keyframes 动画名称 { 0% { width: 100px; } 100% { width: 200px }}语法格式(使用动画)div { /* 调用动画 */ animation-name: 动..

2021-06-04 20:23:53 494

原创 2021-06-03

前端基础——定位1.绝对定位如果所有的父元素都没有显式地定义position属性,那么所有的父元素默认情况下position属性都是static。结果,绝对定位元素会被包含在初始块容器中。这个初始块容器有着和浏览器视口一样的尺寸,并且元素也被包含在这个容器里面。简单来说,绝对定位元素会被放在元素的外面,并且根据浏览器视口来定位。也可以理解成定位的元素现在相对于元素。2.z-indexz-index 值影响定位元素位于该轴上的位置;正值将它们移动到堆栈上方,负值将它们向下移动到堆栈中。默认情况下,定位

2021-06-03 21:18:07 58

转载 表格相关案例

在接到很web前端项目中,常常看到表格table,做表格的样式,在本文下面,列举了四种表格css样式,代码也在下面:1.单像素边框CSS表格这是一个很常用的表格样式。4个web前端常用的——CSS样式表格Info Header 1Info Header 2Info Header 3Text 1AText 1BText 1CText 2AText 2BText 2C带背景图的CSS样式表格和上面差不多,不过每个格子里多了背景图。4个web前端常用的——CSS样式表格

2021-06-02 20:43:33 214

原创 html常用标签属性,实训第二天内容

【学习总结】一、Web标准构成:主要包括结构(Structure)html(超文本标记语言)、表现(Presentation)css(层叠样式表)和行为(Behavior)javascript(脚本语言)三个方面。二、骨架标签三、标签分类单标签:br、hr、img拴标签:div、p、span四、标签关系兄弟级(并列)、父子级(嵌套)五、三个解释文档类型<!DOCTYPE>,页面语言lang,字符集六、排版标签h1-h6,p,b,br,hr,div,span七、文本格式

2021-06-01 16:59:50 138 1

空空如也

空空如也

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

TA关注的人

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