- 博客(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
原创 前端路由复习、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关注的人
RSS订阅