![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 61
Best_卡卡
一天不掉发,心里就空空的
展开
-
随鼠标移动的提示框
随鼠标移动的提示框原创 2022-06-17 20:55:47 · 754 阅读 · 0 评论 -
Gitlab配置ssh key
前言入职--分配邮箱以及gitlab权限--需要进行重新ssh配置开始打开git bash,输入一下命令生成ssh私钥和公钥对 ssh-keygen -t rsa -C 'xxx@xxx.com' //然后一路回车(-C 参数是你的邮箱地址)然后打开/.ssh/id_rsa.pub文件(表示用户目录,比如我的windows就是C:\Users\Administrator),复制其中的内容(比如可以使用记事本打开)打开gitlab,找到Profile Settings–>原创 2021-12-27 19:49:32 · 8271 阅读 · 0 评论 -
示例-鼠标拖动盒子移动案例html(定位、限界)
摘要需求:固定定位下的一个图标随鼠标拖动移动,不允许超过当前浏览器窗口边界知识点:js的三大家族 -- offset+client offsetWidth: 获取元素的占位宽度:width+padding+border; offsetTop: 当前元素的顶部到定位父元素的距离,没有定位父元素,就是到body的距离。 clientX:获取当前鼠标的位置,相对于屏幕。 clientWidth : 元素的可视宽度:width+左右padding代码<!DOCTYPE html>&原创 2021-04-06 11:43:24 · 531 阅读 · 0 评论 -
git commit 提交的时候报错husky > pre-commit hook failed (add --no-verify to bypass)(解决办法)
起点 问题原因: pre-commit钩子惹的祸 当你在终端输入git commit -m"XXX",提交代码的时候, pre-commit(客户端)钩子,它会在Git键入提交信息前运行做代码风格检查。 如果代码不符合相应规则,则报错,它的检测规则就是根据.git/hooks/pre-commit文件里面的相关定义。 次要原因: 创建vue项目时,eslint校验 是否在 commit提交是进行校验,我想不选是不是没有校验,······就没选,打脸解决办法卸载husky 删原创 2021-03-25 19:09:17 · 1434 阅读 · 1 评论 -
关于js一些方法的整理笔记
判断一个对象是否为空对象1、最常见的思路,for…in…遍历属性,为真则为“非空数组”;否则为“空数组”function judgeObj(Obj){ for(var a in Obj){ return alert('非空对象') } return alert('空对象')}2、通过JSON自带的.stringify方法来判断if(Json.stringify(Obj) == '{}' ){ console.log('空对象');}3、ES6原创 2021-03-16 17:03:15 · 178 阅读 · 0 评论 -
css样式一些整理
网页变灰(悼念) /*页面属性添加 适配Chrome、Sarafi、Opera*/ -webkit-filter: grayscale(.95);/* Chrome, Safari, Opera */ /* IE使用filter实现*/ filter: grayscale(100%);知其然知其所以然解释:filter 将模糊或颜色偏移等图形效果应用于元素。通常用于调整图像,背景和边框的渲染。其中,grayscale(amount) 对图片进行灰度转换, 它是 filter-原创 2021-03-16 17:02:39 · 240 阅读 · 0 评论 -
css缓冲效果
CSS3实现10种Loading效果第1种效果:<div class="loading"> <span></span> <span></span> <span></span> <span></span> <span></span></div>.loading{转载 2021-01-10 19:01:43 · 403 阅读 · 0 评论 -
npm install 关于错误码 4048问题探讨
npm install 关于错误码 4048问题研究前言:从接触框架以及git开始,这个问题一度把我搞崩溃,最近在公司做项目拉取开源项目preview glance时又出现了这个问题注意:要是直接搜索npm 4048问题,网上会有一大片问题解决的方法,重复性很高,也不能说没啥用,但是往往不能实现。问题分析由于cmd的复制存在问题,所以问题原因建议去文件夹中找打印的日志!!!很重要,从日志翻译定位问题(英语好的大佬随意哈)位置定位问题处理清npm 缓存,删除node mo原创 2020-12-31 11:25:08 · 5068 阅读 · 2 评论 -
下载文件的实现js
下载文件的实现 js就结果来论,这方面主要后端来做的,前端做的不多。(前端小伙伴们遇到这个问题可以松口气了),但是开始做的时候我们都没接触过,所以我在前端用js做过一些类型的下载实现,在此做一些总结和整理先直接上最终实现的结果前端代码fileDownload(row){ // 下载文件 console.log(row.url) var form = document.createElement('form'); docume原创 2020-12-30 18:37:23 · 718 阅读 · 0 评论 -
每日一写(更改element-UI消息弹框$notify的样式修改问题)
element-UI消息弹框$notify的样式修改问题需求:发消息页面发送成功或者后进行消息弹出提示解决:使用element-ui的Notification 通知组件组件官网地址 this.post( '~~~~', data, (data) => { if (data.success == 'true') { // this.$message.success('您的消息已原创 2020-12-18 19:08:45 · 8957 阅读 · 3 评论 -
同事写的聊天框的自动滚动静态页面,逻辑很让我受益匪浅
//自动滚动 逻辑很让我受益匪浅<template> <div id="chat" oncontextmenu="return false"> <div class="chat-list"> <ul class="g-contentList"> <li v-for="(item,index) in msgList"> <s原创 2020-12-11 15:39:25 · 337 阅读 · 0 评论 -
js、vue清空input file的值
https://lihefei.blog.csdn.net/article/details/76850498?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.control原创 2020-12-09 08:49:28 · 2106 阅读 · 0 评论 -
JavaScript 根据对象某属性获得其在数组中的index
数据项data(){ return:{ tableData: [ { id: '0', name: 'banner', link: 'https://element.eleme.cn/#/zh-CN/component/table', img: '' }, { id: '1', name: 'banner', lin原创 2020-12-07 17:33:26 · 3118 阅读 · 0 评论 -
vue项目中监听密码大写锁
vue项目中监听密码大写锁html<input v-model="userInfo.password" :type="showPassword ? 'input' :'password'" id="password" placeholder="请输入密码" maxlength="20" @blur="passwordBlur" @i原创 2020-12-07 16:56:37 · 975 阅读 · 0 评论 -
vue项目中锚链接的实现(保证url地址不发生变化)
锚链接的实现<span href="#file" style="color:#447BF8;cursor: pointer;" @click="returnFilePosition">查看详情</span> methods:{ returnFilePosition(){ // vue中锚链接问题 document.querySelector("#file").scrollIntoView(true); } }...原创 2020-12-07 10:01:10 · 442 阅读 · 0 评论 -
JavaScript中对数组排序的各种算法整理(面试反思)
排序问题场景:给你一个数组,请你书写实现排序的函数方法一:冒泡排序// 方法一:冒泡排序 var arr = [1,7,3,8,6,5] var temp = 0; // 中间变量temp for (var i = 0; i < arr.length; i++){ for (var j = 0; j < arr.length - i; j++){ if (arr[j] > arr[j + 1]){ temp = arr[j + 1]; arr[j +原创 2020-10-29 01:34:46 · 205 阅读 · 0 评论 -
仿Element-UI组件封装系列6-轮播图组件
目标:实现一个轮播图组件基本步骤:开发组件。packages/slider/slider.vue添加到packages/index.js,全局注册在测试页面中使用组件准备工作添加组件创建一个组件<template> <div class=''> 我是一个轮播图组件 </div></template><script>export default { name: 'MySlider'}&原创 2020-10-24 23:47:23 · 970 阅读 · 0 评论 -
整体打包组件并发布到npm
目标:打包组件库,上传到npm上,以供其它人下载使用。这一步并不是说要现在来做,你也可以在所有组件开发之后,再来打包组件库上传。难点:自定义打包功能npm包发布[把组件代码打包]在vue-cli脚手架工具中,当你运行 vue-cli-service build 时,你可以通过 --target 选项指定不同的构建目标。它允许你将相同的源代码根据不同的用例生成不同的构建。理论介绍打包成应用 (项目2中的npm run build)应用模式是默认的模式。在这个模式中:inde原创 2020-10-24 23:26:54 · 3655 阅读 · 2 评论