真不吃香菜-CSDN博客

原创 vue.draggable实现el-tag标签可新增、拖拽及排序，并且已保存的tag不支持拖拽

vue.draggable实现el-tag标签可新增、拖拽及排序，并且已保存的tag不支持拖拽

2023-05-26 15:17:38 1320 1

原创在git中如何撤销分支合并

其中，dev_b分支是基于dev分支新建的，等到A需求提测通过后再合并到dev分支，避免在同一个分支上同时开发多个需求导致代码冲突和合并困难。一个项目，主要开发在dev分支，目前dev分支有需求A，在别的菜单页面也有一个需求B，于是在dev分支下新建了一个分支dev_b，打算等A需求上线，再合并dev_b分支到dev。新建一个dev_b分支：git checkout -b dev_b。合并dev_b分支到dev分支：git merge dev_b。在dev_b分支上开发B需求。解决合并冲突（如果有的话）。

2023-05-23 18:12:35 1525 1

原创选择图片的弹窗组件

'上传图片只能是 JPG/PNG 格式!// 上传图片时需要携带的请求头部信息。// 上传图片时需要携带的 token。// 单张图片最大的大小，单位为 MB。// 上传图片的接口地址。// 最多上传的图片数量。// 接受上传的图片类型。上传图片大小不能超过。// 默认的图片列表。// 上传前校验回调。

2023-04-06 09:43:24 517

原创【uni-app】银行卡卡包页面

银行卡卡包页面。

2023-03-13 22:11:07 2045 4

原创【微信小程序】自定义showToast

对于，当遇到提示的信息字数较多时，小程序中showToast默认只能显示7个字体长度，因此多余的字数会隐藏，所以我们就自己定义一个弹出框解决这个问题。

2023-03-13 00:43:12 1368

原创前端JS常考输出题

