黒客与画家-CSDN博客

转载 JS原型链的理解：最通熟易懂的文章没有之一！

前言看了很多原型链的文章，我感觉都云里雾里的。对刚学JS 的新手一点都不友好。今天我用最通熟易懂的方式重新归纳和整理，希望能帮助到大家创建一个实例使用构造函数创建一个实例function Star(age,name) { this.age = age this.name = name this.sing = function(){ console.log("我可以唱歌") }}let ldh = new Star(35,"刘德华")console

2021-03-14 10:26:13 165

转载 ES7：异步神器async-await(我看过讲得最清晰透彻的文章)

背景：关于异步处理，ES5的回调使我们陷入地狱，ES6的Promise使我们脱离魔障，终于、ES7的async-await带我们走向光明。今天就来学习一下 async-await。async-await和Promise的关系经常会看到有了 async-await、promise 还有必要学习吗、async await优于promise的几个特点，接收了这些信息后，就蒙圈了。现在才知道，asy...

2019-05-15 20:03:07 670

转载 ES6：Promise 用法（简洁透彻容易理解的文章）

ES6 Promise 先拉出来遛遛复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象？数组？函数？别猜了，直接打印出来看看吧，console.dir(Promise)，就这么简单粗暴。这么一看就明白了，Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上...

2019-05-06 14:43:30 307

原创 get fetch error: cannot lock ref ‘refs/remotes/origin/xxx‘: ‘refs/remotes/origin/wip‘ exists；cannot

git fetch 或 git pull 报错解决： get fetch error: cannot lock ref ‘refs/remotes/origin/xxx‘: ‘refs/remotes/origin/wip‘ exists；cannot create 导致分支拉不下拉

2023-09-04 17:55:44 2761

原创 1分钟教你从0-1搭建Monorepo多包项目

如何快速搭建一个monorep多包机制的项目

2023-06-25 10:53:49 4036

原创 vue3解决elementPlus table组件数据量大时的卡顿问题

根据产品需求，需要在弹窗中使用elementPlus的table组件。数据量少的时候没有问题，当数据条数超过30条时，会有卡顿现象。到这里基本就结束了，还有其他的一些细节就不再展示了，vue2逻辑也大差不差，如果有什么不懂的地方请留言，我会进行解答~绑定自定义指令后：在组件中使用： v-vTablescroll=“需要执行的分页逻辑函数” 此处用。刷新当前数据或者切换成搜索当前数据的时候会需要。是table 的内容滚动的类名，无需自定义。，因为组件本身没有提供监听滚动的事件；往往数据多的场景都会需要。

2022-10-22 13:40:32 15872 1

原创 uniapp微信小程序生成分享海报，进入页面就循环生成多张~

先看看整个案例成效的效果本案例是uniapp小程序，用到uview框架。需求描述：进入页面的时候循环生成多张，并以swiper的方式展示出来，以供使用。下面我们进入正题需要用到的插件：https://ext.dcloud.net.cn/plugin?id=1480可以到插件市场去下载和看使用教程，作者非常贴心，插件还提供了海报样式代码生成的工具，可以根据自己的需要布局样式生成相应的JSON样式，然后再稍微调整一下细节，简直不要太方便。自己去看和使用我就不多说了。生成海报页面代码&

2022-02-08 11:36:07 16856 1

转载 Git从其他分支merge个别文件/文件夹【一个值5万的小技巧】

小明发现在实际项目开发过程中，总会遇到各种各样的情况，比如一个大型的项目或版本迭代可能不是一次上线，可能会分好几次上线，这时候就会涉及创建多个分支，分别开发。项目背景产品经理：我们本次开发三个功能，列表页功能、详情页功能、系统消息功能，分两次上线，先上列表功能，再上详情页和系统消息。小明：好的吧(白眼)。紧接着，小明就将本次需求分为2个分支，分别为A、B。A：开发列表页功能B：开发详情页功能、系统消息功能原计划：产品经理说先上列表功能，那小明就先开发A分支，列表功能很快开发完成（厉害吧.

2021-10-09 11:29:37 9184

原创解决npm报错：npm ERR! [email protected] postinstall: `node lib/install.js`

一、报错：报错截图：报错关键词：npm ERR! [email protected] postinstall: `node lib/install.js`二、原因：安装这些包时需要安装依赖包，其中部分依赖包需要从GitHub上下载，而GitHub的资源库DNS有问题，导致这些依赖包无法安装而报错。三、2种解决方案1、应该在命令后加参数 --ignore-scriptsnpm install --ignore-scripts2、在本地host文件中添加以下内容：（ windows下，hos

