唯纞＆瑞、-CSDN博客

原创超全VS Code快捷键

当处理具有大量类的项目时，查找类的成员可能是一项艰巨且耗时的任务。但是，有了正确的工具，这个过程可以大大简化。在Visual Studio中，有几个键盘快捷键，可以快速轻松地导航和搜索操作。让我们看看这些可以帮助我们执行快速搜索和导航的快捷方式。

2023-08-01 15:30:11 711

原创 JavaScript 中从数组中删除元素

使用长度数据属性删除超出较小新长度的元素。通常建议使用splice() or filter() 方法从数组中删除元素，因为它们非常高效，并且提供了一种基于特定条件删除元素的简单有效的方法。

2023-08-01 15:18:33 650

原文链接：https://dev.to/flatlogic/top-16-vue-open-source-projects-227a作者：Katarina Harbuzava为什么我们要关注VueVue是一个用于构建用户界面的JavaScript框架。值得关注的是，它在没有谷歌和Facebook的支持下获得了大量的人气。Vue是结合react和angular的最好的方法，并且拥有一个有凝聚力的，活跃的，能够应对开发问题的大型社区。相同的社区能够不断地提出新的方法去解决常规的问题。随着贡献量的增加，可

2022-05-06 15:28:11 1307

原创 vue 实现Ctrl+F搜索功能（定位+滚动的效果）（解决掉能搜查标签属性）

vue 实现Ctrl+F搜索功能（解决掉能搜查标签属性）不兼容IE1、先看效果2、搜索栏代码<el-input v-model="searchText" placeholder="请输入关键字" prefix-icon="el-icon-search" clearable size="small" @keyup.enter.native="searc

2022-04-26 09:18:56 4368 14

原创 vue使用xlsx-style 导出excel 并带有样式

一、下载插件npm install xlsx-style --savenpm install xlsx --save下载好在 vue.config.js 修改一下 xlsx-style 不然会报错// 添加这一句config.externals({ './cptable': 'var cptable' })二创建此文件文件，如果想要修改样式就在红色圈出的（export_json_to_excel）这里修改，其他不变这些就是修改的样式，可以看一下官方文档，文章下面有链接style

2022-01-11 10:50:04 2942 9

原创使用vue预览Word文件

<template>  <div ref="wrap" class="client-tabl" > <div v-if="headArr.length > 3" class="left">  <ul class="collapse"> <li v-for="(item, in

2022-01-11 10:05:20 9711 2

原创 JavaScript原型到原型链

一、用构造创建一个对象// 用构造创建一个对象 function Person() {}创建了一个实例对象 personvar person = new Person();Person 就是一个构造函数我们用 new 创建了一个实例对象 person。person.name = 'Kevin';console.log(person.name);//'Kevin'属性1: prototype 实例原型,prototype是函数才会有的属性 Person.prototype.nam

2021-06-26 18:37:23 52 2

原创 JavaScript原始值包装类型

原始值包装类型方便操作原始值提供了3种特殊的引用类型: Boolean、 String、 Number。// String let s1 = 'some text'; let s2 = s1.substring(2); console.log(s2); //me text这里 s1 是一个包含字符串的变量，它是一个原始值。第二行 s1 调用了 substring() 方法。并把结果 s2 中 (原始值本身不是对象)。当第二行访问s1时，是以读模式访问的，也就是要从内存中读取变量保存

2021-06-26 17:58:26 92

原创 js仿购物车放大镜效果

HTML <div class="itemrea"> <div class="pic"> <img src="./img/素材01.jpeg" alt=""> <div class="cover" style="display: none;"> </div> </div> <ul class="list"&.

2021-05-16 22:34:51 124

原创 js原生放大镜

HTML<div class="itemrea"> <div class="pic"> <img src="./img/素材01.jpeg" alt=""> //自己随便换图片 <div class="cover" style="display: none;"></div> </div> <div class="detail" style="display: none;">.

2021-05-16 22:31:24 68

原创四级联动（点击效果）

省份数据结构想要可以留言！谢谢????效果如下HTML代码： [切换] <div class="all all_no"> <div class="bg"></div> <div class

2021-05-16 22:20:00 273 3

原创 javaScript 递归深拷贝

深拷贝：一个发生变化，另一个不会发生改变浅拷贝：一个发生变化，另一个也会发生改变//json 对象就是数据，json格式数据//数据格式 var arr = [1,[1,2]]; var arr1 = JSON.parse(JSON.stringify(arr)); arr1.push("test") console.log(arr,arr1);/* Json.stringify() 将其他数据类型：转为Json 字符串，返回json字符串

