自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 react实现锚点效果

描点,前端实现思路,react实现描点

2023-02-22 10:59:20 516

原创 nodemon运行 提示错误:无法加载文件

nodemon运行报错

2022-11-30 17:19:26 692

原创 水平垂直居中问题

元素剧中问题

2022-11-09 18:09:01 160

原创 前端实现 文件本地上传excel,然后解析数据

前端上传文件并解析

2022-11-08 16:04:19 1079

原创 微信小程序页面返回并传递参数

微信小程序返回

2022-11-07 10:42:50 2311

原创 递归的使用,树形结构的重组

递归。树结构,菜单转化

2022-09-26 14:32:18 155

原创 js 继承的几种方式

继承的几种常用方式

2022-09-22 18:24:26 153

原创 数据类型判断 typeof、instanceof、 constructor、 prototype方法比较

数据类型判断,以及几种方式的区别

2022-09-21 17:05:04 146

原创 手写一个Promise

Promise的手写实现

2022-09-08 17:35:25 194

原创 小程序url动态传递,参数丢失问题

url 传递过来的 url比如为https://m.nicestwood.com/information/?需要用encodeURIComponent(),编码一下使用时decodeURIComponent()解码。接受到的确实https://m.nicestwood.com/information,后面的参数丢失。在使用小程序跳转外部链接的时候使用到navigateTo / webView跳转。...

2022-08-17 14:58:45 1134

原创 微信小程序渲染后台返回的html标签

小程序富文本渲染

2022-07-08 13:50:45 1139

原创 umi打包后页面空白处理

umi搭建项目注意点

2022-06-07 09:14:08 2886 2

原创 代码合并提交出错如何操作

第一步先冷静,不在慌张操作代码先把本地最新代码进行备份,(切换新分支备份/本地拷贝出来)都可以,备份好后,开始代码回退了git 代码回退步骤(远端代码不会保留要回退的版本之后的提交历史)① git log查看提交历史与各提交操作的commit_id② git reset --hard commit_id回退到目标版本eg:git reset --hard cfds121212,hard后接目标版本id本地代码回退到指定commit_id的版本③git push --force origin

2022-05-24 12:27:45 281

原创 数组去重方式

数组去重方式1.使用 reducelet arr = [1,2,3,4,4,1]let newArr = arr.reduce((pre,cur)=>{ if(!pre.includes(cur)){ return pre.concat(cur) }else{ return pre }},[])console.log(newArr);// [1, 2, 3, 4]2双循环----双重循环 + splice (返回修改后的参数数组)func

2022-04-24 16:49:50 1223

原创 react 使用 qrcode-react 生成二维码展示

1、安装npm install qrcode.react2、使用import React from 'react';import QRCode from 'qrcode.react'; <QRCode id="qrCodeDa" value="http://facebook.github.io/react/‘’ // value={`${detail.uniqueKey}`} size={350

2022-04-20 15:09:55 1889

原创 删除本地分支远程分支,同步远程已经删除的分支

如果您有一个合并分支,则可以使用以下命令简单地删除合并的本地分支:$ git branch -d branch-name如果要从远程存储库中删除它,请使用以下命令:$ git push --delete origin branch-namegit:同步删除远程已删除的分支查看本地分支和追踪情况:git remote show origin.删除(修剪)远程仓库在本地仓库的refs:git remote prune origin查看现在分支情况. git branc.

2022-04-20 10:41:03 738

原创 react项目快速搭建

react项目应用后台系统的快速构建一 Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案antd项目快速时间方案使用 npmnpx create-umi myapp使用 yarnyarn create umi myapp使用前须知. dva 首先是一个基于 redux 和 redux-saga 的数据流方案Umi以路由为基础的,同时支持配置式路由和约定式路由,保证路由的功能完备,并以此进行功能扩展。然后配以生命周

2022-04-18 14:33:53 970

原创 js简单快速判断一个元素是否在数组中

1.includeslet arr = [1,2,3];arr.includes(1) // truearr.includes(5) //false`在这里插入代码片`.使用indexOf但是有个问题是IndexOf在某些IE版本中是不兼容的,可以用下面的方法:if (!Array.indexOf) { Array.prototype.indexOf = function (obj) { for (var i = 0; i < this.length; .

2022-04-01 14:13:01 3126

原创 深拷贝与浅拷贝理解