2021-09-30 17:34:22 3989

原创解决：uni.getMenuButtonBoundingClientRect()；获取到的数据都为零的问题

出现场景：正常进入可以获取得到但是进入小程序之后，点击右上角，点击重新进入小程序就会出现获取都为0的情况console.log('oMenuBtn:',oMenuBtn);//打印 width:0,bottom:0,top:0,...代码是写在App.vue里面，启动后获取状态栏的高度并存到vuex中使用oMenuBtn = uni.getMenuButtonBoundingClientRect() console.log('oMenuBtn:',oMenuBtn); s

2021-09-27 18:21:29 5802

转载怎样规范团队git commit ?(来自angular的commit规范)

前言Git 每次提交代码，都要写 Commit message（提交说明），否则就不允许提交。但是，一般来说，commit message 应该清晰明了，说明本次提交的目的。不过话说回来，作为最具个人创造力和最会利用工具的物种——程序猿，最好是能有规范和工具的约束。否者的话，你可能看到以下的commit message：目前，社区有多种 Commit message 的写法规范。本文介绍Angular 规范是目前使用最广的写法，比较合理和系统化，并且有配套的工具。前前端框架Angular

2021-09-22 18:05:47 531

原创 git fetch 拉去远程仓库代码并合并到本地分支

//方法一$ git fetch origin master //从远程的origin仓库的master分支下载代码到本地的origin master$ git log -p master.. origin/master//比较本地的仓库和远程参考的区别$ git merge origin/master//把远程下载下来的代码合并到本地仓库，远程的和本地的合并//方法二$ git fetch origin master:temp //从远程的origin仓库的master分支下载到本地并新建

2021-09-16 21:59:26 1667

转载 git命令-分支相关操作（全）

1.何谓同步远程分支？有下面几种情况，1.本地有新分支，远程仓库没有。 2.远程仓库有新分支，本地没有。3.本地删除了分支，远程也想删除。4.远程删除了分支，本地也想删除。第一种情况很好解决，将本地分支推送到远程仓库即可。本文主要讲解后面几种情况的解决办法。2.第二种情况：远程仓库有新分支，本地没有。这在之前我先介绍几个命令。1.将某个远程主机的更新，全部取回本地：git fetch2.查看远程分支：git branch -a3.查看本地分..

2021-09-13 23:13:21 171

原创一分钟带你搞清楚ts中 interface 和 type 的概念和用法（较全）

文章目录前言一、概念二、两者的异同1.相同点2.不同点总结前言提示：刚学习TS 的新手看到type 和 interface 会分不清楚什么场景下怎么使用，所以写一篇文章总结一下一、概念type : 类型别名概念：可以给一个或多个数据类型（string、number、…）取一个别名；举例：type dataType=number (给一个)type dataType=number | string | turpleinterface：接口概念：定义参数或方法的数据类型；二、两者的异

2021-09-03 18:07:53 16646 13

原创 vue 插槽的版本变化1.x-2.6.0-3.x(详细)

文章目录前言一、具名插槽？二、具名插槽的缩写三、作用域插槽五、总结前言很多没有注意vue版本更新的同学，看到slot=""的时候是明白的，当看到 template #xxx="",这时候就有点疑问了，还有vue3插槽到底什么样？；在 2.6.0 中，vue为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。目前 slot 与 slot-scope 这两个特性暂时还未被移除。听说之后的 Vue 3.0 也会使用新语法，这并不是仅写法的不同，...

2021-09-01 11:23:33 314 6

转载 git merge和git rebase的区别及使用场景

1.git pullgit pull = git fetch + git merge FETCH_HEAD git pull --rebase = git fetch + git rebase FETCH_HEAD 2.merge 和 rebase现在我们有这样的两个分支,test和master，提交如下： D---E test / A---B---C---F--- master在master执行git merge test,然后会得到如下结果：

2021-08-23 10:51:41 233

原创 git分支的相关操作

一、Git本地创建新分支，并推送到远程1.本地创建分支并切换分支git checkout -b develop2. 将develop分支推送到远程git push origin develop:develop3. 建立本地至上游（远程）分支的链接，这样代码才能提交到远程git branch --set-upstream-to=orgin/develop4.取消对develop分支的跟踪(需要取消跟踪时才操作)git branch --unset-upstream

2021-08-23 09:58:18 209

原创 uniapp微信小程序登录（用promise.all改写）

