小月鸭-CSDN博客

深拷贝和浅拷贝的区别1，浅拷贝只是增加了一个指针指向已存在的内存地址，仅仅是指向被复制的内存地址，如果原地址发生改变，那么浅复制出来的对象也会相应的改变。2，深拷贝是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存。通俗的来说，浅拷贝可以直接赋值并且更改原有数据后赋值的数据也会发生改变，深拷贝需要借助其他方式进行复制，并且不会随着原有指针改变而变化方法一：concat()拼接var arr=[];var arr1=[].concat(arr);方法二：slice()

2021-05-27 17:55:15 1867 3

原创实现一个函数可以对javascript中的5种主要的数据类型进行值复制

js的数据类型基本数据类型引用数据类型Number(数值型)Object(对象)String(字符串类型)Array(数组)Boolean(布尔类型)function(函数)Underfind(未定义)Null(空)接下来就对以上数据类型赋值function getDataType(data){ var getType=Object.prototype.toString.call(data); //调用call方法判断类型，

2021-05-27 17:34:37 412 1

原创 flex布局垂直居中

使用flex布局实现下面图中效果：外框高都为400px,边框为2px；圆的宽高为100px；中圆是水平居中；下圆是水平居中以及相对于中圆垂直居中（下圆到中圆的距离和下圆到下边框的距离相等）。效果如图：我的实现方法是笨办法，大佬们多指点<div class="box"> <div class="item"> <div class="child"> </div> </di

2021-05-21 15:43:03 1287

原创 Echarts实现进度条效果

Echarts实现进度条效果实现效果如图：option = {grid: { containLabel: true, left: 0, right: 0, top: 0, bottom: 0, }, xAxis: {

2021-05-20 17:20:46 5193

原创默认参数结合解构赋值

使用默认参数结合解构赋值的方法满足以下输出用到的是解构赋值的双重默认值function func({a=123,b=456}={a:1,b:2} //此处输出){return {a,b}};console.log(func()) //输出{a:1,b:2}console.log(func({a:3,b:345})); //输出{a:3,b:456}console.log(func({})) //输出{a:123,b:456}详细解析: 解构赋值....

2021-05-19 20:15:07 69

原创 var与let、const的区别

var与let、const的区别1，var声明变量存在变量提升，let和const不存在变量提升console.log(a); // undefined ===> a已声明还没赋值，默认得到undefined值var a = 100;console.log(b); // 报错：b is not defined ===> 找不到b这个变量let b = 10;console.log(c); // 报错：c is not defined ===> 找不到c这个变量cons

2021-04-23 17:12:00 91

原创剔除数组中的重复元素

实现，剔除数组中的重复元素，如输入：[1,6,3,2,4,2,5,3]，输出[1,2,3,4,5,6]1，先排序，将相同的值相邻，然后遍历去除重复值function unique4(array){ array.sort(); var re=[array[0]]; for(var i = 1; i < array.length; i++){ if( array[i] !== re[re.length-1]) { re.push(array[i]); } } return

2021-04-23 15:46:50 307

原创将数字转化为千分位形式

将数字转化为千分位形式，如：2367892.2转化为2,367,892.21，toLocaleString()方法parseInt('2367892.2').toLocaleString()；2，正则语句function splitByReg3(str) { var re = /(\d{1,3})(?=(\d{3})+(?:$|\.))/g; return str.replace(re, "$1,") }3，字符串处理function split3st

2021-04-23 15:36:41 1644

原创评星联动效果

vue评星联动业务需要一个评星联动效果，然后用到的框架暂不支持，所以就手写了一个demo级别所以有点糙效果如下:<view> <view class="items"> <view :class="item.isSelect?'it_selectd item':'item'" v-for="(item , index) in items" :key="index" @click='czc(item)'>{{item.txt}}</view>

2020-07-05 16:28:39 951

原创 promise解决回调地狱

回调地狱是什么？众所周知，在JavaScript的世界中，所有代码都是单线程执行的，由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。我们必须得先了解一下同步请求和异步请求：同步：提交请求->等待服务器处理->处理完毕返回这个期间客户端浏览器不能干任何事异步: 请求通过事件触发->服务器处理（这是浏览器仍然可以作其他事情）->处理完毕”回调地狱“也叫”回调金字塔“，即函数作为参数层层嵌套请求，比如说你要把一个函数 A 作为回调函数，但

2020-06-11 17:08:48 298

原创 axios拦截器

了解使用axios拦截器一 axios是什么1，axios是通过promise实现对ajax技术的一种封装，就像jQuery实现ajax封装一样。2，axios主要是用于向后台发起请求的，还有在请求中做更多是可控功能。3，axios 特点：· 从浏览器中创建 XMLHttpRequests(简单的说就是可以从URL检索数据，而不必刷新整个页面。这使网页可以更新页面的一部分，而不会中断用户的操作。)· 从 node.js 创建 http 请求· 支持 Promise API· 拦截请求和响应

2020-06-10 16:34:57 5554

原创 vue如何优雅的获取Cookie（js-cookie插件）

vue如何优雅的获取Cookie（js-cookie插件）一，安装npm install js-cookie --save二，引用import Cookies from 'js-cookie'三，使用先上代码import Cookies from 'js-cookie'const AccessTokenKey = 'accessToken'//拿到tokenconst RefreshTokenKey = 'refreshToken'//刷新tokenexport func

2020-06-05 19:20:43 3958

原创微信支付，H5支付随笔

Web前端性能优化——如何提高页面加载速度欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果

2020-06-03 18:24:24 463

原创 mac下如何使用Nginx本地服务器运行打包项目

mac下如何使用Nginx本地服务器运行打包项目通过命令安装brew：/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"然后通过命令安装Nginx：brew install nginx可以输入nginx查看是否install成功配置服务去到/usr/local/etc/nginx/servers目录下，查看有没有localhost.c

2020-05-26 11:26:15 1567

原创 vue 动态添加input输入框

vue 动态添加input输入框实现需求：请求到后台数据是String以"，"隔开的，要求要以input框的方式来增删改，最后以String的数据格式提交给后台data() { return { str: "aaaa,bbbbb,ccccc", mylist: [] }; }, mounted() { this.mylist = th...

2019-10-30 10:25:39 10213 3

原创通过user-agent判断用户是用微信还是支付宝打开二维码

**通过user-agent判断用户是用微信还是支付宝打开二维码**isWxOrAlipay() { var that = this var ua = navigator.userAgent.toLowerCase(); //判断是不是微信 if (ua.match(/MicroMessenger/i) == 'micromessenger') { that.payMethod ...

2019-10-28 14:29:25 920 1

原创 android studio运行以及打包

1，在刚开始打开AS的时候，选择“Open an existing Android Studio project（打开已存在的AS项目）”。运行报错运行报错：New Gradle Sync is not supported due to containing Kotlin modules using an unsupported plugin version由于包含使用不支持插件版本的Kot...

2019-07-19 18:23:50 1405

原创 uniAPP打包以及发布

从来没有接触过安卓应用，最近需要上架一个应用，来申请支付相关用的框架是uni-app，在vue的基础上来搭建，感觉跟写了一个小程序一毛一样比小程序要复杂的就是打包以及发布，记录一下！打包流程：1，使用自定义基座2，运行—>运行到手机或模拟器—>制定自定义基座制作Android平台签名证书https://ask.dcloud.net.cn/article/35777制作...

2019-07-13 14:54:42 26306 2

原创入门级Flutter搭建教程

自己随手整理的，记录一下1，所需工具以及依赖：(1)Git命令行工具 (2)Flutter SDK (3)Android Studio (4)VS Code2,获取Flutter SDK(1)官网下载地址 https://flutter.dev/docs/development/tools/sdk/releases#windows(2)将安装包zip解压到你想安装Flutter SDK...

2019-07-13 13:53:18 631

原创 uniapp 微信小程序获取图形验证码解决方案

写这篇博客的初衷是，自己陷入深坑，爬了好久，前端小白，记录一下吧。。**问题：**在登录时候，需要获取图形验证码来验证登录，接口返回的是base64，直接可以用base64来显示图片，没毛病吧，我也感觉一切挺好的。开发者工具没毛病，安卓机没毛病，IOS就是出不来原因： base64字符串太长，IOS不识别，要么就减少base64字符串长度，要么就不用base64解决方案一直接在img...

2019-07-13 11:19:13 5186

原创三元运算，if判断

三元运算符x = (y < 0) ? -y : y;在=和;之间的内容就是条件表达式，该语句的意思是“如果y小于0，那么x = -y;否则，x = y”。用if else可以这样表达：if (y < 0)x = -y;elsex = y;典型的例子是，把两个值中的最大值赋给变量：max = (a > b) ? a : b;如果a大于b，那么将max设置为a；否...

2018-12-06 15:57:59 3298