个人纪录，持续更新。一var myObject = { foo: "bar", func: function() { var self = this; console.log(this.foo); console.log(self.foo); (function() { console.log(this.foo); console.log(self...

2022-03-08 19:32:35 962

原创 JS事件循环机制——宏任务&微任务常考输出题

答案在最后，持续更新。事件循环执行顺序为：先执行宏任务script，并执行里面的同步任务；执行栈为空后查询是否存在微任务，存在就立即执行，然后开始下一轮的事件循环。一setTimeout(function () { console.log(1); }); new Promise(function(resolve,reject){ console.log(2) resolve(3)}).then(function(val){ consol..

2022-03-01 21:15:03 397

原创前端面试：你了解Promise吗？

Promise用于处理一些需要花费长时间的任务，进行异步处理，防止任务阻塞。一般是说解决了回调地狱的问题。那什么是回调地狱？用吃来做比喻：我想吃火锅function getTea(fn) { setTimeout(() => { fn('火锅') }, 1000)}getTea(function (data) { console.log(data);})1s后输出：火锅。（回调函数获取异步数据，所以这里用的是fn，而不是直接retur

2022-02-07 23:53:03 911 4

原创基于vue组件思想的移动端导航栏 —— TabBar

用vue CLI3搭建的项目结构，组件目录结构如图，做个笔记。

2022-01-26 23:52:19 2552

原创 vue中封装时间戳formatDate—转换日期格式，使用超简单

常用的方法一般封装在utils里，方便使用：// 时间格式化function padLeftZero(str) { return ("00" + str).substr(str.length);}export function formatDate(date, fmt) { // 1、获取年份 if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").subs

2022-01-19 15:47:51 3577 1

原创 vue项目文件路径的引用 — alias 别名的使用

当文件层级较复杂时，引用路径也许会变成这样："../../views/tabbar/components..."不美观又显得冗余。在用vue CLI2 搭建的项目里可以在文件中设置：需要注意的是：引用方式为import时，可以直接使用带@的方式，比如：import MainTabBar from "@/components/MainTabBar"但是当引用路径作为属性使用时，需要加上～，比如：<img slot="item-icon" src="~assets/img/tabbar

2021-12-02 23:25:50 409 1

原创解决：安装vue CLI不成功时，执行npm clean cache -force清除缓存命令无效

安装vue CLI失败后，百度得知在终端执行命令：npm clean cache -force 后大部分人都解决了，但我试过后还是无效。一种解决方案是尝试重新安装node。执行指令npm clean cache -force 失效的一个可能的原因是，终端的一些指令是不能随便执行的，需要管理员权限。执行指令清空，清空的就是一个内部的文件夹，在user/administrator/AppData/Roaming/npm cache里，把npm cache这个文件夹删掉，然后再去执行npm clean c

2021-11-25 23:48:42 8042

原创 JS中简单的for循环

1、普通的for循环totalPrice() { let totalPrice = 0; for (let i = 0; i < this.books.length; i++) { totalPrice += this.books[i].price * this.books[i].count; } return totalPrice;},2、for(let … in)totalPrice() {let totalPrice = 0;

2021-11-15 15:36:02 1021

原创 JavaScript 09 — Console Tricks

学会各种调试技巧。知识点参考：Day09 - Console 调试各种姿势指南<body><p onClick="makeGreen()">×BREAK×DOWN×</p><script>const dogs = [{ name: 'Snickers', age: 2 }, { name: 'hugo', age: 8 }];function makeGreen() { const p = document.querySelector('

2021-10-26 11:34:54 125

原创 JavaScript 07 —Array Cardio Day2

实现效果熟悉数组的各种方法：some( )、every( )、find( )、findIndex( )。find 返回满足条件的第一个值，否则返回undefined。接收回调函数，3个参数：1元素值 2。元素索引 3。数组不改变原数组findIndex一样不过返回的是索引，如果找不到就返回-1。some 判断至少有一个满足条件，接收回调函数，不改变原数组，返回的是布尔值。every 不改变原数组。返回布尔值，为数组中的每个元素执行一次回调函数，回调函数被调用时可传入3个参数 1元素值 2

2021-10-26 09:54:31 120

原创 JavaScript 05 — Flex Panels

实现效果点击任意一张图片，图片放大，随后图片上下两方飞入文字，再次点击已经展开的图片后，图片和文字恢复初始状态。在这里插入代码片

2021-10-25 15:58:49 125

原创 JavaScript 04 — Array Cardio Day 1

实现效果熟悉数组的各种方法。<script>// Get your shorts on - this is an array workout!// ## Array Cardio Day 1// Some data we can work withconst inventors = [ { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 }, { first: 'Isaac', last: 'Newt

2021-10-24 18:43:43 151

原创 JavaScript 03 — CSS Variables

实现效果通过调整input控件，对图片进行边框的大小、图片模糊以及背景颜色的调整。在这里插入代码片

2021-10-15 14:33:36 301

原创 JavaScript 02 — JS and CSS Clock

实现效果利用JS设置transform:rotate()来实现时钟指针旋转效果。<script>// 1、先设置定时器 1000毫秒执行一次// 2、先确定指针和旋转角度的关系再获取秒数、秒针旋转角度最后获取秒针实现旋转// 秒针：走一圈360度，60秒，即 360/60=6度 // 分针：走一圈360度，60分钟，即 360/60=6度 // 时针：走一圈360度，12个小时，即 360/12=30度const secondHand = document.querySe

2021-10-14 17:31:35 193

原创 JavaScript 01 — Drum Kit

实现效果利用JS实现模拟打鼓的效果，敲击键盘字母（A-L），即可播放对应声音，同时当前字母伴随敲击声效出现动画。<script> // 1、按键按下后全局获取按键和音频标签 // 2、获取按键后按下按键按键播放音频同时按键样式变化 // 3、按键样式变化完后恢复到最初状态 function playSound(e) { const audio = document.querySelector(`audio[data-key = "${e.keyCode

2021-10-13 20:44:03 175

原创前端面试：闭包，以及节流和防抖

闭包闭包用于解决，外部函数访问不到内部函数的变量，借助内部函数可以访问到外部函数的变量的特性。就是函数嵌套函数，如下。当函数执行完后，作用域就会被清理内存也随之回收了，但是闭包函数就是建立在函数内部的，它可以访问到外层函数的变量，所以就会导致外层函数执行完毕时，它的作用域不会被销毁，直到闭包函数也不存在。function fun1() { let a = 'fun1的a'; return function fun2() { return a; } co

2021-09-12 17:25:03 777

原创【已解决】VS code源代码控制器显示5k+的修改文件

历时三个小时，终于解决了！**其实只要删除一个文件夹就就解决了！**是我没找到！先上图：总而言之我的原因就是，我是把git装在项目里的，导致大量的项目文件都会被追踪，所以不管打开哪个文件都会显示5k+的挂起！打开被污染的项目文件夹列表（即源代码控制器显示5k+的任何项目/文件），找到隐藏文件夹.git，删掉即可！！！因为我的vue项目是重新创建的，删掉隐藏文件夹.git后，输入git命令如git branch会显示：fatal: Not a git repository (or any of

2021-08-27 17:41:44 3866 14

原创关于Git的使用

创建版本库先创建一个空目录hi，也就是空文件夹，在终端输入命令cd xxx进入这个空目录，而后可以输入命令pwd查看当前目录的路径。通过git init命令初始化，把这个空目录变成Git可以管理的仓库。这是一个空的仓库，并且当前目录下多了一个.git的目录，这个目录就是Git用来跟踪管理版本库的，不要手动修改这个目录里的文件，不要破坏仓库。现在可以开始编写一个readme.txt文件，一定要放到一开始创建的hi目录下，不然Git找不到。写完内容后，把这个readme.txt放进Git仓库需要两步：1

2021-08-22 23:34:44 2949

原创基于高德地图API — 绘制热力图初尝试

初次了解高德地图，并尝试在地图的基础上绘制热力图。官方传送链接高德开放平台。前提准备点击注册开发者账号登录成功后，点击左侧菜单栏「应用管理」，如图所示，点击「添加」获取API，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」回到页面引入文件：引入官方CSS文件，也可以下载在本地引入引入官方APIhttps://webapi.amap.com/maps?v=2.0&key=你的key值引入官方热力图数据，如果你自己有后台的热力图数据，可以不引入这个创建底图

2021-08-19 15:56:53 3727

原创新建vue项目时的webpack大坑：DeprecationWarning: Unhandled promise rejections are deprecated. precated.

报错信息：想要启动项目输入npm run dev后的报错信息DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.报错原因：新建的vue项目，由于less-loader版本（在package.

2021-08-11 15:57:14 4838 1

原创 npm ERR! enoent This is related to npm not being able to find a file.

报错信息：admin:$ npm run devnpm ERR! code ENOENTnpm ERR! syscall opennpm ERR! path /Users/admin/package.jsonnpm ERR! errno -2npm ERR! enoent ENOENT: no such file or directory, open '/Users/admin/package.json'npm ERR! enoent This is related to npm not be

2021-08-11 14:07:13 4762

原创已经全局安装过webpack，新建vue项目时运行webpack仍然报错

报错信息：CLI for webpack must be installed.webpack-cli (https://github.com/webpack/webpack-cli)We will use "npm" to install the CLI via "npm install -D webpack-cli".Do you want to install 'webpack-cli' (yes/no): You need to install 'webpack-cli' to use w

2021-08-11 12:28:15 442

原创 vue ui命令无反应，无法启动可视化页面

原因：最后得出的原因是：版本太低！vue的版本低于3x是没有ui功能的。先查看版本号，输入命令：vue -V再查看vue的帮助信息，有没有ui这个命令，输入命令：vue -h解决办法：1、卸载老版本npm，Mac需要在命令前加上sudo管理员权限：sudo npm uninstall vue-cli -g2、卸载完后安装新的npm：sudo npm install @vue/cli -g再输入命令查看帮助就能看到ui命令了。...

2021-08-10 16:11:10 1235

原创前端小白：如何从零开始搭建Vue项目（完整步骤）

1、安装node.js和npm到node.js官网下载相应安装包，选择想要安装的目录即可，一路傻瓜式安装。安装完毕，在终端输入命令 node -v，输出版本号即代表安装成功。node安装完后，npm包管理器会自动安装，继续输入命令 npm -v，输出版本号即代表npm安装成功。由于npm是国外资源的原因可能会导致失败，则用npm的国内镜像安装，在终端输入npm install -g cnpm –registry=http://registry.npm.taobao.org ，安装完成之后输入cnp

2021-08-05 00:24:13 1887

空空如也

空空如也