- 博客(34)
- 收藏
- 关注
RSS订阅
原创 记录vue3路由跳转问题
项目中使用到的路由为一般为动态路由，从后端接收到各菜单路径后在前端做映射处理，方便控制用户菜单权限；两个菜单：数据库命令(SqlCommand )和 数据库策略(SqlLinkConfig)
2023-07-28 16:35:01
795
原创 输入框内容过长自动显示tooltip
监听字符串长度, 符合条件 返回 true => 显示。鼠标悬浮时，字符串长度大于12 则展示。属性来控制它的显示与关闭。事件控制是否需要展示。
2023-07-04 17:36:35
251
原创 【VUE3使用记录】页面及路由刷新
整理工作中用到的页面刷新方式1.provide/inject2.router.go(0)3.location.reload4.重复点击菜单时刷新页面
2023-06-08 10:03:03
9893
1
原创 React学习笔记
npm v5.2.0 引入的一条命令无需安装脚手架，就可以直接使用这个包提供的命令npm init react-app 项目名称yarn create react-app 项目名称Facebook 发布的包管理工具，可以看做是npm的替代品，功能与npm相同初始化新项目：yarn init安装包：yarn add 包名称安装项目依赖： yarnJSX是JavaScript XML的简写，表示在javascript代码中写XML（HTML）格式的代码。
2023-04-05 16:48:21
328
原创 Vue3.0 和 TypeScript 学习笔记
本质是一个函数，把setup函数中使用的Composition API进行了封装类似于Vue2中的mixin自定义hook的优势：复用代码，让setup中的逻辑更清楚易懂1.TypeScript 是JS的超集，为JS添加了类型系统。相比于JS，开发体验更友好，提前发现错误，BUG更少，增加开发的幸福度。2.JavaScript的两个运行环境？node.js和浏览器3.TypeScript不能直接在浏览器或Node.js中执行4.如何将ts编译为js?
2023-04-05 16:31:12
497
原创 vue项目打包给后端遇到的问题
一、资源路径问题 （绝对路径、 相对路径）打包上传到服务器时，前端代码不能使用绝对路径，然而默认打包后的html、js、css等文件使用的都是绝对路径，所以我们要在打包之前将绝对路径改为相对路径再打包。首先理解两个概念：1.什么是绝对路径以根目录为起点到某一个目录的路径，能够**完整描述文件所在位置（在硬盘上真正的路径）**的路径就是绝对路径。例如：c:/test/index.htm网页中以http开头的链接都是绝对路径2.什么是相对路径从一个目录为起点到另外一个目录的路径例如： …/te
2022-03-10 11:25:35
2865
原创 【实践功能记录1】按顺序跳动选中效果(定时器的使用)
一、定时器setTimeout(() => {},1000) 1秒之后执行setInterval(() => {},1000) 每隔1秒执行1 设置定时器在data中定义一个新的变量来接收定时器在data中定义：timer：null接收定时器：this.timer = setInterval(() => { console.log(1)},1000)2 清空定时器 （obj，this.timer :创建定时器时，用于接收定时器的变量）clearTimeou
2021-10-28 21:09:13
421
原创 使用nodemode 遇到的问题
使用nodemode 遇到的问题：问题描述：nodemon : 无法加载文件 E:\webtools\node\node_global\nodemon.ps1，因为在此系统上禁止运行脚本。解决方法：权限问题，用管理员身份设置powershell的权限步骤：1.管理员身份打开powerShell2.输入set-ExecutionPolicy RemoteSigned3选择 y 回车powershell的四种执行权限Restricted——默认的设置， 不允许任何script运行AllSi
2021-03-24 10:51:42
278
原创 mvc与mvvm设计模式
mvc与mvvm设计模式mvc：view层是顶层，controller在view层之下，model在controller之下；view指向controller。control指向model，model 更改时 view 会得到提醒（这个情况是一个单向流）Model(模型)：负责保存应用数据、和后端交互同步应用数据，Model主要与业务数据有关、与应用内交互状态无关View(视图)：（html、css）负责构建和维护DOM元素，用户可以与View交互，读取、编辑ModelController(控
2021-02-23 20:34:26
593
1
原创 利用定时器实现倒计时
利用定时器实现倒计时功能分析：1.三个盒子分别装时、分、秒；利用innerHTML放入计算出的时、分、秒2.倒计时是不断变化的，每隔一秒调用一次，用定时器自动变化：setInterval3.第一次执行时会有间隔的毫秒数，刚刷新的页面会有空白，解决方法：采用封装函数的方式，先调用一次防止有页面空白问题//1.三个盒子分别装时、分、秒；<div> <span class="hour">时</span> <span class="minute
2021-02-18 16:12:38
4208
原创 密码的显示与隐藏
点击右边的眼睛，显示或隐藏密码效果图：右边的小眼睛闭着，不显示密码小眼睛图标睁开，显示密码代码： <div class="box"> <label for=""> <img src="images/close.png" id="eye" /> </label> <input type="password" name="" id="pwd"> </div&
2021-02-18 16:03:41
713
原创 输入密码提示格式错误信息
给密码设置提示信息：输入密码之后，点击页面其他地方会提示密码信息，输入的密码不满足格式要求，则提示密码格式输入错误信息；满足要求则提示输入正确。如图：输入错误时：输入正确：分析：1.判断的事件是表单是否失去焦点，用 onblur2.如果输入正确，提示的颜色为绿色小图标3.如果输入不是6-16位，提示错误信息颜色是红色小图标4.用到的样式较多，利用多类名的方式(className)修改样式 <div class="box"> <input type="passwo
2021-02-18 11:16:24
4508
原创 Bootstrap前端开发框架
1.Bootstrap简介来自Twiter，用于开发响应式布局、移动设备优先的web项目框架：有一套比较完整的网页功能解决方案，控制权在于框架本身，有现成的方案可以拿过来用，在此基础上可以进行修改2.Boostrap的使用2.1步骤：1.创建文件夹结构2.创建html骨架结构3.引入相关样式文件4.书写内容直接拿来预先定义好的样式来使用修改bootstrap原来的样式，增加类名，注意权重问题学好bootstrap的关键在于知道它定义了哪些样式，以及这些样式实现了什么样的效果2.
2021-02-15 03:40:00
265
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人