微信小程序登录虽然简单但其业务逻辑很多新手还是模棱两可，所以可能会遇到偶发性登录失败，提示code过期等情况；在此之前，我希望大家先搞清楚一些基础的业务逻辑；帮大家复习一下：简单介绍其业务逻辑；小程序登录新规调整介绍（2021-4-28之后发布的小程序）【下面是官方规则哦】：传送门：小程序登录能力调整一、调整背景很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗，如果用户点击拒绝，无法使用小程序，这种做法打断了用户正常使用小程序的流程，同时也不利于小程序获取新用户。二、

2021-08-18 23:00:28 1506 3

转载 git tag 打标签（我看过最透彻的文章）

打标签像其他版本控制系统（VCS）一样，Git 可以给仓库历史中的某一个提交打上标签，以示重要。比较有代表性的是人们会使用这个功能来标记发布结点（ v1.0 、 v2.0 等等）。在本节中，你将会学习如何列出已有的标签、如何创建和删除新的标签、以及不同类型的标签分别是什么。列出标签在 Git 中列出已有的标签非常简单，只需要输入 git tag （可带上可选的 -l 选项 --list）：$ git tagv1.0v2.0这个命令以字母顺序列出标签，但是它们显示的顺序并不重要。你也可以按

2021-08-16 19:56:12 6590 1

原创 ios h5网页不支持js时间戳转换问题

之前将时间转换为时间戳一直使用的是var timestamp = (new Date('2021-07-28 18:00')).getTime();但是，前两天测试测出了bug，经排查发现是时间戳转换引起的,上面的方法在安卓设备上是可以使用的，但是在某些 iOS 上面不可以，会返回NaN，不知道是不是所有ios这样，至少我这边测的俩机型都这样找了一下原因，是兼容性问题ios的时间要使用2021/07/28 18:00格式，也就是把 “-” 改成 “/” ，这样IOS 和Android都可以，

2021-08-06 14:35:54 400

原创如何在uni-app项目里使用tailwindcss，且兼容小程序（详细）

Hbuilder构建项目自由度比较低，我选择使用VScode构建uni-app不懂的请看这一篇文章：《如何用vscode构建uni-app项目》安装相关依赖：这是我项目的依赖给大家参考一下：安装tailwindcss本人安装的是兼容版的：详细安装请移步>>> tailwindcss官网-安装1.安装tailwindcss`npm install tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcs

2021-05-26 19:11:45 22233 6

原创用VScode搭建uni-app项目（较全）

cli工程全局安装vue-clinpm install -g @vue/cli通过cli创建uni-app项目 vue create -p dcloudio/uni-preset-vue uni-app选择项目模板，可自由选择如下图：创建uni-项目使用vscode打开创建的项目安装vue语法提示插件cli工程自带uni-app&5+app语法提示安装组件语法提示npm i @dcloudio/uni-helper-json从 git 下载 uni-app 代码块

2021-05-26 18:24:07 32381 4

原创 yarn : 无法加载文件...解决方案

前言：windows，用npm 安装 yarn 时 yarn安装成功，但执行yarn -v 时报错如下：yarn : 无法加载文件C:\Users\dmj-jsb\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅https:/go.microsoft.com/fwlink/?LinkID=135170 中的about_Execution_Policies。原因：window 安全机制，不执行不明脚本；详细可见：https://docs

2021-05-25 17:45:12 880

原创 npm install:Could not resolve dependency：peer... 原因和解决方案，长期更新npm相关错误问题！

前言最近一个后台管理项目中我集成了tailwindcss框架；在公司的电脑上npm install是没问题的，到家里的电脑npm install 就报错；报错日志如下：# npm resolution error report2021-05-22T14:02:27.205ZWhile resolving: [email protected]: [email protected]_modules/postcss postcss@"^7.0.35" from the root project

2021-05-22 23:44:05 96216 17

原创 Vue依赖注入的详细用法，1分钟说清利弊

背景关于Vue组件的通讯方式相信大家能倒背如流父子组件：通过prop，$emit，【$root，$parent，$children】非父子组件：Vuex实现，父子层层传递、中央事务总线Bus，$ref子实例可以用 this.$parent 访问父实例，子实例被推入父实例的 $children 数组中。应当节制地使用它们，其只是作为访问组件的应急方法。更推荐用 props 和 events 实现父子组件通信.Vue官网建议，在正常情况下，这两种方式已经能满足绝大多数甚至所有的业务需求，对于应用程序代

2021-05-13 19:32:27 2713 2

空空如也

空空如也