自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 GIT 相关常见操作

拷贝项目git clone <仓库地址>创建分支git branch <分支名>创建分支并进入git checkout -b <分支名>查看分支git branch --list查看分支(包含远程分支)git branch -a切换分支 git checkout <分支名>修改分支名 git branch -m <老分支> <新分支>删除远程分支 git push origin :<分支名>将本地分支名同步.

2022-03-11 18:06:25 213

转载 给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返回他们的数组下标

方法一: function twoSum(nums, target) { var result = [] for (let i = 0; i < nums.length; i++) { var remainder = target - nums[i] var index = nums.indexOf(remainder) if (index >= 0 && i !== index) { result = [i.

2022-03-09 15:00:50 300

转载 手写call apply bind

call apply bind

2022-03-09 11:33:58 169

转载 二分法查找有序数组

function halfSearch(arr, target) { let start = 0; let end = arr.length - 1; if (!end) return -1 if (end == 1) { return arr[0] === target ? 0 : -1 } let middle; while (start <= end) { middle = (start + end) / 2 | .

2022-03-01 12:01:55 194

转载 react 按需加载antd

npm i antd --savenpm install babel-plugin-import --save-devpackge.json 中 "plugins": [ ["import",{"libraryName": "antd","libraryDirectory": "es","style": "css"}] ]在需要使用的组件中 import { Button } from 'antd' <Button type='dashed'>.

2022-02-16 16:47:11 365

转载 商品列表布局使用box-sizing: border-box

<!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"> <title>Document&.

2022-02-16 10:43:51 155

转载 React项目中使用 styled-components

npm install styled-components --saveimport styled from 'styled-components';//styled.xxx表示创建xxx这个h5标签,//后面紧接的字符串里面写的是CSS代码export const HeaderWrapper = styled.div` z-index: 1; position: relative; height: 56px; border-bottom: 1px solid #f0f0f0;

2022-01-25 18:55:15 189

转载 前端轮子库

React UI 组件库Ant Design :https://ant.design/React Bootstrap: https://react-bootstrap.github.io/MATERIAL-UI : https://material-ui.com/Vue UI组件库Element : https://element.eleme.io/#/zh-CNvant : https://youzan.github.io/vant/#/zh-C%E2%80%A6View UI : http

2022-01-19 11:22:43 133

原创 react 中 渲染标签内容

假设后台返回了数据price: '<h3>130000</h3>',如果想在前台渲染出该标签的内容,<p dangerouslySetInnerHTML={{ __html: data.price + '元/月' }}></p>

2021-12-30 16:13:42 399

原创 React useNavigate 和 useLocation的使用

useNavigate 用来跳转并传值// 跳转传值import { useNavigate } from 'react-router-dom'const navigate = useNavigate(); function clickCityHandle(city) { navigate('/home', { state: { name: 'zhou' } }) }// 接收跳转传过来的值import { useLocation } from 'react-router-d.

2021-12-29 18:01:28 14171

转载 js 实现flat函数

let arr = [1, 2, [ [3, 4], [5, 6] ]]; const checkType = function(arr) { return Object.prototype.toString.call(arr).slice(8, -1) } Array.prototype.myFlat = function(num) { l...

2021-12-09 17:49:07 432

转载 js 实现模板字符串函数

let templateStr = 'i am {{name}},age {{age}},job {{job}} '; let data = { name: 'zhou', age: 18, job: 'CTO' } function templateFunc(str, data) { let computed = str.replace(/...

2021-12-09 15:15:31 848

原创 js 斐波那契数列

1. for循环function fibonacci(n) { if(n<3)return 1var n1 = 1, n2 = 1, sum; for (let i = 2; i < n; i++) { sum = n1 + n2 n1 = n2 n2 = sum } return sum}console.log(fibonacci(50));

2021-12-09 11:33:57 113

转载 js 快速排序 和 js洗牌算法

function quickSort(arr, begin, end) { //递归出口 if(begin >= end) return; var l = begin; // 左指针 var r = end; //右指针 var temp = arr[begin]; //基准数,这里取数组第一个数 //左右指针相遇的时候退出扫描循环...

2021-12-08 17:18:05 128

原创 原型,原型链

1.原型分为隐式原型(__proto__)和显示原型(prototype),每个对象(除了null)都有自己隐式原型,它指向自己的构造函数的显示原型 let str = new String()str.__proto__ === String.prototype // truelet num= new Number()num.__proto__ === Number.prototype // truelet boolean= new Boolean()boolean....

2021-11-19 15:27:40 450

原创 js执行顺序

1.同步2.process.nextTick3.微任务 (promise.then)4.宏任务 (计时器 上传文件 ajax)5.setImmediate

2021-11-09 16:31:07 562

原创 函数防抖与节流

// 防抖 let input = document.querySelector('input') input.oninput = debounce(function() { console.log(this.value); }, 500) function debounce(fn, delay) { let t = null return function() { console.log(t...

2021-11-09 15:36:22 516

原创 es5 / es6 使用class实现继承

class User { constructor(username, password) { this.username = username this.password = password } login() { console.log('登录方法'); } } class Admin extends User { deletePe.

2021-11-09 11:40:18 598

原创 使用原型来设置获取中文日期

let date = new Date() Date.prototype.formate = function() { let year = this.getFullYear() let month = this.getMonth() + 1 let date = this.getDate() return `${year}年${month}月${date}日` } console.log(date.formate..

2021-11-09 11:32:10 106

转载 深拷贝的两种方式

var obj = { id: 1, name: "zhou", age: 18, say: "我是zhou", array: [1, 2, 3, 4] } // function deepClone(obj) { // let obj1 = JSON.stringify(obj) // let cloneObj = JSON.parse(obj1) // ...

2021-11-08 17:37:57 90

转载 mvvm数据双向绑定的原理

2021-11-04 16:31:13 224

转载 原型 原型链

【JS】深入理解JS原型和继承_胡小小六的博客-CSDN博客_js原型继承 说明:内容总结自王福朋的博客内容,原博客链接为:http://www.cnblogs.com/wangfupeng1988/tag/%E5%8E%9F%E5%9E%8B%E9%93%BE/前言 在学习JS中的原型,原型链,继承这些知识之前,我们先学习下基础知识:函数和对象的关系。  我们一直都知道,函数也是对象的一种,因为通过instanceof就可以判断出来。但是函数和对象...https://blog.csdn.net/u011

2021-10-13 17:06:46 46

原创 负载均衡配置session,把session保存到数据库里面

npm install connect-mongo const express = require('express')const session = require('express-session')const MongoStore = require('connect-mongo');const bodyParser = require('body-parser')const ejs = require('ejs')const app = express()..

2021-08-19 16:10:17 158

原创 vue 插件

crx4.com

2021-08-11 11:21:51 45

转载 React后台系统左侧菜单及刷新选中状态

// menuConfig.js 用来配置左侧菜单栏import { AppstoreOutlined, MenuUnfoldOutlined, MenuFoldOutlined, PieChartOutlined, DesktopOutlined, ContainerOutlined, MailOutlined,} from '@ant-design/icons';const menuList = [ { title: '首页', key: '/h.

2021-07-30 14:41:49 1307

原创 react 引入本地图片

在写react本地图片引入的时候 我以为和其他框架一样,直接src="images/today01.png"但是加载不出来,于是百度了一下,换成<imgsrc={today01}alt=""/>当然 此页面需要importtoday01from"./images/today01.png"...

2021-07-23 10:27:25 87

转载 react less引入问题

目前创建react项目一般使用 create-react-app 这个脚手架工具来创建,但这种方式默认没有对于less的配置。所以我们自己配置一下:1. 暴露出webpack配置文件#使用create-react-app 创建的项目默认是看不到webpack配置文件的,需要先暴露出来,然后才能修改里面的配置信息。终端运行一下命令(注意:此命令一旦运行会修改package.json 文件,不可回退)npm run eject2. 安装less和less-loader#运行以下命令:

2021-07-22 11:28:33 336

原创 微信小程序 获取手机号 安卓与ios 的差异

今天在实现小程序手机号的地方,遇到一坑,getPhoneNumber(e){console.log(e);} 这个方法中ios和安卓手机,在获取

2021-06-08 18:14:02 365

空空如也

空空如也

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

TA关注的人

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