2020-12-18 22:54:41 107 1

原创 javaScript 数组扁平化

什么是数组扁平化？*将嵌套多层数组转为一层数组，叫做数组扁平化例如：var arr = [1,2,3,4,[1,2,[4,5,6],6],7] 转为[1,2,3,4,1,2,4,5,6,6,7];方法一：使用toString和split使用var arr = [1,2,3,4,[1,2,[4,5,6],6],7];var res = arr.toString();res.split(",");console.log(res)方法二：(使用函数)function flatter(ar

2020-12-15 22:14:15 109

原创 JavaScript模拟Api

模拟实现 str.substr//模拟实现 str.substrfunction str_substr(str,index,len){ //错误有限原色 if(typeof str !== "string") throw new Error('param1 must be string'); //初始化结果 var str_res = ""; //如果 index > str.length 返回空字符 if(index > str.length - 1) return str_

2020-12-15 19:47:28 85

原创 JavaScript 计算各项数据重复多少次

2020-12-10 20:02:13 331 1

原创 JavaScript 数组排序与求最大值

//数组排序(升序)var arr1 = [1, 5, 99, 5, 6, 88, 23, 86, 11, 55];for(var i = 0; i < arr1.length;i++){ for(var j = i+1; j < arr1.length;j++){ if(arr1[i] > arr[j]){ var tmp = arr1[j]; arr1[j] = arr1[k]; arr1[k] = tmp; }

2020-12-10 19:42:55 352

原创 JavaScript去重的方法

//去重方法一：var arr = [1, 2, 2, 2, 5, 55, 4, 55, 2, 32];for(var i = 0;i < arr.length;i++){ for(var j = i + 1;j < arr.length:j++){ //将重复的，删除后面的元素 if(arr[i] === arr[j]){ //重复 arr.splice(arr,1);//根据索引删除一个 //回退到当前的删除元素位置 j-- } }}//去重方法二

2020-12-10 16:41:28 564

原创 JavaScript基础第02天

1 - 运算符（操作符）1.1 运算符的分类运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有：算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符1.2 算数运算符算术运算符概述概念：算术运算使用的符号，用于执行两个变量或值的算术运算。浮点数的精度问题浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数。var result = 0.1 + 0.2; //

2020-12-03 19:20:58 73

原创 JavaScript内置对象

随机验证码//6位的数字和字符 var str = "abcdefghijklmnopqrstuvwxyz1234567890"; //随机生成6个字符 //1.声明结果 var res = ''; //求随机整数的范围 0-str.lengh-1 // var random = Math.floor(Math.random() * str.length); // 0-27 //利用随机数作

2020-12-03 19:13:18 66

原创 Javascript 判断语句案例

判断一个整数是偶数还是奇数。方法一：用三元来判断var integer = prompt('请输入整数，帮你判断是奇数还是偶数：')integer % 2 == 0 ? alert( + integer + '：是偶数') : alert( + integer + '：是奇数');方法二：用if语句判断var integer = prompt('请输入整数，帮你判断是奇数还是偶数：') if (integer % 2 == 0) { alert( + in

2020-11-28 14:38:03 868

原创 JS 初体验笔记（1）

JS 初体验JS 有3种书写位置，分别为行内、内嵌和外部。行内式<input type="button" value="点我试试" onclick="alert('Hello World')" />可以将单行或少量 JS 代码写在HTML标签的事件属性中（以 on 开头的属性），如：onclick注意单双引号的使用：在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号可读性差，在html中编写JS大量代码时，不方便阅读；引号易错，引号多层嵌套匹配时，非常容易弄混

2020-11-26 19:20:43 63

原创 Git安装和使用

Git安装和使用一、安装git1.这个网址https://git-scm.com/ 找到git2.选择Downloads----Windows然后下载3.下载好会出现这个样子二、指令：1.创建好了输入你的github账户和邮箱。因为Git是分布式版本控制系统，所以，每个机器都必须自报家门：你的名字和Email地址$ git config --global user.name “Your Name”$ git config --global user.email “email@example

2020-11-24 20:59:32 85

原创 2020-11-24

这里写自定义目录标题系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入系列文章目录提示：这里可以添加系列文

2020-11-24 20:10:03 57

weixin_44863580的博客