笔记
关注
分享
扫一扫
白嫖leader
https://lishuaihao-cell.github.io/
展开
-
Can‘t push refs to remote.Try running “Pull“first to integrate your changes.
在使用git推送代码到远程的gitlab库时抛出，分支受保护（protected）错误信息。详细信息如下：!转载 2023-07-20 11:28:42 · 5172 阅读 · 0 评论 -
JS树形数据常用递归方法总结
在使用element ui的tree组建的时候经常需要对tree进行递归操作，去获取树形数据中的某些值，下面总结了常用的一些方法。原创 2023-06-04 23:39:29 · 7527 阅读 · 0 评论 -
在vue2使用v-model对组件进行双向绑定
所以 v-model 就是父组件向子组件传了个 value 字段的值，子组件使用 props 定义 value 字段， 就可以在子组件使用 value 读取这个值；此时，v-model=“visible” 等价于 :show=“visible” 加上 @change=“visible = $event”v-model=“visible” 等价于 :value=“visible” 加上 @input=“visible = $event”子组件定义了以下代码就回改变默认字段。原创 2023-03-18 23:00:22 · 7449 阅读 · 0 评论 -
将博客搬至优快云
将博客搬至优快云原创 2022-12-06 18:08:38 · 153 阅读 · 0 评论 -
uniapp轮播图
这边介绍下在使用uniapp开发时非常常见的两种轮播图，代码粘过去就可以直接运行第一种。原创 2022-08-17 14:08:35 · 10281 阅读 · 1 评论 -
百度地图、高德地图和腾讯地图定位不准确的解决方案
这个定位值得是获取自身位置。原创 2022-08-08 22:47:25 · 13760 阅读 · 10 评论 -
取值函数(getter)和存值函数(setter)
但是有一个很重要的一点，刷新页面后usertoken就变成空了，为了解决这个问题，就必须使用本地存储，那么本地存储应该如何与vuex相结合起来呢，那就必须要用到下面的写法了，然后就用到了get与set函数了。当你明白了get与set函数的使用后，肯定会想上面第一段代码那么简单，谁会去用第二段代码，又多又不好理解，我只想说，你想的太简单了，哈哈哈~~~~相信大家一眼就看出来了，控制台打印的结果是lsh，那么如果我们把它改写成取值函数和存执函数要怎么写呢？而且他们和我们的平日里写的业务又是怎么练习起来的呢？..原创 2022-08-08 22:02:50 · 1136 阅读 · 0 评论 -
vue中使用less
在给vue添加less包时，一定要注意自己的环境（node的版本，以及安装过后less、less-loader等等的版本）为了能够保证大家可以一次性安装成功，大家可以先将node的版本切换成和我一样的。原创 2022-07-29 16:39:42 · 10890 阅读 · 0 评论 -
函数提升与变量提升的优先级
其实只是想告诉大家只有函数声明才会提升函数表达式不会提升，所以在函数表达式后面的代码会输出1，因为变量a赋值后把提升的函数a覆盖了。总结由于函数声明和变量都会提升，如果函数与变量同名，那么只要在变量赋值前打印的都会是函数，在变量赋值之后打印都是变量的值。首先变量和函数声明都提升，但函数提升优先级高于变量，都提升后变量只是定义没有赋值，所以输出的是函数a。，我以前根本就没有听说过，但是我我做题也没有错过，这就有点奇怪，后来发现只是解题思路不一样，但是结果一样！...原创 2021-10-17 19:56:18 · 2107 阅读 · 3 评论 -
echarts图表实战
最近写了几个图表，包含有柱状图、折线图、水球图以及散点图，这里直接打出来给大家练手，希望大家多多支持，如果这篇文章对您有用的话，记得👍+⭐️哦！！！👀数据：链接：https://pan.baidu.com/s/1oQssniZ7wklWL-whIfofvA?pwd=3dpn提取码：3dpn.vue文件代码如下：⭐️最大需求表.vue文件代码如下：✨✨✨柱状图⭐️日电量柱状图⭐️分时电量.vue文件代码如下：⭐️功率因数.vue文件代码如下：⭐️三相温度.vu原创 2022-07-28 18:13:51 · 10571 阅读 · 10 评论 -
大屏可视化的适配方案
这里找了几个写的非常不错的文章，分享一下https//blog.youkuaiyun.com/qq_41238459/article/details/122812296?ops_request_misc=&request_id=&biz_id=102&utm_term=%E5%8F%AF%E8%A7%86%E5%8C%96%E5%A4%A7%E5%B1%8F%E9%80%82%E9%85%8D%E6%96%B9%E6%A1%88&utm_medium=distribute.pc_search_result.non。..原创 2022-07-22 17:54:54 · 488 阅读 · 0 评论 -
网页提示此站点不安全解决方案
如果电脑可以正常上网，qq，微信可以正常使用，部分网页打不开，提示此站点不安全，而且也无法加载网页，很有可能是本地DNS缓存错误造成的，本人的是无法进入百度，每次已进入都会提示此站点不安全，但是其他的网页还是可以正常浏览的，解决方案：然后提示如下：然后再进入网站就可以了，实在不行再重启一下电脑。...原创 2022-06-23 16:48:09 · 16124 阅读 · 0 评论 -
es6 class入门讲解
测试的代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />原创 2022-05-29 15:17:16 · 128 阅读 · 0 评论 -
帕斯卡命名法、驼峰命名法、下划线命名法
帕斯卡命名法、驼峰命名法、下划线命名法、匈牙利命名法 其中前三种用的比较多。帕斯卡命名法（Pascal）程序代码示例:ShowMessage();string PassWord;单字之间不以空格断开或连接号（-）、底线（_）连结，第一个单字首字母采用大写字母；后续首字母亦用大写字母，例如：FirstName、LastName。每一个单字的首字母都采用大写字母的命名格式，被称为“Pascal命名法”，也有人称之为“大驼峰式命名法”（Upper Camel Case）,为驼峰式大小写的子集。在rea原创 2022-05-28 16:54:48 · 655 阅读 · 0 评论 -
echars的formatter的高级应用
echars的formatter的高级应用原创 2022-04-02 17:12:54 · 368 阅读 · 0 评论 -
vue路由实现原理
答：前端路由实现原理主要通过以下两种技术实现的第一种：利用H5的history API实现主要通过history.pushState 和 history.replaceState来实现，不同之处在于，pushState会增加一条新的历史记录，而replaceState则会替换当前的历史记录[发布项目时,需要配置下apache]第二种：利用url的hash实现我们经常在 url 中看到 #，这个 # 有两种情况，一个是我们所谓的锚点，路由里的 # 不叫锚点，我们称之为 hash，我们说的就是hash,原创 2022-03-13 12:42:08 · 2585 阅读 · 0 评论 -
数组对象结构赋值的综合案例及应用场景
实际的应用场景如下：当我们在使用IntersectionObserver的时候，就用上了，他的第一个参数是一个回调函数，回调函数里可以接收一个数组，然后我们就可以使用数组对象的结构赋值了原创 2022-01-28 15:31:23 · 308 阅读 · 0 评论 -
vuex的详细使用
vuex的详细使用moduleA.jsmoduleB.jsindex.jsB.vue效果图moduleA.jsconst state = { stateA: 0,}const mutations = { mutationsA(state, props) { state.stateA += props },}const actions = { actionsA(context, props) { setTimeout(() => { context原创 2022-01-24 11:41:46 · 671 阅读 · 0 评论 -
vue2.0中sync修饰符的使用
sync适用于组件之间的传值，当子组件想要修改父组件值的时候，最常用的写法就是使用自定义事件进行传参，但是使用sync就可以简化这一步操作，代码如下：子组件：<template> <div> <span>题目：{{ title }}</span> <hr /> <button @click="changetitle">改变题目</button> </div></temp原创 2022-01-23 17:21:56 · 737 阅读 · 0 评论 -
vue2与3中v-model的封装（在组件中使用v-model）
1.如果想要使用v-model对input输入框进行封装，核心代码如下：核心代码：父组件：<show-model3 v-model="inputvalue3"></show-model3>子组件：<template> <div> <div>内容： <input type="text" :value="value" @input="inputMethods" /></div> <div>原创 2022-01-23 16:31:10 · 5578 阅读 · 0 评论 -
async await与promise的状态调整与错误处理
先看第一个案例 async function fn2() { console.log("fn2执行了"); return 1; //最后promise的状态和返回值无关，它的状态取决于当前函数体内有没有出现错误，如果出现错误了那么promise的状态就会变为reject } console.log(fn2()); //返回的是一个promise实例，所以可以调用then与catch function fn1() {原创 2022-01-09 22:25:12 · 1932 阅读 · 0 评论 -
个人专属博客http://lshyyds.top/
http://lshyyds.top/原创 2022-01-09 09:14:54 · 221 阅读 · 0 评论 -
什么是a站、b站、c站、d站、e站、f站、g站、h站、i站、j站、k站、l站、m站、n站…z站？
给大家分享一波站点，赶快收藏！！！A站：哎哩呲哩 AiliCili弹幕视频网 - 认真你就输啦 (・ω・)ノ- ( ゜- ゜)つロhttp://www.ailicili.tv/B站：哔哩哔哩 (゜-゜)つロ 干杯~-bilibilihttps://www.bilibili.com/C站：呲哩呲哩 - 最爱ACG (｡･ω･)ﾉ - 你的二次元导航姬 cilicilihttp://www.cilicili.cc/D站：嘀哩嘀哩 dilidilihttps://di原创 2022-01-08 14:47:02 · 21646 阅读 · 0 评论 -
vux中mutations方法形参的解构赋值不起效果
今天没事说练一下vux吧，感觉轻轻松松，简简单单，几分钟就能过一遍，树脂道刚开始就卡着了。就是使用vuex点击加一在这里搭配对象的结构赋值不起作用原创 2022-01-07 21:51:07 · 776 阅读 · 0 评论 -
vue 引入svg
vue 引入svg创建SvgIcon组件创建icons文件夹main.js中引入下载插件配置使用创建SvgIcon组件<template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg></template> <script>export default { name: '转载 2022-01-07 14:45:26 · 1648 阅读 · 0 评论 -
使用node+cheerio爬取网页上的内容
使用node做爬虫必不可少的一个包是cheerio今天要爬的网址为：http://blog.sina.com.cn/s/blog_4d30d65b01009rn5.html要爬取的内容如下：// 两种方式爬取文本http协议url的文本const cheerio = require("cheerio")const http = require("http")const fs = require("fs")const axios = require("axios")var url = "原创 2022-01-07 14:09:54 · 1508 阅读 · 0 评论 -
require.context()的用法详解
require.context(directory,useSubdirectories,regExp)directory:表示检索的目录useSubdirectories：表示是否检索子文件夹regExp:匹配文件的正则表达式,一般是文件名例如 require.context("@/views/components",false,/.vue$/)1、常常用来在组件内引入多个组件。const path = require('path')const files = require.contex原创 2022-01-06 17:55:54 · 35325 阅读 · 3 评论 -
+new Date()是什么意思
js在某个数据类型前使用‘+’，这个操作目的是为了将该数据类型转换为Number类型，如果转换失败，则返回NaN;例如：+'2'+1 // 3+[1] // NaN+new Date() 会调用Date.prototype 上面的 valueOf方法，根据new Date().getTime() === new Date().valueOf() //true下面的例子返回效果等同： console.log(+new Date()); console.log(ne原创 2022-01-04 15:59:29 · 3217 阅读 · 0 评论 -
Vue的propsData传递数据
引言：大家一直都是使用v-bind去向组组件传值。但是那都是组件之间那样做的，如果我们使用Vue.extend或者Vue.component去创建了构造器，经过创建实例并最终挂在到了页面上，那么我们应该如何去向这个组件去传递数据呢？下面要给大家介绍的是：propsData进行传递数据使用全局扩展器时可以利用propsData传递数据先自定义header标签，利用Vue.extend进行扩展构造器，往扩展构造器传递数据时，需要在挂载时调用propsData传递数据。<!DOCTYPE html原创 2022-01-04 12:25:25 · 1677 阅读 · 0 评论 -
vuecli中的NODE_ENV与.env.xxx文件与serve、build等命令的关系
vuecli中的NODE_ENV与.env.xxx文件与serve、build等命令的关系引言一级目录NODE_ENV是什么.env.xxx文件的作用以及与serve、build等命令的关系默认情况下非默认情况下引言一级目录你可能听完我的题目有点发懵，那我来给你解释一下：NODE_ENV就是我们在i项目中常用的process.env.NODE_ENV.env.xxx文件就是下面的几个文件serve、build等命令就是指的package.json中这几个命令:NODE_ENV是什么N原创 2022-01-03 21:10:35 · 4140 阅读 · 4 评论 -
vue项目mock数据方案之一：webpack的devServer.before
一、webpack devServer.beforewebpack的devServer.before 可以提供了一个在 devServer 内部的 所有中间件执行之前的自定义执行函数。故：可以采用此方法来模拟后台数据接口。详情可查看：webpack官方中文文档-开发服务器(DevServer)说明：以下所述“配置”和“使用”均是在vue-cli@3.0.5脚手架生成的vue项目中的案例。data.json：是mock后台数据的json文件，基本格式为：{ "seller": {...},原创 2022-01-03 17:06:53 · 2690 阅读 · 0 评论 -
path.join()和path.resolve()区别
const path = require("path")console.log(__dirname)console.log(path.join(__dirname, "ads"))console.log(path.resolve(__dirname, "ads"))console.log(path.join("ads"))console.log(path.resolve("dist"))console.log(path.resolve())运行结果如下：由此可见当我们想要的得到某一个文原创 2022-01-02 14:25:28 · 333 阅读 · 0 评论 -
如何找到并彻底删除万能恢复大师、鲁大师等流氓软件
每次开机万能恢复大师都弹广告，控制面板，腾讯管家还找不到安装地方，显示我没有安装解决方法找到资源管理器，快捷键：ctrl+shift+esc,点击详情，右击文件位置打开文件所在位置点击Uninst.exe然后彻底删除。如果还有其他的软件也是像这样卸载就可以了......原创 2021-12-31 08:48:39 · 11222 阅读 · 2 评论 -
javascript中sort方法的完整解析--排序
说起对数组的排序，大家能想到的应该是冒泡排序，快速排序，sort排序，以及希尔排序吧，但是可能对sort排序只停留再数组层面(每个元素均是数字或者字符串)，事实上，它还可以对对象进行排序。原理是：不管元素是什么类型，sort排序始终是根据元素的unicode编码进行的下面来分别看下各种情况:元素为数字或者字符串： var arr1 = [10,1,5,2,3]; arr1.sort(); console.log(arr1); 大家可以看下它的结果: 很明显是根据unicode编码来排序原创 2021-12-30 10:48:28 · 594 阅读 · 0 评论 -
详解数组中的reduce方法
前言这几天面试被问到了数组的方法有哪些，回答得简直一塌糊涂，面试官说reduce的功能很强大，于是想对这个方法进行总结，在红宝书中对这个方法的描述并不算多，我也是参考了其他文章才进行总结的，下面就开始吧~reduce的原理简介 在红宝书中，将这个方法定义为数组的归并方法，这个方法和迭代方法（map,forEach,filter…）一样，都会对数组进行遍历，reduce与他们不同的是函数的第一个参数得到的是迭代计算后的效果（看不懂没关系，继续往下看就会懂了）语法 这个方法接收两个参数：要执原创 2021-12-25 19:37:09 · 1265 阅读 · 0 评论 -
less中&的使用
用法：&符号有2中用法，其一：父选择符；其二：且的意思其一：父选择符.ant-menu{ background: #fff; border-bottom:0; .ant-menu-item{ color: rgba(0,0,0,0.65); padding-left:16px; padding-right:16px; &:hover { color: #235FB8; border原创 2021-11-08 13:31:36 · 819 阅读 · 0 评论 -
gitLab的使用 和 git 、 github、gitlab的区别
一、git 、 github、gitlab的区别 （百度相关内容得到的理解）二、git最基本作用：版本控制三、有集成了git的GIT安装包 github和gitlab都使用git该版本控制系统，来实现对代码的管理。 所以，原先怎么用git操作github的，那么用git操作gitlab是一样的。https://git-scm.com/book/zh/v1/%E8%B5%B7%E6%AD%A5-%E5%AE%89%E8%A3%85-Git三、 个人问了公司开发，并总结相转载 2021-11-01 18:24:06 · 641 阅读 · 1 评论 -
JS内置对象练习题
js面试常考练习题原创 2021-10-27 22:11:23 · 460 阅读 · 0 评论 -
啦啦啦
今天是1024程序节，首先祝大家生日快乐，其次，祝大家今天没有bug！！！原创 2021-10-24 09:00:58 · 86 阅读 · 0 评论 -
祝大家1024快乐
今天是1024程序节，首先祝大家生日快乐，其次，祝大家今天没有bug！！！原创 2021-10-24 08:34:56 · 1726 阅读 · 0 评论