自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 面试题汇总

1.display布局有哪些属性2.两边固定宽,中间自适应有哪些布局方式3.数组扁平化有哪些方式4.HTML5有哪些新特性:sessionStorage,localStorage,cookie的区别5.原型链判断数组方式,instanceof的作用6.http页面从请求到输出过程7.DNS域名解析具体干了什么事情8.页面加载过程的所有顺序,从HTML->页面呈现9.让一个元素隐藏有哪些方式10.异步处理有哪几种处理方式,async,await,promise11.hooks为什么使用钩子

2023-02-14 18:59:40 169

原创 node.js

什么是Node.jsnode.js的本质是一个javaScript解析器node.js是JavaScript的运行环境node.js是一个服务器程序node.js本身使用的是V8引擎node不是web服务器为什么要使用node.js为了提高性能的web服务IO性能强大(向服务器发送和接受请求,IO端口代表输入和输出)事件处理机制完善天然能够处理Dom社区非常活跃,生态圈日趋完善Node.js优势处理大流量数据适合实时交互的应用完美支持对象数据库异步处理大量的并发连接...

2021-11-04 14:47:12 753

原创 git仓库个人常用命令

git clone ***** // 下载git代码 *****代表下载地址 git checkout --trackorigin/develop // 切换到develop分支(并向本地创建了新的develop分支) git checkout -b QA-7865 // 在本地新建了一个QA-7865的分支git branch // 查看当前分支git merge develop // 将develop分支代码,合并到当前分支...

2021-06-28 17:29:34 199

原创 typescript

环境安装1.需要安装node 检查是否安装语法node -v,npm -v2.安装typescript npm install typescript -g 3.ts最终运行会转换为js,vscode中安装帮忙转换的node npm install -g ts-node静态类型//自定义静态类型interface XiaoHong{ uname:string, age:number,}const xiaojiejie:XiaoHong = { uname:'小红', ag

2021-05-13 15:00:23 145

原创 Vue slot插槽

具名插槽<Recommend> //我是子组件页面引入的名称 <base-layout> <template v-slot:videoClip="navlist"> <view>我是父组件内容</view> </template> <template> ... </template> 必须用Base-layout包裹一下 </base-layout></R

2021-04-17 08:52:40 111

原创 iOS下border一半不显示问题