深拷贝与浅拷贝理解1.我们怎么去实现深拷贝呢,这里可以递归递归去复制所有层级属性。这么我们封装一个深拷贝的函数(PS:只是一个基本实现的展示,并非最佳实践)复制代码function deepClone(obj){ let objClone = Array.isArray(obj)?[]:{}; if(obj && typeof obj==="object"){ for(key in obj){ if(obj.hasOwnPro

2022-04-01 11:52:32 443

原创 vue 路由跳转,参数消失问题

vue 路由跳转,参数消失问题1. 参数传递页面:这种方式页面刷新参数丢失。// 点击跳转详情页面 toDetail(){ this.$router.push({ name:"newsDetail", params:{content:item}//传递过去的参数 }) }页面取参数 :this.$route.params.comtent2. 刷新参数不会丢失this.$router.push({

2021-05-18 15:18:34 1714

原创 关于position:fixed固定定位问题如何相对于父元素定位问题

关于position:fixed固定定位问题默认是相对于窗口的固定定位如何改成相对于父元素的相对定位呢?给父元素添加transform: translate(0,0);使得子元素便可相对父元素设置position:fixed

2021-04-28 15:46:07 1459

原创 关于在vue 中使用swiper js 遇到的坑

关于在vue 中使用swiper js 遇到的坑首先现在swiper 已经是6.x.x版本了在vue,vue-cli中安装后,配置的自动轮播属性都不生效怀疑是版本问题切换了3.x.x 版本后,可以轮播了,但是速度不受控,配置了 也无效,不知道是不是自己的问题最后改了4.x.x 一切功能正常,完美解决无解...

2021-03-24 18:28:20 272

原创 vue .native修饰符

首先 .native就是给组件绑定原生事件采用的方法在vue 中有些组件加不上click事件比如 router-link 路由跳转,默认标签为a,但是他的click 事件却是无效的,这时候就可通过native修饰符来使click事件生效例如:<router-link class="list" tag="li" to="aboutUs" @click.native="getScroll">关于我们</router-link>

2021-03-24 18:24:20 151

转载 关于export与 export default ,module.exports与exports区别以及使用差异

module.exports与exports属于common JS规范,export与 export default ES6模块规范使用方面module.exports与exportsCommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即module.exports)是对外的接口。加载某个模块,其实是加载该模块的module.exports属性。var x = 5;var addX = function (value) { ret

2021-03-16 15:08:11 558

原创 window Git - 生成 SSH 公钥

1、首先需要检查你电脑是否已经有 SSH key运行 git Bash 客户端,输入如下代码:$ cd ~/.ssh $ ls这两个命令就是检查是否已经存在 id_rsa.pub 或 id_dsa.pub 文件,如果文件已经存在,那么你可以跳过步骤2,直接进入步骤3。2、创建一个 SSH key$ ssh-keygen -t rsa -C “your_email@example.com”代码参数含义:-t 指定密钥类型,默认是 rsa ,可以省略。-C 设置注释文字,比如邮箱。-f

2021-03-05 10:27:21 299 1

原创 前端实现自适应布局

安装npm i lib-flexible -Snpm i px2rem-loader -D接着在项目入口文件 main.js 中引入 lib-flexibleimport 'lib-flexible/flexible.js’vue.config.js 文件,在这个文件里就可以自己增加或修改一些 webpack 配置。// vue.config.jsmodule.exports = { chainWebpack: config => { config.module .

2021-02-22 15:04:15 536

原创 visibility: hidden和display: none的区别

visibility:hidden,隐藏后占据空间,还保留原来的位置、visibility具有继承性,给父元素设置visibility:hidden;子元素也会继承这个属性。但是如果重新给子元素设置visibility: visible,则子元素又会显示出来。这个和display: none有着质的区别display:none 直接隐藏,不保留位置,那么该元素以及它的所有后代元素都会隐藏...

2021-02-22 14:59:18 81

原创 mobx使用

Mobx提供了一个mobx-react包帮助开发者方便地在React中使用Mobx,mobx-react中有observer、Provider、inject几个常用的api。在《mobx系列(二)-mobx主要概念》中我们已经介绍过observer,本文介绍下inject、Provider,以及Mobx如何与React结合使用。1、ProviderProvider是一个React组件,使用Re...

2021-02-19 16:30:02 726 1

原创 宏任务和微任务

宏任务:是指消息队列中的等待被主线程执行的事件,宏任务执行时都会重新创建栈,然后调用宏任务中的函数,栈也会随着变化,但宏任务执行结束时,栈也会随之销毁。包括整体代码script,setTimeout,setInterval new Promise*微任务:可以把微任务看成是一个需要异步执行的函数,执行时机是在主函数执行结束之后、当前宏任务结束之前Promise.then,process.nextTick(node中)*。微任务是基于消息队列、事件循环、UI 主线程还有堆栈而来的setTimeo

2021-02-19 16:22:55 345 1

原创 git 查看修改账号密码

git 查看修改账号密码git config user.name 查看用户名git config user.email 查看用户邮箱修改用户名和邮箱的命令git config --global user.name "Your_username"git config --global user.email "Your_email"...

2021-01-28 10:52:35 2162

原创 数组方法的使用

数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组的原型方法,数组原型方法主要有以下这些:1.join() // 只接收一个参数:即分隔符,(不改变原数组)数组转为字符串2.push() // 可以接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度。(原数组改变)3.pop() // 数组末尾移除最后一项,减少数组的 length 值,然后返...

2019-10-11 16:21:56 177

原创 vue mock接口数据

1、安装,开发环境npm i mockjs -D2、在src目录下新建mock目录,结构如下:3、index.js内容如下:const Mock = require(‘mockjs’);//格式: Mock.mock( url, post/get , 返回的数据);Mock.mock(’/user/userInfo’, ‘get’, require(’./json/userInfo’)...

2019-09-27 17:09:10 211

原创 vue项目中使用rsa加密

vue项目中使用rsa加密1.安装依赖 npm install jsencrypt --save2.在main.js引入 import { JSEncrypt } from ‘jsencrypt’3.挂载全局方法Vue.prototype.getCode=(password)=&gt;letencrypt=newJSEncrypt()encrypt.setPublicKey...

2019-08-14 17:41:39 725

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除