- 博客(43)
- 收藏
- 关注
RSS订阅原创 前端面试题
1.get请求方式和post请求方式的区别1.get请求方式是将参数拼接到url后面，安全性低，而post请求方式安全性相对高2.get请求方式传输的数据大小只有2kb，post可传输数据量较大，可以达到5MB3.get请求一般用来获取数据，不修改数据，有缓存，post请求是在服务器上缓存2.==与Object.is、===的区别共同点：判断两个值是否相等区别：== 两边相等=== 两边值和类型都相等Object.is判断两个值是否相等时，+0不等于-0，NaN等于NaN3.mouse
2021-11-19 16:16:28
290
转载 react+i18n实现国际化
1.搭建react项目npx create-react-app my-app2.安装i18n库cd my-appnpm install react-i18next i18next i18next-browser-languagedetector i18next-http-backend --save3.运行项目yarn start4.src目录下创建i18n.jsimport i18n from "i18next";import { initReactI18next } from "
2021-11-10 10:47:44
465
原创 给出一个长度为 n 的数组，其中只有一个数字出现了奇数次，其他均出现偶数次，目的：得到这个出现次数为奇数的数字
function getNum(arr) { let obj = {}//希望得到的对象形式:{数组的元素:出现的次数} for (let i = 0; i < arr.length; i++) { if (obj[arr[i]]) { obj[arr[i]]++ } else { obj[arr[i]] = 1 } } for (let i in obj) { i
2021-11-06 10:19:56
1597
原创 当前分支合并最新的master代码
1.确保本地代码全部提交至远程2.切换到master 分支 3.执行git pull4.切换到当前分支，也就是需要合并最新代码的分支，并且执行 git merge master5.有冲突解决冲突，无冲突直接 git push6.当前分支就具有最新的master代码啦～...
2021-09-17 17:41:43
286
原创 react实现todolist的新增和删除（使用class类组件、组件拆分）
一、创建项目查看react官方文档https://reactjs.bootcss.com/docs/create-a-new-react-app.htmlnpx create-react-app my-appcd my-appyarn start二、精简代码刚刚开始接触react，创建完react项目以后，感觉文件好多，好复杂，这个时候我们把不需要的文件删掉，对于这个项目来说，我的src文件夹里面就剩下index.js入口文件，App.js文件，其他全部删掉，包括在index.js 和 Ap
2021-08-28 16:06:44
318
原创 js 编程题 两数之和
//两数之和，给定一个数组arr和一个目标值target，在数组中找出和为目标值的那两个数，并返回他们的数组下标 var arr = [1,2,3,4,5] var target = 3 var result = [] for(let i=0;i<arr.length;i++){ for(let j=1;j<arr.length;j++){ if(arr[i]+arr[j]==target){ co
2021-08-12 17:16:06
89
原创 react+ts 实现todolist
我是刚刚接触react的小白白～搭建项目npm install -g create-react-app （全局安装react脚手架）yarn create react-app my-app --template typescriptcd my-appyarn start（ 启动项目）安装yarn 命令npm install -g yarn查看版本：yarn --version在src文件夹下面建一个tsx文件 名为 ToDoList.tsximport React,{useState,u
2021-08-09 15:30:05
445
原创 钉钉上线流程
上线切换到本地 master 分支在 gitlab 项目地址远程查看有没有未合并的 merge requestif（merge request > 0）{叫组长合并之后 -> git pull} else {git pull}切换到本地 自己 分支 git merge 本地 master在本地自己分支打上线taggit tag ‘当天版本序号’ -m ‘需求名称’git push origin 当天版本序号’ -m ‘需求名称’arc diff o
2021-06-09 17:27:01
293
原创 部署dev环境，存在多需求和分需求时
前提:主分支下存在自己的分支和别人的分支这种情况下部署到develop环境首先切换到自己的分支:自己的分支 :git add .git commit -m ‘’git push切换到主需求分支:git pull切换回我的分支 :git merge 主需求分支git push切换主分支 :git pullgit merge 自己的分支git push切换到 develop 分支git pullgit merge 主需求分支git push...
2021-06-08 21:20:06
144
原创 git commit提交报错，报错信息husky＞ pre-commit hook failed
这是因为在提交代码的时候，git会对代码风格进行检查，当不符合规格时，会报错！解决办法: git commit --no-verify -m “提交注释”
2021-05-22 11:48:44
284
原创 部署到开发环境
vs code部署到dev环境下1.切换到自己的分支2.git add .3. git commit -m ‘修复的内容’4. git push(提交到远程)5. 切换到devlop分支6. git pull(拉取最新的代码)7. git merge '自己的分支’(合并自己的分支)8.有冲突解决(也可能没有)8. git add .9. git commit -m ‘fix:合并冲突’10. git push(提交到远程)11. 完成以后，可在dev环境下查看功能...
2021-05-19 18:41:47
219
原创 mac 快捷键
对于初次使用mac的小伙伴来说，快捷键都找不到的举个手。。。下面我来整理部分mac的快捷键复制：command + c粘贴：command + v切换中英文：control+空格显示桌面的应用：抓取触摸板。五个手指向内抓退出桌面的应用：五个手指向外扩刷新页面：command + R（先按command，再换r）切换英文大写：长按 cops lock（会发现cops lock的灯变亮）...
2021-05-16 21:32:07
65
原创 vue中插槽的使用
默认插槽子组件<div> <slot></slot></div>父组件<template> <div> <slotvue> 123 </slotvue> </div></template><script>import slotvue from '@/components/slot.vue'export default{ componen
2021-05-08 16:18:09
66
转载 微信小程序中生成二维码
utils文件夹里面新建一个js文件,文件内容如下// Core code comes from https://github.com/davidshimjs/qrcodejsvar QRCode; (function () { /** * Get the type by string length * * @private * @param {String} sText * @param {Numbe
2021-04-28 13:58:43
358
转载 vue中生成二维码
方法一npm install --save qrcodejs2在vue文件中<template> <div> <div class="code" ref="qrCodeUrl"></div> <div class="code2" ref="code2"></div> </div></template><script> import QRCode from 'qrcodejs
2021-04-28 11:47:00
208
原创 数组去重
//方法一var arr = [1,2,3,4,4];console.log(Array.from(new Set(arr)))// 方法二var arr1 = [];for(let i=0;i<arr.length;i++){ if(!arr1.includes(arr[i])){ arr1.push(arr[i]) }}console.log(arr1)
2021-04-27 20:29:24
32
原创 数组、对象的深拷贝，浅拷贝
var arr = [1,2,3]; var obj = {a:1}; function copy(obj){ var newObj = null; if(typeof obj==='object'&&obj!=null){ newObj = obj instanceof Array ? []:{}; for(const key in obj){ newObj[key] = copy(obj[key]) } }else{ newObj = ob
2021-04-27 11:18:48
47
原创 数组的排序方法
var arr = [1, 2, 3, 4, 6, 7, 4, 3,32,23]; // 数组sort排序 // 从小到大 arr.sort((a, b) => { return a - b }) // 从大到小 arr.sort((a, b) => { return b - a }) console.log(arr) //冒泡排序 相邻两个进行比较 for (var i = 0; i <= arr.length - 1; i++) {
2021-04-27 08:59:45
193
原创 判断数组是数组，对象是对象的方法
let arr = [1,2,3];let obj = {a:1};let a = 1//instanceof 只能鉴别引用数据类型 typeof只能鉴别基本数据类型console.log(Object.prototype.toString(arr),Object.prototype.toString(obj))//Object.prototype.toString.call()在IE6一下 null和undefined均为Objectconsole.log(Object.prototype
2021-04-27 08:27:37
63
原创 一个字符串中的字母取反，大写变小写，小写变大写
let str = 'abcABC';let str1 = ''for(let i=0;i<=str.length-1;i++){ if(str.charCodeAt(i)>=97&&str.charCodeAt(i)<=122){ str1 += str[i].toUpperCase() console.log(str1) }else{ str1 += str[i].toLowerCase() console.log(str1) }
2021-04-26 19:37:13
160
原创 css如何修改行内样式
让图片的宽度变成100px,怎么实现<img src="./1.png" alt="" style="width:480px!important;">//解决办法 使用jQuery的css方法实现$('img').css({ width: '100px'})
2021-04-26 19:35:08
806
原创 数值型的链式调用 (5).add(2).minus(3)
Number.prototype.add = function(num){ return this.valueOf() + num }Number.prototype.minus = function(num){ return this.valueOf() - num}console.log((5).add(2).minus(3))
2021-04-26 16:53:50
90
原创 数组的排序方法
//第一种let arr = [1,2,3,4,6,7,4,3]; // 数组分类排序 // 从小到大 arr.sort((a,b)=>{ return a-b }) // 从大到小 arr.sort((a,b)=>{ return b-a }) console.log(arr) //第二种 for(var i=0;i<=arr.length-1;i++){ for(var j=0;j<=arr.length-1-i;j++
2021-04-26 14:49:59
78
原创 利用setTimeout实现setInterval效果
setTimeout是隔一段时间执行setInterval是每隔一段时间执行利用setTimeout实现setInterval效果可以用递归的方式实现，属于闭包function fn(){ setTimeout(()=>{ console.log(1) fn1() },1000)}function fn1(){ fn()}fn1()...
2021-04-24 15:09:19
248
原创 box-shadow
box-shadow 盒子阴影有6个属性box-shadow: inset/不填 x-offset y-offset blur r color①inset是盒子内部阴影 默认不填是盒子外部阴影② x-offset 阴影在x方向的偏移量 单位px③ y-offset 阴影在y方向的偏移量 单位px④blur模糊程度 单位px⑤ r 延展半径，可以是负数 代表扩张还是缩小⑥ color 阴影颜色...
2020-12-19 10:25:14
108
1
原创 小程序中template 用import和 include的区别
import引用<import src="../hello/hello.wxml"></import> <template is="hello"></template>include引用<include src="../hello/hello.wxml"></include>
2020-12-13 10:29:07
124
原创 跨域方式
1.cors跨域app.all("*",function(req,res,next){ //设置允许跨域的域名，*代表允许任意域名跨域 res.header("Access-Control-Allow-Origin","*"); //允许的header类型 res.header("Access-Control-Allow-Headers","content-type"); //跨域允许的请求方式 res.header("Access-Control-Allow-Met
2020-12-12 14:59:23
38
原创 vuex以及vue的传值
1 vuex的组成state mutations getters actions modules2.vuex如何触发mutation, actioncommit mutation dispatch actionthis.$store.commit('方法名')//mutations里面 的方法名this.$store.dispatch('方法名')//actions里面 的方法名3组件通信方式父组件传给子组件 自定义属性 props接收 子组件传给父组件 $emit派发,自定义事件w
2020-12-12 14:53:41
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人