我有一个大大的理想

原创 JS浮点数计算精度丢失问题解决方案，目前最好用的方法之一

解决方案：本质在处理这类问题的时候，基本思路都是通过把浮点数转换为整数来进行计算，然后再将整数的小数点位调整，转换成正常的浮点数得到结果，但是这种方法还是会有一些问题，接下来可以看看这种方法，简单实用Math.formatFloat = function (f, digit) { // 解决js精度丢失问题 var m = Math.pow(10, digit); return Math.round(f * m, 10) / m;}console.log(0.7 - 0.6)

原创 Git日常使用最简单，最傻瓜，最浅显，真正手把手教新建分支，合并代码，每日上传

新起分支 第一步：找到与你要切的分支（就是与你要起的项目类似的一个） 第二步：新建文件夹，用 git clone -b 分支名 主仓库地址 克隆一个分支 第四步：克隆后的分支会默认连接远程仓库用git branch 查看当前分支是否正确，然后git checkout -b 分支名 在本地仓库新建一个分支 第五步：git branch 查看当前分支是否为新建分支，复制分支名 第六步：第一次把本地分支推送到远端仓库，git push -u origin 复制的分支名每日上传 每日上传...

原创 vue中is的作用和用法

回顾vue官方文档的过程中发现了is这个特性，录一下这个知识点。is的作用 <ul> <li></li> <li></li> <li></li></ul>总所周知，ul里面嵌套li的写法是html语法的固定写法（还有如table,select等）。//code1 <ul> <my-component></my-component> &

原创 js 防抖和节流的区别和使用 函数去抖（debounce）函数节流（throttle）

目的以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。window对象的resize、scroll事件 拖拽时的mousemove事件 射击游戏中的mousedown、keydown事件 文字输入、自动完成的keyup事件实际上对于window的resize事件，实际需求大多为停止改变大小n毫秒后执行后续处理；而其他事件大多的需求是以一定的频率执行后续处理。针对这两种需求就出现了debounce和throttle两种解决办法。throt

原创 nrm管理源仓库及发布私人npm包

首先通过 nrm add xxx xxx 新增源，然后通过 nrm use xxx 切换到源，如果需要登录的话，需要先通过 npm login 输入账号密码邮箱登录，最后在打包好的 npm 包位置 通过。输出：success 源已更改为taobao，可以通过 nrm ls 查看是否更换成功 * 号前就是目前使用的。可以通过 nrm add xxx(源名称) xxx(源域名) 进行新增安装新的源。输出：再次通过 nrm ls 查看现有的源，可以看到已经新增上去了。通过 nrm ls 查看现有的源。

原创 vuejs如何将线上PDF转为base64编码

【代码】vue如何将线上PDF转为base64编码。

原创 vuejs如何将本地图片转为base64编码

【代码】js将本地图装换为base64编码。

原创 es6数组对象去重根据对象某个属性去重

【代码】es6数组对象去重根据对象某个属性去重。

原创 jsvue计算两个日期所相差的天数

调用这个方法，直接传入一个开始时间，与结束时间。举个栗子（以下两种时间格式均可）var timer= this.getDifferTime("2021-10-01", "2021/11/01")方法代码如下getDifferTime(startDate, endDate) { let startTime = new Date(Date.parse(startDate.replace(/-/g, "/"))).getTime(); let endTime = new Date(

原创 fatal: unable to access ‘https://github.com/apc.git/‘: Failed to connect to github.comport 443:

在拉取代码的时候会遇到fatal: unable to access 'https://github.com/dreamcfl/admin-pc.git/': Failed to connect to github.com port 443: Timed out 端口连接失败，拒绝链接完美解决方法（命令行中执行）git config --global --unset http.proxy git config --global --unset https.proxy原因：有可能你的gi.

原创 一维数组根据条件分类为二维数组，根据数组里对象类型进行分类成数组

后端返回前端展示需要一个分好类的二维数组进行使用所以需要把drugGroup相同的放在一起，希望得到一个分好类的二维数组，数据大概是这样的：ps:其实正常情况下应该后台用Mysql简单的语句就可以分好，但是想到万一出现了没分的情况，生成二维数组这个就可以直接copy了，一维的也稍加修改即可。方法： 成果：......

原创 一张图理解 Array 重要方法

原创 vue省市县乡(镇)地址四级联动

最近有项目需求，需要录入地区信息，本来是需要五级联动，省-市-县-乡-村，不过由于村太多，数据量太大，所以之到乡或者街道。展示效果如下获取的数据格式如下代码有些多，我就直接放网盘上，下载下来后是vue格式的文件，直接放项目里就可以用，需要自取为了方便大家取用，数据是直接放在页面里面的，不要喷....，可以自行把数据分隔开来。下载地址：https://pan.baidu.com/s/12WVKQncu1LjhgU5gyYnbdw 提取码：1524...

原创 JScript js数组去重

首先我们先写一个方法newData(data) { var nData = new Array(); data.forEach(h => { console.log(h) if (nData.indexOf(h) == -1) { nData.push(h); }}) return nData;},然后随便写一个数组var arr = [1, 1, 2, 84, 2, 12, 35, 2, 1, 84, 3, 3, 3,].

原创 vue获取当前时间或几天前的时间并格式化时间类型

直接调用这个函数即可获取时间，需要获取几天前的时间在调用的时候传几（数值，不要传字符串）就行，如果只是获取当天时间，在调用这个方法的时候传1getTime(val) { // 时间格式化 // 获取前val天的时间 var dt = new Date; val === 1 ? '' : dt.setTime(dt.getTime() - 24 * 60 * 60 * 1000 * val) const y = dt.getFullYear(); const m = (.

转载 最近抖音热火的华为太空人手表，附源码下载

一、效果展示用javascript写的一个太空人表盘。源码请从文章末尾获取下载原文地址：https://blog.csdn.net/weixin_43532890/article/details/115047940源码下载：https://pan.baidu.com/s/1SFOFQCIW1Jn9J5u0HjTQKg 密码: 5mv9...

原创 开发一个网站，用户密码你打算怎么存储？

我们开发网站或者 APP 的时候，首先要解决的问题，就是「如何安全传输和存储用户的密码」。一些大公司的用户数据库泄露事件也时有发生，带来非常大的负面影响。因此，如何安全传输存储用户密码，是每位程序员必备的基础。本文将跟大家一起学习，如何安全传输存储用户的密码。1. 如何安全地传输用户的密码要拒绝用户密码在网络上裸奔，我们很容易就想到使用 https 协议，那先来回顾下 https 相关知识吧~1.1 https 协议 「http 的三大风险」 为什么要使用 https 协议呢？

原创 第1题-css伪类与伪元素区别

1）伪类(pseudo-classes)其核心就是用来选择DOM树之外的信息，不能够被普通选择器选择的文档之外的元素，用来添加一些选择器的特殊效果。 比如hover :active :visited :link :visited :first-child :focus :lang等。 由于状态的变化是非静态的，所以元素达到一个特定的状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。 由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以又叫伪类。...

原创 面试官问 Vue 性能如何优化，满分答卷！

前言Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来，希望读者读完本文，有一定的启发思考，从而对自己的项目进行优化起到帮助。本文内容分为以下三部分组成： Vue 代码层

原创 无法定位程序输入点 SetDefaultDllDirectories于动态链接库KERNEL32.dll 解决方法

问题描述：这个问题是我在给windows7系统安装程序的时候遇见的这个问题，最好的办法是重装系统，次好的办法是把下图的补丁下载安装一下解决方法：链接：https://pan.baidu.com/s/1Rxdb-4bZmM2MOSVg3QNQMA提取码：1524...

原创 手机号正则判断

手机号的变化越来越快，因为一直有新的号段出来，所以不要做太过限制就行const mPhone = /^[1][3,4,5,7,8][0-9]{9}$/更新到2020年06月25日

原创 关于一道二维数组算法面试题

题目：方法1：var arr = [[1,7,12,32],[5,9,18,38],[9,13,19,41],[17,20,32,50]]var target = 39var result = findCode(target,arr)log.info('wwwwwwwwww',result) function findCode(target,arr){ let x = arr.length let y = arr[0].length let i = 0,j = y .

原创 JavaScript 中 Math.pow()函数的用法

Math.pow(x,y) x=底数 ， y=底数的几次方如：var a=3;var b=3;varc=Math.pow(a,b);就是3的三次方是多少；c最终为27；Math.pow(底数,几次方)直接使用Math.pow(a,3)即可，即等于求a的3次方。基础用法:用math.pow()实现数组的交错求和int ant=0;a+=b[i]*math.pow(-1,ant); //实现b数组的交错求和并放在a中结果a=b[0]+b[1]-b[2]...

原创 合成大西瓜魔改和上线，最全教程！

以下文章来源于程序员鱼皮，作者鱼皮本文是从 0 到 1 的教程，让小白也能够魔改和上线发布属于你的合成大西瓜！前段时间，一款名为『 合成大西瓜 』的游戏突然火了！看来真的是大家吃瓜吃太多了，这个小游戏深抓人心！当然，游戏本身非常有趣，玩法简单，就是俄罗斯方块、2048、水果忍者的结合。控制水果的下落，相同的两个水果会合成更大的水果，然后消除，并发出溅射效果。玩了一会后，看到朋友圈的晒图，我也按耐不住了，开始思考怎么拿高分。对于程序员来说，最简单的方式就是直接改造程序。正好..

原创 一次关于 Vue 的自我模拟面试，Vue的一次模拟面试，来看看吧。

前言昨晚做了一个梦，梦见自己到了一家大厂面试，面试官走近房间，坐了下来：是杨溜溜吧？国际惯例，先来个自我介绍吧。于是我巴拉巴拉开始了长达两分钟的自我介绍，与此同时，面试官边听边看我的简历，边看边皱眉，结束后问：看你之前的项目经常用到Vue，对Vue熟悉吗？我嘴角一笑，心里暗喜：幸好有专门看Vue的面试题，看来这次稳了。于是谦虚又装逼的回答：还行吧，您随便问。于是面试官看我口气那么大，心想：哟嚯，来了一个装逼的，劳资今天就只问Vue。原文地址：https://github.com.

原创 四.Git分支管理，Git创建与合并分支，Git解决冲突，Git分支管理策略，Git Bug分支，Git Feature分支 ，Git多人协作，Git Rebase整理分支线

目录分支管理创建与合并分支switch小结解决冲突小结分支管理策略分支策略小结Bug分支小结Feature分支小结多人协作推送分支抓取分支小结Rebase小结分支管理分支就是科幻电影里面的平行宇宙，当你正在电脑前努力学习Git的时候，另一个你正在另一个平行宇宙里努力学习SVN。如果两个平行宇宙互不干扰，那对现在的你也没啥影响。不过，在某个时间点，两个平行宇宙合并了，结果，你既学会了Git又学会了SVN！...

原创 三.Git远端仓库，添加Git远端仓库金和从Git远端仓库克隆

远程仓库到目前为止，我们已经掌握了如何在Git仓库里对一个文件进行时光穿梭，你再也不用担心文件备份或者丢失的问题了。可是有用过集中式版本控制系统SVN的童鞋会站出来说，这些功能在SVN里早就有了，没看出Git有什么特别的地方。没错，如果只是在一个仓库里管理文件历史，Git和SVN真没啥区别。为了保证你现在所学的Git物超所值，将来绝对不会后悔，同时为了打击已经不幸学了SVN的童鞋，本章开始介绍Git的杀手级功能之一（注意是之一，也就是后面还有之二，之三……）：远程仓库。Git是分布式版.

原创 二.Git版本回退、Git工作区和暂存区 Git管理修改 Git撤销修改和Git删除文件

时光机穿梭我们已经成功地添加并提交了一个readme.txt文件，现在，是时候继续工作了，于是，我们继续修改readme.txt文件，改成如下内容：Git is a distributed version control system.Git is free software.现在，运行git status命令看看结果：$ git statusOn branch masterChanges not staged for commit: (use "git add <fi

原创 一.Git简介

目录Git简介Git的诞生集中式vs分布式安装Git在Linux上安装Git在Mac OS X上安装Git在Windows上安装Git创建版本库Git简介Git是什么？Git是目前世界上最先进的分布式版本控制系统（没有之一）。Git有什么特点？简单来说就是：高端大气上档次！那什么是版本控制系统？如果你用Microsoft Word写过长篇大论，那你一定有这样的经历：想删除一个段落，又怕将来想恢复找不回来怎么办？有办法，先把当前文件“另存..

原创 基于Vue的前端架构，我总结15点经验

基于Vue的前端架构，我总结15点经验1.分解需求技术栈开发规范 考虑到后续招人和现有人员的技术栈，选择 Vue 作为框架。 公司主要业务是 GIS 和 BIM，通常开发一些中大型的系统，所以 vue-router 和 vuex 都是必不可少的。 放弃了 Element UI 选择了 Ant Design Vue（最近 Element 好像复活了，麻蛋）。 工具库选择 lodash。 建立脚手架 搭建 N...

原创 html手机适配代码

放在head头部里面 <script> (function (doc, win) { var docEl = doc.documentElement, isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), dpr = isIOS ? Math.min(win.devicePixelRatio, 3) : 1

原创 css清除默认样式

body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend,input{margin:0; padding:0;}ul,li,ol{list-style:none;}img,fieldset{border:0; }img{display:block;}a{text-decoration:none; color:#333;}h1,h2,h3,h4,h5,h6,strong{font-weight:100;}bo

原创 Vue项目中 sass安装

Vue项目中 sass安装1.sass-loader依赖于node-sass,所以要安装node-sasscnpm install node-sass --save-dev //安装node-sasscnpm install sass-loader --save-dev //安装依赖包sass-loadercnpm install style-loader --save-dev //安装style-loader2.在build文件夹下的...

原创 求助各位大佬啊，不小心通过vscode放弃更改的文件有办法恢复过来吗？小弟在此求助各位大神了

今晚不小心点击了vscode中git的放弃所有更改，然后代码全没了，然后回收站也没有。网上找了好久资料都没能恢复文件，这下该怎么办啊，忙碌了几个月的成果全没了

原创 js实现深拷贝、浅拷贝和完美拷贝封装 JSON拷贝和 assign 拷贝的区别

JSON.parse(JSON.stringify()) 和Object.assign 的区别Object.assign浅拷贝 （拷贝一层） var obj ={ name:'张珊', age:16, list:{a:'我我哦'} } // var o = obj ; // Object.assign 浅拷贝 拷贝一层 var o =Object.assign({},obj) ; o.list.a...

原创 js 设置图片放大插件 实现放大镜效果

<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>图片放大插件放大镜</title><scriptsrc="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.0/jquery.js"></script><style>...

原创 改变this指向 apply() call() 和bind() 的区别（简单介绍，适用于初学者）

简单来做个介绍apply() 参数是以数组的形式传递（立即执行函数）call() 参数是以值的形式依次传递（立即执行函数）bind() 参数是以值的形式依次传递（不立即执行，返回函数）接下来是代码块演示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi

原创 js设置进出动画简单设置

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.bootcss.com.

原创 nodejs 初学者学习先后顺序

知识点 express +MongoDB脚手架创建项目： 1/全局安装环境 npm install express –g 一个电脑只需安装一次（全局-g） 2/测试安装成功与否 express –h 3/安装npm install express-generator –g 4/脚手架创建项目 express -e project_name（项目名字） 5/安装package.json中的依赖，进入目录cd express，安装依赖npm install ...