qq_45234274的博客

原创 TypeScript入门

很显然，如果我们仅仅把原始类型、字面量类型、函数类型等原子类型合并成交叉类型，是没有任何用处的，因为任何类型都不能满足同时属于多种原子类型，比如既是 string 类型又是 number 类型。然后在调用函数时，我们也通过 <> 语法指定了如下所示的 string、number 类型入参，相应地，reflectStr 的类型是 string，reflectNum 的类型是 number。在上述示例中，数字作为对象索引时，它的类型既可以与数字兼容，也可以与字符串兼容，这与 JavaScript 的行为一致。

原创 bootstrap table开发时 pagelist问题

jQuery(‘#dataTable’).bootstrapTable(‘selectPage’, pageNum);官方文档

原创 事件循环机制（Event Loop）

进程：进程是 CPU 资源分配的最小单位线程：线程是 CPU 调度的最小单位简单来说，进程简单理解就是我们平常使用的程序，如 QQ，浏览器，网盘等。进程拥有自己独立的内存空间地址，拥有一个或多个线程，而线程就是对进程粒度的进一步划分。更通俗的来说，进程就像是一家工厂，多个工厂之间是独立存在的。而线程就像是工厂中的那些工人，共享资源，完成同一个大目标。

原创 前端：简单的nginx启动本地打包文件dist

Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。

原创 面试笔记整理

hash :在安全性方面更强大，是最安全的模式，兼容所有的浏览器和服务器 # (路径名带个“#” ， router的mode设置为hash)

原创 vue3警告: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating

vue3 警告

原创 百度地图Api的引入使用-vue3组件

百度地图，vue组件

原创 vue—穿梭框组件

一、语言：vue二、实现效果：1、左侧框选择后在右侧有显示，右侧框内点击每一条后面的图标可以删除在右侧显示的，同时左侧的多选框取消选中。2、左侧有一个本地的模糊搜索框。3、完成组件效果，要求适配多处三、HTML+css 样式 <div class="transfer-box"> //左边的部分 <div class="transfer-box-left"> <div class="box-title">

原创 echarts—柱状图

npm下载echarts项目中引入import * as echarts from "echarts";完成效果：代码// An highlighted block<template> <div ref="container" :style="{ width: '90%', height: '100%' }"></div></template><script>import * as echarts from..

原创 echart—折线图

npm下载echarts项目中引入import * as echarts from "echarts";完成效果：代码// An highlighted block<template> <div ref="container" :style="{ width: '90%', height: '100%' }"></div></template><script>import * as echarts from..

原创 获取当月起近几个月的函数

1.vue js 获取连续几个月2.例如 const getMonthNine = (maxMonth) => { // 先取到当前日期对象 let date = new Date(); // 月份数组 let nearNine = []; // 当月 let year = date.getFullYear();

原创 返回数据带有\n如何换行

\n换行

原创 vue实现的Timeline 时间线组件——仿照elementui

样式如下：代码如下：<template> <ul class="timeline" > <li class="timeline-item" v-for="item in activities" :key="item.index"> <div class="item-tail"></div> <div class="item-node"></div> <div c.

原创 vue实现的步骤条组件——2种方法

一、语言：vue样式如下：2.代码:根据长度百分比计算样式<template> <!-- 步骤条盒子 --> <div class="steps-box"> <!-- 步骤条 --> <div class="Article-steps" :class="data.stepList.length <= activeIndex ? 'step-over' : ''" >

原创 vue3二维码的生成（绿码、黄码...）——QRcanvas

【代码】vue3二维码的生成（颜色配置）——QRcanvas。

原创 2021-09-01

vue 父子组件传参时 子组件需要父组件的传的值来做请求 来渲染页面，但是根据生命周期的发生顺序，往往不能及时获取到值 解决方法1.子组件监听父组件的值的变化2.v-if 在子组件上做判断有没有值3.绑定子组件 在父组件中做子组件动作...

原创 vue3的学习笔记

ref：简单的认为是vue2中data中数据的另一种写法，包装了一个响应式的数据对象reactive：创建一个响应式的数据对象ref 和reactive的区别：(1)可以简单地把 ref(obj) 理解为这个样子 reactive({value: obj})(2)基本类型值（String 、Nmuber 、Boolean 等）或单值对象（类似像 {count: 3} 这样只有一个属性值的对象）使用 ref(3)引用类型值（Object 、Array）使用 reactivetore..

原创 多余文字隐藏css效果

display: block; /*设置宽度*/ width: 100px; /*若文字长度超过width，则隐藏文字*/ overflow: hidden; /*超过的部分用 ... 显示*/ text-overflow: ellipsis; /*取消文字自动换行，如果不加则文字会自动换行使得高度改变*/ white-space: nowrap;...

原创 git命令创建分支推送过程

1.在本地创建自己的分支git branch dev_lsw2. 同步分支到github上面git push origin dev_lsw3. 本地当前应该是master分支，切换到自己的分支上，然后把本地分支和远程分支做关联git checkout dev_lswgit branch --set-upstream-to origin/dev_lsw4. 使用git branch -vv命令可以看到 自己的分支和 master分支5. 代码规范yarn prettieryarn lint

原创 labelCol wrapperCol span offset

原创 使用umi创建react项目报错

创建项目react+antd，使用umi创建项目前首先下载 umi antd官网有步骤，如果出错了，可以继续往下看看确保node yarn 全局安装 node -v yarn-vYarn create umi 之后删掉百分号的那个 然后 试一下 umi -v，create-umi把c盘前的%等内容删除添加umi的环境变量添加环境变量 此电脑==》属性==》高级系统设置==》环境变量重启后再试试umi -v，create-umi ...

原创 antd弹窗使用

环境 react+antd内容过多时不便在页面中展示出来可以放在弹窗中，鼠标移入即可展示出来样式如下：代码如下：

原创 2021-02-10Antd组件自带样式的更改

Antd组件自带样式的更改@TOC自带的样式或是结构免不了在global.less或是总体的布局basiclayout类似的文件中,找到以后更改下样式之类的就可布局，尾部以及上面导航搜索部分在这里插入图片描述...

原创 radio与输入框绑定，不选中输入框变暗不可填写

环境:react框架：antdui使用组件 Radio.Group 以及时间选择器效果图：按年和按月日只能选择一个，没有选中的后面的输入框变成不可填写的效果代码：思想就是，先给radio一个value值，进行三元运算判断，让后面的输入框什么的禁用就可以啦拜拜~...

原创 display中flex与block冲突解决以及收起展开功能

最近在做一个小模块，其中页面上有一个收起的功能记录一下环境：react框架：antdui效果图：代码：点击onclick主要的思想就是，先在state中存储，然后在点击事件中使用setstate改变字和状态，其中原本显示用的是block但是，display：block会改变flex布局的效果，所以这里可以直接用flex代替block,flex有默认的显示效果okk啦，拜拜...

原创 react中的弹窗事件

因为在做增删改查事件，增加和修改都需要点击时跳出弹窗，我使用了父子组件方式流程：点击修改按钮，弹出弹窗，表格中带着点击行的数据，修改后，点击保存，数据传到数据库，页面刷新，出现修改后的内容环境：react环境一、制作弹窗：首先创建子组件，也就是弹窗在父组件中引入注意这是我自己的路径以标签形式加载到父组件上，其中visible是判断弹窗是否处出现，entray是父组件传过去的数据，cancel是传过去了一个关闭方法增加触发事件也就是点击弹窗出现绑定columnd

原创 请求方法ajax,axios,xmlhttprequest

最近在学习react的语法，手写了一下各种请求Ajax过程中我遇到的最大问题就是跨域问题，有两种解决方法，一种是后端解决，另一种在前端可以设置代理，详细步骤百度Axios这是使用axios请求，方法都大同小异，需要注意的是请求的数据格式请认真仔细找好自己要用的数据，不要因为数据位置没找到而一直报错（此时小夹子流下一把辛酸泪）Xmlhttprequest使用原生写法，出现跨域问题就找后端解决吧这是请求的数据类型，如果在页面上有需求自行转换下Json.parse

原创 vue中 换行不识别

vue中换行不识别vue中默认的输出是t-text 改为v-html<p v-html="health.healthContent"></p>

原创 VUE中body设置高度为100%无效的解决方法

VUE中body设置高度为100%无效的解决方法在app.vue中的css中添加html,body,#app{ height: 100%; }即可解决

原创 JavaScript基础案例代码

JavaScript基础案例代码文本显示及隐藏鼠标离开文本框时，失去焦点，文本若为空，默认文字出现鼠标点击文本框时，获得焦点，文本框中默认文字消失代码：<script> window.onload = function () { var input = document.getElementsByTagName('input')[0] input.onfocus = function () { if (in