- 博客(64)
- 收藏
- 关注
RSS订阅原创 有关拆分弹窗报错问题汇总
如果父组件传递过来的值是绑定到子组件的v-model上，那么传的值需要是对象或数组形式子组件关闭弹窗需要调用父组件的方法（子组件不能修改父组件传递过来的值）id值如果是用的路由的，子组件中的方法中需要传参为id时，需要写为id:this.$route.query.id = ''...
2022-03-17 14:44:53
303
原创 算法编程1
文章目录算法题一、二分查找二、使用步骤1.引入库2.读入数据总结算法题一、二分查找在升序数组 \textit{nums}nums 中寻找目标值 \textit{target}target，对于特定下标 ii，比较 \textit{nums}[i]nums[i] 和 \textit{target}target 的大小：如果 \textit{nums}[i] = \textit{target}nums[i]=target，则下标 ii 即为要寻找的下标；如果 \textit{nums}[i] &g
2022-03-02 13:59:11
658
原创 下载Excel表格
下载Excel表格封装组件import {api} from '@/axios'import {Message} from 'element-ui'import store from '@/store/index.ts'// obj 传参数据 URL 路径 token token downLoadTitle 文件名export function download(obj: any, url:string, token:string,downLoadTitle: string) { api.g
2022-02-21 11:07:11
512
原创 elementui日期选择器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2022-02-21 10:34:33
2044
原创 金额校验1
金额校验因为有两个模板，需要通过一个模板获取编码，在通过编码从另一个模板获取数据//保存账单的按钮async addBillList(){ this.loading = true let Str = ' ' let res = ' ' let total = ' ' let ret = [] let fee = [] let arr:any = [] let
2021-10-27 16:49:29
212
原创 下拉框问题(vue+elementui+typescript)
1.下拉框不固定的问题popper-append-to-body：是否将弹出框插入至 body 元素。在弹出框的定位出现问题时，可将该属性设置为 false<el-select :popper-append-to-body='false' ></el-select>2.下拉框默认值显示v-model 绑定的值为默认显示的值<el-form-item label='出险原因:' prop='accidentReason'> <el-selec
2021-10-27 15:12:21
842
原创 $EventBus非父子组件传值
$EventBus非父子组件传值在一个组件创建时进行事件监听//在组件一中我们可以在created中进行监听created(){ this.$eventBus.$on( " 事件名 1" , "事件处理函数1" ) }触发eventBus//在组件二中我们就可以在任意地方进行触发 this.$eventBus.$emit( " 事件名1 " , " 需要传递的参数1 " )...
2021-09-09 13:58:41
152
原创 人力资源项目-角色模块
角色模块开发遇到的问题获取角色列表，调用接口渲染数据，数据不显示？解决方式：1. 没有在created中调用函数，在页面渲染时没有触发函数 created (){this.loadRoleList()},2 . 没有绑定表格数据 表格列的索引 type=‘index’ 是ElementUI提供的规则报错1错误原因：因为定义pagesize的时候外层包裹了filterParams，所以应该是:page-size=“filterParams.pagesize”报错2错误原因：作用域插槽
2021-07-02 16:49:23
192
原创 vue项目中知识点总结
1. route和route和route和router的区别$router是VueRouter的实例，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，相当于一个全局的路由器对象，里面包含很多属性和子对象 列如history对象$router.push({path:“home”}) //切换路由，本质是添加history记录$router.replace({path:“home”}) //替换路由，没有历史记录$route是跳转的
2021-06-15 11:48:41
217
原创 数组中方法总结find(),findIndex(),some(),every(),map(),filter()
find()find()方法：返回通过测试的数组的第一个元素，当数组测试条件为true时，find返回符合条件的元素，之后不在调用执行该函数findIndex()findIndex()方法：当传入测试条件(函数)返回true时，会返回符合条件的元素索引，之后不会在调用执行函数some()some方法：用于检测数组中的元素(单个)是否满足指定条件(函数)，如果有一个元素满足条件，表达式返回true,余下元素不在执行检测every()every()方法：用于检测数组中所有元素是否都符
2021-06-11 20:43:36
388
1
原创 bigint引发的问题
项目场景：问题描述：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget(); } 原因分
2021-06-10 15:27:52
345
原创 针对数据类型的错误解决方案
项目场景：对文章列表的【不感兴趣】功能进行操作，点击不感兴趣按钮，根据id可以删除列表中对应的文章问题描述：删除文章列表数据的时候，显示操作失败原因分析：提示：这里填写问题的分析：例如：Handler 发送消息有两种方式，分别是 Handler.obtainMessage()和 Handler.sendMessage()，其中 obtainMessage 方式当数据量过大时，由于 MessageQuene 大小也有限，所以当 message 处理不及时时，会造成先传的数据被覆盖，进而导致数据
2021-06-10 13:17:23
1424
原创 登录模块1
登录模块vue调试工具组件name属性的作用：给组件起一个名字，方便在调试工具中查看组件插槽插槽的基本用法定义组件中使用插槽标签TestSlot.vue<template> <div> <h1>测试插槽</h1> <MySolt> 提交 </MySolt> </div></template><script>import MySolt fr
2021-06-05 20:00:40
603
1
原创 Vue 08 下
Vue 08常用配置配置自动生成网页模板安装依赖包# webpack4html-webpack-plugin@4 -D# webpack5npm install html-webpack-plugin -D导入const HtmlWebpackPlugin = require('html-webpack-plugin')插件配置plugins: [ new HtmlWebpackPlugin({ template: './index.html' })]总结：
2021-05-30 19:38:43
106
原创 Vue 08上
Vue 08Webpack基本介绍webpack是一个现代JavaScript应用程序的静态模拟打包器 webpack用于上线之前的代码打包（编译、文件的压缩、合并等操作）编译：把Vue、js、less等相关的代码转换为浏览器能认识的原生代码压缩：代码中的空格、回车换行、注释、变量名称等信息的优化，优化之后代码体积变小，提高网络传输效率合并：多个文件合并成一个，减少网络请求的次数初始化项目index.htmlsrc/js/index.jssrc/js/common.js基于命令行用
2021-05-30 13:14:20
124
1
原创 Vue 07下
Vue 07控制路由跳转菜单激活激活（高亮）：点击哪一个链接，哪一个链接应该添加一个类名active,没有点中的链接标签去掉类名实现原理：基于vue-router的相关配置，自动给链接标签添加指定的类名// linkExactActiveClass属性的作用：控制点中链接标签后添加的类名名称，默认的名称是router-link-exact-activeconst router = new VueRouter({ routes , linkExactActiveClass: 'active'})
2021-05-28 20:52:06
328
原创 Vue 07 上
Vue 07综合项目项目介绍项目整体功能：图书管理；人员管理；楼层管理图书管理：图书列表，添加图书，删除图书，修改图书初始化项目通过vue create 命令创建项目vue create mydemo进入项目根目录cd mydemo 运行项目npm run serve页面基本布局分析页面的组件结构NavBar.vue 顶部导航组件Aside.vue 左侧菜单组件BookList.vue 英雄列表组件BookAdd.vue
2021-05-28 15:20:10
125
原创 Vue 06 下
Vue 06前端工程化基本概念介绍软件工程：可行性分析、需求分析、设计（概要设计、详细设计）、软件开发、测试、实施（运维）前端工程化：独立的设计、独立的开发、独立测试、独立运维为了实现更加方便的前端工程化，Vue的技术栈提供了一个非常方便的工具：脚手架。脚手架可以非常方便快速的让前端开发人员基于前端工程化的模式进行项目开发脚手架基本使用安装脚手架npm install -g @vue/cli查看版本号# 如果看到了版本号就证明安装成功了vue --version基于脚手架创
2021-05-27 18:07:38
174
1
原创 Vue 06 上
Vue 06路由参数传递方式1.props设置为trueconst routes = [ { path: '/users/:id', component: UserInfo, props: true }]设置路由参数// 如下的组件对路由的API有依赖const UserInfo = { // 获取路由参数 props: ['id'], template: ` <div> <div>用户信息{{id}}</div>
2021-05-27 17:47:57
84
原创 vue 05 上
vue 05父组件向子组件传值父组件向子组件传值通过标签属性传值（属性值可以是静态的，也可以是动态绑定）<!--父组件通过标签的属性向子组件传递数据--><com-child info='tom' :abc='abc'></com-child>子组件通过props选项接收值Vue.component('com-child', { // 子组件通过props属性值接收父组件传递过来的数据 props: ['info', 'abc'], data
2021-05-26 16:47:58
71
原创 Vue 05 下
Vue 05前端路由SPA介绍spa是单页面应用程序，Vue适合开发spa的项目优点：业务场景的切换，性能很好集中维护一个网站的功能完全的前后端分离（前后端可以并行开发，提高系统开发效率）缺点：所有的功能集中的一个页面，依赖的资源是非常多，加载第一次的时候很慢（首屏加载）业务复杂度很高（解决方案：Vue组件，前端路由）前端路由介绍前端路由：根据不同的URL地址，页面上展示不同的内容（根据URL地址的不同分发到不同的组件）注意：浏览的历史支持浏览器历史回退和前进按钮操作（aja
2021-05-26 10:50:24
61
原创 Vue 04 下
Vue 04组件化开发基本概念介绍组件：其实就是对网页功能的封装本质：其实也是一个Vue实例，组件这个实例不支持el选项，其他选项都支持把一个页面拆分成多个组件，组件分别开发完成可以组成一个完整的页面组件化带来的好处：方便分配任务方便后期的维护方便代码的复用定义（注册）组件全局注册Vue.component(参数一，参数二)参数一表示组件的名称参数二表示组件的配置选项data表示组件需要用到的数据，组件中的data属性必须是函数，函数的返回值是对象（该对象用于提供组件的数
2021-05-24 18:24:56
71
原创 Vue 04 上
Vue 04前后端交互json-server基本使用模拟接口：使用json-server这个基于nodejs的命令行工具，模拟后台接口，让前端可以继续进行开发1.安装json.servernpm i json-server -g --registry=https://registry.npm.taobao.org2.准备db.json文件{ "books": [ {"id":1,"bookname":"西游记","date":"2010-10-10 10:10:10"}
2021-05-24 13:06:08
60
原创 Vue 03 下
Vue 03异步的结果是否可以使用返回值获取？不可以（返回结果的时机不确定）那么必须使用回调函数的方式获取异步的结果如果要保证异步任务的顺序，需要进行回调函数的嵌套但是嵌套过多会出现地狱回调问题（代码可读性差）所以诞生了新的技术解决上述问题：Promise但是Promise也不是最好的方案，所以诞生了Async函数（最终解决方案）异步编程-promisepromise是一种技术，用于解决回调地狱问题promise基本用法// 基于Promise发送请求const p = new P
2021-05-22 20:21:01
121
原创 Vue 03 上
Vue 03Vue常用特性过滤器（格式化日期）自定义指令（获取焦点）计算属性（输入查询）直接操作DOM过滤器作用：在插值表达式中使用，主要用于转换数据格式1.全局过滤器(在任何视图可以使用) //全局过滤器 //实现一个过滤器，用于把图书名称的首字母变成大写 Vue.filter('upcase', function (value) { //参数value就表示原始需要处理的数据 // console.lo
2021-05-22 12:03:09
104
原创 vue 02
vue 02模板语法事件绑定指令v-on:具体事件名称=“处理逻辑”处理逻辑：简单js表达式 或者 methods中的函数1.表达式用法<div id="app"> <div v-show="isShow">测试事件</div> <button v-on:click='isShow=!isShow'>点击</button> </div> <script src="./l
2021-05-21 18:24:06
101
原创 Vue 01
VueVue介绍Vue：渐进式JavaScript框架渐进式：声明式编程->组件化开发->客户端路由->大规模状态管理->前端工程化核心特性：1.数据响应式编程2.双向数据绑定3.组件化开发Vue基本用法前端的核心职责：1.前后端交互（调用接口）2.客户端渲染（把数据填充到标签里面）第一个Vue程序<!-- {{msg}} 这种写法称之为插值表达式 --> <div id="info">{{msg}}</div>
2021-05-19 20:55:21
102
原创 分页
分页排序数据库支持在查询数据时进行排序-- order by 字段名称 asc/descselect * from myuser order by id asc-- 如果有查询条件，那么排序的规则写到最后select * from myuser where gender = 1 order by age asc asc表示升序排列（默认）desc表示降序排列分页分页：分多次查询数据，每次查询一部分数据好处：查看方便；前端性能较高-- limit 从第几条开始查询(从0开始)
2021-05-17 09:38:20
615
原创 Node 02-2
Node 02模块化的基本概念编程中是否需要借助模块化的好处：1、明显提高开发效率2、方便后期的维护扩展（需要考虑成本）模块化特点：高内聚，低耦合模块化的规范总结：规范是一套标准说明按照规范实现的库才可以用于开发前面所学的核心模块fs/path/http都遵循CommonJS的规则Node.js模块化CommonJS模块化规则导出模块成员module.exports = {}导入模块内部成员require(参数)，参数表示核心模块的名称或者自定义模块路径a.
2021-05-12 20:18:22
109
原创 Node.js 02
Node.js 02服务器介绍服务器是提供服务的，我们现在关注点是：网站服务。客户端请求服务器，服务器返回资源给浏览器。我们要从服务器提供服务的角度写代码，用于向客户端提供接口数据http模块//提供接口服务// 1.导入核心模块const http = require('http')// 2.基于http模块提供的方法实现接口服务// 2-1创建一个服务器实例对象const server = http.createServer()// 2-2监听端口// 3000表示端口：端口
2021-05-12 19:54:06
63
原创 Node.js 01
Node.jsNode.js概述javascript语言运行在浏览器的内核中的js引擎中Node.js是一个开发平台，在这个平台上可以进行软件开发，并且开发出功能更加强大软件，在这个平台上进行开发很方便，因为Node.js提供了丰富的API和优秀的运行性能在Node.js平台中开发的语言仍然是JavaScriptNode.js:js解析器；内置的API浏览器：js解析器；内置的APINode.js开发环境关于命令行用法补充切换盘符命令：盘符+:cd切换目录命令：cd路径名称查看当
2021-05-11 11:49:02
119
原创 ajax 04 tab栏的五个版本（静态布局、面向过程、面向对象、jQuery、ajax）
ajax 04 tab栏的五个版本（静态布局、面向过程、面向对象、jQuery、ajax）版本1 静态布局<!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
2021-05-03 20:44:56
125
原创 ajax 03
ajax 03FormData基本用法FormData是标准的js构造函数（WebAPI）FormData作用是啥？传递post请求参数（一般数据来源于表单）如何知道FormData实例对象有几个方法？看官网 FormData怎么用来传参？两种用法构造函数不传参使用append方法添加参数构造函数传递form元素作为参数用法一：构造函数不传参使用append方法添加参数不需要设置请求头<script> let btn = document.getEle
2021-04-30 21:16:39
81
原创 ajax 02
ajax 02表单相关操作表单应用场景用户与网站的交互方式：基于表单提交数据表单基本结构form标签本身具有提交行为，默认提交方式是get表单输入域提交按钮提交表单：输入域的name属性必须提供并且要与后台要求的名称匹配form标签的核心属性1.action 表示提交的后台url地址2.method 表示提交的方式1）get 默认提交方式2）post <form action="http://www.liulongbin.top:3006/api/ad
2021-04-28 20:14:53
106
原创 2021-04-28
项目场景：ajax调用接口 查询数据判断数据是否获取成功问题描述：Ajax调用接口 使用get查询数据时后台数据库显示调用成功，但是前端页面没有渲染出列表原因分析：前端页面没有渲染出列表，是属于前端的问题，打印列表的数据let list = res.dataconsole.log(list); 也没有打印出来，说明在它之前就出现了问题，就是在判断数据是否成功出现了问题 解决方案：已经发现是在判断数据是否成功的时候出现了问题在get查询数据的时候res.status === 200
2021-04-28 16:50:54
51
原创 ajax 01
ajax 01相关概念关于网站**什么是网站？**就是一堆网页 html css js**程序员开发的网站如何被人看到？**需要把网站的代码放到【服务器】上，用户可以通过网址访问页面**什么是服务器？**就是计算机用于提供网站服务客户端-服务器交互模型网站开发好之后，需要上线（把代码上传到服务器上），客户端（浏览器）需要通过请求的方式访问服务器中的网页，服务器收到请求后，把网页返回给浏览器，然后浏览器把页面呈现出来客户端（浏览器）发送请求到服务器服务器返回网页给浏览器用于展示URL
2021-04-27 20:29:05
537
原创 ajax 请求数据库中的数据，展示在页面（查询数据）
项目场景：ajax 请求数据库中的数据，展示在页面问题描述：Ajax调用数据库中的数据成功，但是没有渲染到页面出现的问题如图所示function loadBookList() { // 1.调用后台的接口 获取后台的数据 $.get('http://www.liulongbin.top:3006/api/getbooks', function (res) { // 2.把获取的数据渲染到页面
2021-04-27 19:36:22
3902
1
原创 JQuery的第三天
JQuery的第三天表单表单提交<form action=""> 昵称： <input type="text" class="uname" name="name"> 密码： <input type="password" class="password" name="pwd"> <button class="btn">提交</button> </form> <sc
2021-04-21 17:31:27
60
原创 JQuery的第二天
JQuery的第二天一、元素节点实现文档插入、删除、复制、替换的操作1.1 插入1.创建JQ对象 let tr = $(` <tr> <td>乔一</td> <td>24</td> <td>女</td> <td>13632369876</td> <td>
2021-04-20 17:27:58
179
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人