如图区域,1.在做点击评价的时候,刚开始遇到下边选择标签左边border显示不全(仅在iOS下电脑和安卓显示完全正常),解决方法:没有写宽高,使用padding将内容撑开,解决2.又一次遇到问题,在刚开始拿的ios上显示正常(百度解释为当标签的父容器宽度(单位rpx)÷2的值为偶数或偶数.5的时候会出现该bug)。所以部分手机存在问题。自己也试了试改变宽就好了。解决方法:小姐姐提供元素position:relative; &::before { position: absolut.

2021-04-16 18:47:07 3023

原创 async

asyncES7语法async function name([param[,param[, ...param]]]){statements}name:函数名称param:要传递给函数的参数的名称statements:函数体语句async函数返回一个Promise对象,可以使用then方法添加回调函数await操作符:用于等待一个Promise对象,只能在异步函数 async function内部使用await 语法:[return_value] = await expression;e

2021-04-09 12:50:52 124

原创 Generator

可以通过yield关键字,把函数的执行挂起,为改变执行流程提供可能,从而为异步编程提供方案Generator函数与普通函数区别区别1:在function后面,函数名有*;区别2:函数内有yield表达式function* func(){ console.log("one"); yield '1'; console.log("two"); yield '2'; console.log("three"); return '3';}**************插入内容*********

2021-04-09 12:12:36 87

原创 Promise

Promise是一个对象,可以获取异步操作,异步编程其一解决方案promise有三种状态pending(进行中),fulfilled(已成功),rejected(已失败)1.操作只可以pending->fulifilled或者pending->rejected2.状态无法取消Promise,如果不设置回调函数,无法抛出错误,当处于pending状态,无法得知进行到哪一步骤创建Promise可以使用new来调用Promise的构造器进行实例化var promise = new P

2021-04-09 11:18:22 78

原创 js面试

1.变量let,const,var区别let和const不会存在变量提升,暂时性死区var全局声明,会存在暂时性死区2.class类的继承**关键字extends**Class poiont{ }Class Colors extends poiont{ }Colors继承了poiont的方法**Object.getPrototypeOf() //可以用来从子类上获取父类****super()关键字**可当函数使用 当函数调用代表父类的构造函数,ES6规定子类构造函数必

2021-03-23 21:44:59 66

原创 js面试做题篇

**第一题**for(var i=0;i<5;i++){ console.log(i)}//0,1,2,3,4**第二题**for(var i=0;i<5;i++){ setTimeout(function(){ console.log(i) },1000*i);}//5,5,5,5,5,解释:首先执行微任务for循环,微任务执行完成进行setTimeout宏任务的执行**第三题**for(var i=0;i<5;i++){ (function(i){

2021-03-23 21:40:41 165

原创 react面试个人总结

1.受控组件和非受控组件的区别受控组件顾名思义:受控制的组件,比如正常input,保持自己原有状态就是非受控组件。添加value(因为修改了dom节点上的值),onchange就是受控组件。input用ref的控制修改是非受控组件,defaultvalue也是非受控2.react如何获取DOM1.通过js获取 document.getElementById(' ')2.react原生函数findDOMNode获取dom ReactDom.findDOMNode().styl

2021-03-17 22:59:39 179

原创 GitHub

GitHub1.基本流程 一览图表2.安装git,git --version (弹出GIT版本号)git由于敲命令不是特别方便,也有乌龟版本的GIT方便运用(需要中文装设置里边设置中文包,语言进行切换)3.GIT创建版本库创建的3种式1.想要创建的文件夹右击 -> GIT GUI Here -> Create New Repository -> 选择路径 -> 会增加.git的隐藏后缀文件(如果没有需要设置找出,显示出后缀文件)2.GIT BASH Here -

2020-11-16 21:38:47 96

原创 React父子组件传参

实现父>>>子组件传参1.顶部引入子页面如:import ModelAlt from ‘页面路径’;2.Modellist是传的内容,<ModelAlt ShowORnow={Modellist}> //modellist是定义好的(我的是在this.state)子页面接收:通过props实现子>>>父组件传参绑定事件:需要时候调...

2020-04-20 11:01:24 554

原创 react+antdesign,表单提交的重置时间

this.setState创建一个存储,keyvalue第二步骤,点击重置按钮的时候,给key重新new Data()

2020-04-15 18:25:37 420

原创 使用sign加密传参

需求:接口内传参使用md5加密后传参参考:整体思路如上图:转换为前端写法就可以了1.获取时间戳//获取当前的时间戳var timestamp = Date.parse(new Date()); timestamp = timestamp.toString() //这两步是后台只需要到秒,我便自己截取前10位,timestamp=Number(timestamp.substrin...

2020-03-04 16:21:19 1764

原创 create-react-app+webpack配置

create-react-app+webpack配置1.进入桌面运行命令:cd Desktop2…创建项目,安装从reate-react-APP:npx create-react-app easymerchant3.webpack隐藏的配置项进行展示:npm run eject4.自动化测试的内容暂时用不到:删除config下的jest文件,还有script文件下的test.jsp...

2020-02-05 12:07:35 1323

原创 遮罩层点击空余部分隐藏

工作中经常会有很多显示隐藏,点击x号就隐藏遮罩层。(实现点击空余部分也可以点击隐藏)如图为例:1.给遮罩设置点击就隐藏,2.给这招内容区域设置用event.preventDefault(),取消事件的默认动作。用event.stopPropagation()停止事件的传播。js...

2020-01-10 15:06:17 540

原创 遮罩层展示,遮罩层下面原页面设置为不滚动

如图遮罩层,下边层级内容在手机上还是可以上下滑动的。设置为遮罩层出现,整体页面不能滚动 $('.NO_clickALL_con')[0].addEventListener("touchmove", bodyScroll, false); function bodyScroll(event) {   event.preventDefault(); }获取的是遮罩层。...

2020-01-10 14:47:08 901

原创 表单提交防止多点,防抖

设置变量,isclick,提交的时候变为false,成功后设置计时器变为true即可

2020-01-10 14:33:33 273 1

原创 input在苹果手机上获取焦点卡顿(H5页面)

var __timeoutFillinfo=null function fixIphoneScrollBug(bool){ if(bool) return clearTimeout(this.__timeoutFillinfo) this.__timeoutFillinfo = setTimeout(function(){ document.body.scrollTop = 0...

2020-01-10 14:17:48 492

空空如也

空空如也

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

TA关注的人

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