自定义博客皮肤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 404

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

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

2022-01-02 20:39:40 455

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

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

2021-12-15 09:20:48 173

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

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

2021-12-12 19:24:52 622

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

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

2021-12-12 15:45:23 501

原创 系统上禁止运行脚本,安装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 849

原创 通过简单的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 1270

原创 通过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 401

原创 编写一个判断某个非负整数是否能够同时被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 3043 1

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

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

2021-06-04 20:23:53 609

原创 2021-06-03

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

2021-06-03 21:18:07 110

转载 表格相关案例

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

2021-06-02 20:43:33 270

原创 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 199 1

空空如也

空空如也

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

TA关注的人

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