猪猪很强大-CSDN博客

原创个人使用vscode插件----工欲善其事必先利其器--个人做个记录防止以后找不到

【代码】个人使用vscode插件----工欲善其事必先利其器--个人做个记录防止以后找不到。

2024-05-10 09:59:10 97

原创根据package-lock.json下载tgz包脚本并发布至nexus脚本20230518

【代码】根据package-lock.json下载tgz包脚本并发布至nexus脚本20230518。

2023-05-18 16:17:50 706 1

原创 javascript设计模式之开篇

在软件工程中，设计模式是对软件设计中普遍存在(反复出现)的各种问题，所提出的解决方案。使用设计模式是为了写出可扩展、可读、可维护的高质量代码。

2022-07-26 17:34:39 190

原创 JavaScript深克隆

JavaScript深克隆var deepClone = function(arr){ var result; if (Array.isArray(arr)) { result = []; for (let i = 0; i < arr.length; i++) { result.push(deepClone(arr[i])); } }else if ( typ

2021-07-23 15:34:01 127

关于ie浏览器下载文件，后台给的是文件地址在项目过程中遇到文件下载要兼容ie浏览器，但是后台给的是文件地址，ie 不支持 a标签链接下载解决思路是使用请求将数据请求回来，在使用文件流的方式下载首先我们先在项目中写模拟请求// ie 文件下载export function exportExcelBlob(url) { return request({ url: url,//文件下载的地址，调用时传入 responseType: "blob",//要求返回

2021-05-21 14:17:26 466

原创 js：回顾函数

JavaScript–笔记：回顾函数一、函数的定义1.什么是函数：程序中保存一段代码片段的程序结构，2.为什么使用函数：一段代码的重复使用3.在什么时候用：今后，只要一段代码可能会被重复使用，都要先封装在一个函数中，再调用函数，执行任务4.怎么使用：分为两步创建函数function 函数名(){ 函数体;}调用函数函数名();5.参数：什么是参数：专门接收函数调用时所必须的数据的变量为什么使用参数：如果在函数中写死数据，则函数只能处理这一种情况，不灵活在什么时候

2021-04-15 08:58:23 85

转载 Vue cli 打包完预览

Vue cli 打包完预览在我们项目完成的时候，我们需要预览下打包完成的项目在Vue cli 官方文档中有解决方案dist 目录需要启动一个 HTTP 服务器来访问 (除非你已经将 publicPath 配置为了一个相对的值)，所以以 file:// 协议直接打开 dist/index.html 是不会工作的。在本地预览生产环境构建最简单的方式就是使用一个 Node.js 静态文件服务器，例如 serve：安装servenpm install -g serve使用# -s 参数的意

2021-04-12 11:39:19 926

原创 js：RegExp对象之exec方法

js：RegExp对象之exec方法 // 查找所有带小字的人名，并提示敏感词内容和敏感词出现的位置 var str = "老师说用小红我的朋友造句。小亮说：小红是我的朋友。小然说朋友，小红是我的" var reg = /小[\u4e00-\u9fa5]/g // reg.exec 既可以获得敏感词内容，又可以获得敏感词的位置 // var result = reg.exec(str) // console.l

2021-04-12 11:14:01 455

原创 js：RegExp 对象之test方法

js：RegExp 对象之test方法 // 请用户输入一个密码 var pwd = prompt() // 定义正则表达式规定密码必须是6位数字 // 回顾正则 \d // 坑： test 验证管的很松，只要字符串含有能返后true， // 解决: 在正则表达式中使用^ 和$ 从字符串开头到结尾只能符合正则表达式, // var reg = /\d{6}/;//asd123456能通过验证，不符合密码是

2021-04-12 11:02:33 291

原创 js千分符

js千分符var str='123456789'str.replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g,'$1,')console.log(str)//123,456,789

2021-04-09 17:18:41 101

原创 js：replace字符串替换

js：replace字符串替换var str = "老师说用小红我的朋友造句。小亮说：小红是我的朋友。小然说朋友，小红是我的"//str = str.replace(/小[\u4e00-\u9fa5]/, "**")str = str.replace(/小[\u4e00-\u9fa5]/g, "**")console.log(str)//老师说用 ** 我的朋友造句。 **说：**是我的朋友。**说朋友，**是我的// 笔试题：将每个单词首字母改为大写var str = "you c

2021-04-09 17:18:08 185

原创 js match字符串查找

js： match字符串查找 // 请用户输入一条消息 var msg = prompt("请输入消息内容") // 去用户消息中查找敏感词“我草”的位置 var arr = msg.match(/([我窝]|wo)\s*([草艹操]|cao)/i) if (arr) {// 如果找到 document.write(`<h1 style="color:red">管理员：在位置${arr.ind

2021-04-09 17:17:38 548

原创 js：search字符串查找

js：search字符串查找 // 请用户输入一条消息 var msg = prompt("请输入消息内容") // 去用户消息中查找敏感词“我草”的位置 var i = msg.search(/([我窝]|wo)\s*([草艹操]|cao)/i) if (i != -1) {// 如果找到 document.write(`<h1 style="color:red">管理员：发现敏感词，不允许

2021-04-09 17:17:14 881

原创 js：indexOf 字符串查找

js：indexOf 字符串查找 // 请用户输入一条消息 var msg = prompt("请输入消息内容") // 去用户消息中查找敏感词“我草”的位置 var i = msg.indexOf("我草") if (i !== -1) {// 如果找到 document.write(`<h1 style="color:red">管理员：发现敏感词，不允许发送！`) // 就在网页中显示红字

2021-04-09 17:16:37 300

原创前端功能4步

前端功能4步1.查找需要触发的元素2.触发元素绑定事件3.查找需要改变的元素4.修改目标元素上例子//这是一个拖拽效果例子<template> <div>  <div class="move" @mousedown="move">我是div</div>

2021-04-07 17:30:40 84

转载 element ui 之级联选择器懒加载控制

element ui 之级联选择器懒加载控制<template><el-cascader :props="props"></el-cascader></template><script>let id = 0; export default {data() { return {props: { lazy: true,lazyLoad (node, resolve) {const { level } = node; /

2020-12-16 14:00:25 1121 1

原创 element-ui

element ui之upload 组件的坑<el-uploadclass="upload-demo"action="https://jsonplaceholder.typicode.com/posts/"//要上传的ulr地址必填项:on-preview="handlePreview"//点击已经在文件列表的钩子:on-remove="handleRemove"//删除文件的钩子:before-remove="beforeRemove"// 在删除文件前的钩子multiple//多

2020-12-15 17:52:53 97

原创 ant design of react 自定义主题

ant design of react 自定义主题在create-react-app中使用自定义主题安装craconpm install @craco/craco修改package.json文件/* package.json */"scripts": { "start": "craco start", "build": "craco build", "test": "craco test",}app.js 文件引用的 import ‘./app.css’ 换成 imp

2020-10-10 14:42:18 386

原创 Taro框架

Taro框架介绍简介Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用安装使用使用npm安装 clinpm install -g @tarojs/cli使用yarn安装 cliyarn global add @tarojs/cli注意：安装过程出现sass相关的安装错误，请在安装mirror-config-china后重试。安装mirror-config-chinanpm ins

2020-09-18 19:01:42 1827

原创 2020-08-21

promise 能够让异步函数去按顺序执行，且解决回调地狱的技术promise像格子间一样有个单独的房间，他有三种状态分别是pending，resolve，rejectpending状态是格子间的程序还没有执行完的一个情况，resolve状态是当格子间的程序执行完成且执行成功的一个情况，它会打开一个成功的门，连接then函数reject状态是当格子间的程序执行完成了但是执行失败了的情况，它会打开一个失败的门，连接catch函数...

2020-08-21 16:22:56 93

原创封装一个promise的get请求

封装一个promise的get请求 function get(url) {//封装的方法 return new Promise(function (resole, reject) {//返回promise let xhr = new XMLHttpRequest();//创建XMLHttpResquest对象 xhr.onreadystatechange = function(){//监听xhr对象的5个状态 if(xhr.readyStat

2020-08-21 15:33:19 711

原创 ES6promise

ES6promisepromise 是专门保证多个异步任务必须顺序执行，且解决了回调地狱问题的一项特殊的技术回调地狱（callback hell）问题如何让异步任务能顺序执行:错误做法function liang(){ console.log('liang开始执行'); setTimeout(() => { console.log('liang结束执行') }, 1000); } function ran(){ c

2020-08-21 11:24:37 112

原创 ES5增加的一些功能

ES5增加的一些功能ES5是ECMAScript的第五个升级版本在原有的js中增加了1.严格模式:使用严格模式在当前代码段的顶部添加字符串:“use strict”use strict翻译使用严格的严格模式的4个新要求:1.禁止给未声明的变量赋值在非严格模式下没有声明的变量是会自动在全局创建该变量的,在严格模式下是禁止的,严格模式必须声明变量才能使用该变量<script> //在顶部声明严格模式 "use strict" //在非严格模式下,是可行的,会自动在全局创建

2020-08-10 18:30:47 152

原创 es5中的保护对象

es5中的保护对象由对象中的属性容易修改,js 在es5 增加了对象的属性保护对象用来合理的限制修改范围查看这个小对象var dongdong = { name:'dongdong', age:18}var nameObject = Object.getOwnPropertyDescriptor(dongdong,"name")console.log(nameObject)//输出结果{ configurable: true //是否可以配置当前保护对象 en

2020-08-10 13:48:02 105

原创 es5的严格模式

es5的严格模式ES5是ECMAScript的第五个升级版本在原有的js中增加了1.严格模式:使用严格模式在当前代码段的顶部添加字符串:“use strict”use strict翻译使用严格的严格模式的4个新要求:1.禁止给未声明的变量赋值在非严格模式下没有声明的变量是会自动在全局创建该变量的,在严格模式下是禁止的,严格模式必须声明变量才能使用该变量<script> //在顶部声明严格模式 "use strict" //在非严格模式下,是可行的,会自动在全局创建的,

2020-08-01 08:47:40 242

原创数组的遍历

数组的遍历遍历数组元素for-invar 数组 = [1,23,4,53,43]for(var key in 数组){ key //每个元素下标数组[key]//每个下标对应的元素}遍历就是一个循环操作可以使用循环来写var 数组 = [1,23,4,53,43]for(var i=0;i<数组.length;i++){ i //代表下标数组[i] //代表下标对应的元素 }数组的长度//数组的API中计算数组中个数 var arr = [1

2020-07-27 16:45:49 190

原创 js中的数组

js中的数组由多个元素组成的数据集合，每个元素就是一个数据//1.使用数组字面量创建数组var arr = [1,2,3,4,5,1....]//2.使用内置构造函数创建数组var arr1 = new Array(1,2,3,4,5)var arr2 = new Array(5)//初始化元素个数为5，需要单独添加每个元素，也可以添加更多个元素。访问数组中的元素//访问数组中的元素var arr = [1,2,3,4,5,6]console.log(arr[0])//1//使用的是

2020-07-27 16:17:23 68

原创循环嵌套

循环嵌套在循环体中存在另一个循环，任意多个之间都可以相互嵌套//外层循环:循环5行for(var i=1;i<=5;i++){ //每次循环，表示每一行的执行 //每一行都要打印5个* //内层循环:循环5列，5个* for(var j=1,str='';j<=5;j++){ //把循环产生的5个*拼接到一起 str+='*'; } //每拼接一行结束，打印这一行 console.log(str);}//外层循环：控制循环的行数，i就是行数fo

2020-07-27 15:54:09 112

原创 js中的循环(跳过(continue)和中断执行(break))

js中的循环(跳过(continue)和中断执行(break))js循环中可以在循环时是可以中断后续执行和跳过的看下面这个栗子//计算1~100之间的和//我们没有学习过循环之前,使用的做法,正常来说我们想要计算1~100之间的和是要像1+2+3...+100这样写//使用循环,我们只需要3行代码for(var i = 1,sum = 0;i <= 100;i++){ sum += i;}//js如果循环条件一直都是true的时候,那我们将会一直执行下去for(var i

2020-07-27 15:32:15 3773

原创 js中的循环

js中的循环我们在程序中会一遍又一遍的去执行相同或相似的代码js中循环帮我们解决重复代码循环的两个要素: 循环条件:控制循环的次数循环体:重复执行的相同或者相似代码while循环/** while(循环条件){* 循环体;* }*///计算1~100之间的整数和var i = 1,sum=0;while(i<=100){ sum+=i;//累加 i++;}console.log(sum)//输出5050do while 循环/**

2020-07-26 19:45:16 263

原创 js中的流程控制(选择执行)

js中的流程控制(选择执行)1.if语句/** if(条件表达式){* 语句1* } */var a = 30;if(a>=30){//如果a满足30就减20 a-=20;}//如果if后的大括号中只有一行语句，则可以省略大括号。if(a>=30) a-=20;2.if-else语句/** if(条件表达式){* 语句1* } else {* 语句2* }*/var a = 30;if (a>=30) {//如果a满足30就减20

2020-07-21 09:04:39 321

原创 js运算符

js运算符1.算术运算符+ - * / % ++ --+ 加法- 减法* 乘法/ 除法% 取余 ++ 自增,在原来基础上加1-- 自减,在原来基础上减1var a = c++;//先把c的值赋给a,然后再执行自增var b = ++c;//先让c执行自增,然后再把c的值赋给b2.比较运算符> < == >= <= != ===> 大于< 小于== 等于>= 大于或等于<= 小于或等于!= 不等于=== 全等于会判断数据

2020-07-20 20:21:05 90

原创 js类型转换

js类型转换js中有两种数据转换隐式转换和强制转换1.隐式转换在运算过程中,自动发生的数据类型转换//1.数值型+字符串型console.log(1+'2',typeof(1+'2'))//输出12 string//2.数值型+布尔型 console.log(2+true,typeof(2+true))//输出3 number//3字符串型+布尔型console.log('2'+true,typeof('2'+true))//输出2true string js中加号的作用执

2020-07-20 19:43:49 215

原创 js的数据类型

js的数据类型js中的数据类型分为原始类型和引用类型原始类型:数值类型字符串类型布尔型未定义型空检测数据类型函数 typeof1.数值型分为整型和浮点型整型:1 2 3 4 5....7 8 9 10 .... 15 16 //十进制 1 2 3 4 5....7 10 11 12 //八进制1 2 3 4 5...7 8 9 a .... f

2020-07-20 19:25:37 67

原创 js中的常量和变量

js中的常量和变量变量和常量都是用来存储程序中的数据1.变量 1).声明变量var x=1;//var 声明变量2).变量的命名规则变量名称可以由字母、数字、下划线(_)、美元符号($)组成，其中不能以数字作为开头，不能使用JS中的关键字。不推荐使用中文。//驼峰命名法var userName = '猪猪很强大';var userPwd = 123456;//下划线命名法var user_name = '猪猪很强大';var user_pwd = 123456;3).

2020-07-20 12:53:44 1009

原创 js语法规范

js语法规范js的语法规范1.区分大小写var num = 1;var NUM = 2 ;console.log(num)//输出1console.log(NUM)//输出22.每行代码结束的分号可加可不加,建议都加var num = 1;console.log(num);//输出 1var str = '字符串'console.log(str)//输出字符串//都能正常输出3.单行注释和多行注释//双斜杠注释一般用于单行/* 多行注释注释的内容是不会执行*/

2020-07-20 10:59:24 483

pigpigbond的博客