- 博客(65)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 2、vue、webpack、vite、pinia
vue3的diff算法没有vue2的头尾、尾头之间的diff，对diff算法进行了优化，最长递归子序列。
2023-10-02 18:48:34
489
原创 7、TS内容学习总结
解释：s2是一个常量，它的值不能变化只能是 ‘hello TS’，所以，它的类型为 ‘hello TS’。尽可能的避免使用any类型，除非临时使用any来避免书写很长、很复杂的类型，其他隐式具有any类型的情况。通过TS类型推论机制，可以得到：s1的类型时string，s2的类型为 ‘hello TS’；枚举成员的值为字符串。，该类型只包含所有标签公共的属性和方法，不包含a标签特有的href等属性，因此，这个。，元组类型时另一种类型的数组，他确切地知道包含多少个元素，以及特定索引对应的类型。
2023-09-30 15:51:29
257
原创 程序员必须掌握的600个英语单词
exception specification 异常规格（ref. C++ Primer 3/e, 11.4） 异常规范。exception specification 异常规格（ref. C++ Primer 3/e, 11.4） 异常规范。exception declaration 异常宣告（ref. C++ Primer 3/e, 11.3） 异常声明。exception declaration 异常宣告（ref. C++ Primer 3/e, 11.3） 异常声明。
2023-07-08 15:36:08
382
原创 实现文件流转化为excel文件导出下载
背景之前列表导出功能都是前端做的处理，但有一个弊端就是数据量不能太大，数据量过多就会报错。为此，针对全量导出的功能，后端处理更合理一些，前端通过获取后端返回的数据流，经过处理转化成excel表格导出下载。使用下面例子实在vue框架中使用的，处理思路：调用下载接口创建a标签创建下载链接将a标签添加到body中添加点击事件，进行下载下载完成后移除a标签释放掉blob对象this.$axios({ method: 'get', url: '/api/exportList
2022-01-18 20:58:07
1278
原创 数组中循环常用方法
不废话，直接上正题。forEach让数组中的每一项都做一件事，如果不做特殊处理，一般情况下，不能中止或跳出 forEach 循环（使用break会报错，return false 也无效）。如果需要中途跳出循环，建议直接用for语句好了。let arr = [1,2,3,4,5];arr.forEach((item,index)=> { console.log(item);})// 1,2,3,4,5// for语句可以跳出循环var arr = [1,2,3,4,5];f
2021-10-24 22:59:29
2251
原创 forEach和for如何跳出循环
forcontinue语句概述： continue 语句结束当前（或标签）的循环语句的本次迭代，并继续执行循环的下一次迭代。注意:与 break 语句的区别在于， continue 并不会终止循环的迭代，而是：在 while 循环中，控制流跳转回条件判断；在 for 循环中，控制流跳转到更新语句。continue 语句可以包含一个可选的标号以控制程序跳转到指定循环的下一次迭代，而非当前循环。此时要求 continue 语句在对应的循环内部。(摘自MDN)continue 语句中断循环中的
2021-10-24 05:30:00
887
原创 vue中textarea实现回车发送，ctrl+enter实现换行
html里代码：<el-input type="textarea" autofocus="true" @keydown.native="handleKeyCode($event)" resize="none" v-model="message" maxlength="2000" show-word-limit></el-input>js代码：// 键盘回车事件handleKeyCode(event) { if (event.keyCo
2021-10-24 01:00:00
4188
2
原创 vue中v-html识别\n换行
使用CSS中的 white-space: pre-wrap 属性进行控制，如下：下面是介绍white-space的属性（来源于MDN）normal连续的空白符会被合并，换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要。nowrap和 normal 一样，连续的空白符会被合并。但文本内的换行无效。pre连续的空白符会被保留。在遇到换行符或者元素时才会换行。pre-wrap连续的空白符会被保留。在遇到换行符或者元素，或者需要为了填充「行框盒子(line bo
2021-10-19 10:54:48
921
原创 判断页面是否被嵌入iframe里面
window.self === window.top如果返回 false –> 说明页面被嵌套在iframe中了如果返回 true –> 说明页面并没有被嵌套在iframe中
2021-09-27 10:39:56
1318
原创 VSCode快捷键总结（mac版）
古语有言：工欲善其事，必先利其器。一款好用的编辑器对于程序员来说，如同如鱼得水，本文主要介绍vscode在工作中常用的快捷键及插件，目标在于提高工作效率。根据二八定律，我们往往只需了解一门技术的部分最常用的功能，就足以应对大多数开发场景，因此在本文中只介绍最常见功能的快捷键，而非介绍全部特性。本文的愿景是：在平时使用vscode中，让工作的效率达到事半功倍的效果。注意：本文针对的mac电脑下的快捷键，windows电脑下请自行切换。目录大纲1、显示快捷键列表2、切换工作区3、快速打开文件4、在所选.
2021-08-27 11:38:19
7902
1
原创 mac下安装nginx
确认你的电脑是否安装homebrew，打开电脑终端 输入/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"确认homebrew是否安装成功，在终端输入brew -v安装nginxbrew install nginx检查nginx是否安装成功，在终端输入nginx -v启动brew services start ngi
2021-08-12 21:30:53
157
原创 vue调用浏览器摄像头并实现拍照、下载到本地功能
html代码：<div class="camera_outer"> <video id="videoCamera" :width="videoWidth" :height="videoHeight" autoplay></video> <canvas style="display:none;" id="canvasCamera" :width="videoWidth" :height="videoHeight"></canvas&g
2021-08-02 20:03:22
1215
原创 vue中的watch的用法总结
文章目录常见用法绑定方法deepimmediate绑定多个handler监听对象属性用法1用法2用法3用法4用法5用法6常见用法绑定方法deepimmediate绑定多个handler监听对象属性Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动：侦听属性。用法1<template> <div> <input v-model="question"> <span>{{ copyQuest
2021-06-09 14:22:20
575
1
原创 GET请求方式的长度限制到底是多少？
在我的一贯认识中，一直认为get请求方式有长度限制，1024B。很抱歉在没有经过验证的情况下，一直奉为圭皋。直到项目中有一次用到get请求方式传值的时候，才发现之前一直记忆的网络知识一直都是错误的。今日，看到网络上关于get的知识总结，发现原来一直信奉的1024Get请求长度，是错误的。下面把从权威官网的解释复制过来，以做更正。 1、Http get方法提交的数据大小长度并没有限制，Http协议规范没有对URL长度进行限制。 目前说的get长度有限制，是特定的浏览器及服务器
2021-06-01 14:34:55
44169
2
原创 moment如何转化成24小时制？
背景今天在项目中使用moment.js时间库的时候，遇到一个问题：将时间戳转化为时间的字符串的时候，发现明明应该是2021-05-20 16:58:40，转化之后居然变成了2021/05/20 04:58:40，整整错了十二个小时，是怎么回事？moment(parseInt(1621501120000)).format('YYYY/MM/DD hh:mm:ss');// "2021/05/20 04:58:40"解决最后才发现才发现居然是大小写的原因，修改如下：moment(parseInt(
2021-05-31 19:03:26
6994
1
原创 项目中使用base64编码
项目中需要用到python脚本编译的地方，在xian向后端传递参数的时候，方式python脚本格式错乱，将python脚本进行base64编码之后在传参。安装npm install --save js-base64在项目中引用let Base64 = require('js-base64').Base64;// 或者import { Base64 } from 'js-base64'例子let latin = 'dankogai';let utf8 = '小飼弾'let u8s
2021-05-28 16:33:17
197
原创 如何在 Vue 中使用 JSX
这里写自定义目录标题安装配置JSX 是 Facebook 工程团队创造的一个术语。JSX 是 JavaScript 的类似XML的语法扩展，没有任何定义的语义。JSX 不打算由引擎或浏览器实现。相反，我们将使用 Babel 之类的转置器将JSX转换成常规的 JS 。// 此行是JSX的示例const heading = <h1>Welcome to Scotch</h1>;基本上，JSX 允许我们在 JS 中使用类似 Html 的语法。安装// 安装npm i
2021-05-20 10:52:13
275
转载 element-ui cascader级联选择器，使用getCheckedNodes()获取选择对象参数信息，及如何使用props自定义设置value、label、children的键名
需求一：我需要在cascader级联选择后，拿到当前选择对象的其他参数信息，而不单单只获取到选择的value值需求二：后端返回的数组，并不是cascader级联选择器默认的value，label，children怎么修改成当前的键值来循环呢？具体参考：https://blog.csdn.net/Umbrella_Um/article/details/113525867...
2021-05-12 10:39:47
1054
原创 antdesign中TreeSelect树选择设置禁用
树型选择控件，类似 Select 的选择控件，可选择的数据结构是一个树形结构时，可以使用 TreeSelect，例如公司层级、学科系统、分类目录等等。如下代码可设置具体某一个节点是否可以点击。const {TreeNode} = TreeSelect;定义节点组件const renderTreeNodes = data => data.map(item => { if (item.children) { item.disabled
2021-04-22 15:02:20
7002
转载 antd TreeSelect 禁止选中父级，只能选择子级
TreeSelect 禁止选中父级需求：只能选中子级，不能不能选择实现效果：未选中效果：选中效果：废话不多说，直接上代码关键代码：const renderTreeNodes = data => data.map(item => { if (item.children) { // 这一句是关键代码，设置父级都为禁用模式，有条件的让后台返回 item.disabled = true; re.
2021-04-07 10:26:16
6947
原创 右键打开新的标签页，sessionStorage失效
项目场景：所有人都知道，localStorage和sessionStorage的最大区别是生命周期，一个永久，一个仅针对一个会话期间有效。那么，到底什么是一个会话？多个标签页之间的数据是否会共享呢？问题描述：在今天开发的项目中，有一个需求，需要在a页面通过target="_blank"跳转打开一个新的标签页b，在跳转的过程中，需要把a页面相关的信息通过缓存传到b页面，通过使用sessionStorage实现，不过在跳转之后发现sessionStorage为空，为什么sessionStorag.
2021-03-30 18:17:06
4375
原创 将博客搬至CSDN
搬家啦！！！本人将博客园文章搬到CSDN啦，欢迎关注，地址：https://blog.csdn.net/weixin_44949840?spm=1010.2135.3001.5421
2021-03-30 14:30:00
36
原创 npm安装模块
在项目中我们经常使用npm安装依赖，而我们在package.json常常会有dependencies和devDependencies两个模块信息，两个模块如何安装？如果安装依赖到package.json中dependencies下，可以使用下面指令：npm install 依赖--save如果安装依赖到package.json中devDependencies下，可以使用下面指令：npm install 依赖--save-dev同理，如果卸载该依赖，则执行卸载指令即可。...
2021-03-25 21:43:12
671
原创 Error: getaddrinfo ENOTFOUND localhost
亲测，以下方案验证OK。背景：新同事第一天来公司download新项目，安装完依赖，启动项目之后报了如下错误：Error: getaddrinfo ENOTFOUND localhost此处省略一万字。。。。。。根据报错内容，基本断定是localhost的问题，很有可能是localhost没有绑定127.0.0.1方式1：在mac电脑上，前往如下目录：/private/etc/hosts，即可看到hosts文件，拷贝一份hosts文件到桌面，修改之后在覆盖之前的hosts文件。
2021-03-25 15:18:21
4522
原创 sublime快捷键(mac版)一览
古语有言：工欲善其事，必先利其器。编辑器可以说是程序员的利器。由于sublime编辑器轻量便捷，本人在开发中比较青睐，而吸引我的其中一点就是强大的快捷键，可以让我批量迅速的处理一些操作。废话不多说，直接上干货。选择一个选中项的下一个匹配项: ⌘ + d把光标放在一个单词上，按下ctrl+d,将选择这个单词。一直按住⌘且按D多次，将选择当前选中项的下一个匹配项。通过按住ctrl,再按D三次,将选择三个相同的文本。选择一个选中项的所有匹配项:CTRL+⌘+G和上面一样,但它选择...
2021-03-18 19:18:27
1649
原创 iview和element中日期选择器快捷选项的定制控件
公司的两个vue项目中都用到了iview和element这个框架，最近的两个需求都有关于日期选择的定制控件，就是要求日期选择的快捷选项左边栏有包含今日、昨日、本周、上周、最近一周、本月、上月、上季度、本季度、去年、今年，由于element官网中对于这样的快捷选项并不是很好，满足不了实际的场景需要，所以就要自己定制开发。上网查了一些文档，根据实际需求定制了如下的控件，由于iview和elem...
2019-10-24 16:46:00
314
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人