![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面试知识网
ToBeStronger 66
只写一天
展开
-
面试 - tailwind css样式库的使用
集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类,它们能直接在脚本标记语言中组合起来,构建出任何设计。tailwind 能够快速将样式添加到 HTML 元素中,并提供了大量的开箱即用的设计样式。原创 2022-10-14 19:53:15 · 1009 阅读 · 0 评论 -
zhaowa-1001-闭包+this
【代码】zhaowa-1001-闭包+this。原创 2022-10-02 10:58:07 · 92 阅读 · 0 评论 -
面试 - encodeURI与 encodeURIComponent的区别?
encodeURI 范围小,不编码:“ACII字母、数字、~!@#$&()=:/,;encodeURIComponent范围大,不编码:“ASCII字母、数字、~!都是对URL进行编码,区别是编码的范围不同;原创 2022-09-26 10:32:58 · 63 阅读 · 0 评论 -
面试 - js编译过程
eg: var a=function(){},只会提升var a,因为是个表达式;//会分为 nconst / a / = / 2;声明提升:变量和函数(整个函数)提升。原创 2022-09-21 23:09:10 · 91 阅读 · 0 评论 -
面试 - 认识spa与路由
【代码】面试 - 认识spa与路由。原创 2022-08-23 20:43:10 · 59 阅读 · 0 评论 -
面试 - 剖析 for...of循环
代码】面试 - 剖析 for...of循环。原创 2022-08-08 17:52:29 · 498 阅读 · 0 评论 -
面试 - Reflect统一操作对象API
代码】面试 - Reflect统一操作对象API。原创 2022-08-07 20:02:11 · 87 阅读 · 0 评论 -
面试 - 关于堆栈
存储:字符型,数值型,布尔型,undefined以及对象的数据地址,一旦变量不再使用就会被清空。:数据读取,写入速度快,但是存储的内容较少。(相当于电脑中的内存,需要经常获取):读取和写入速度慢,但是存储的内容多。(相当于电脑中的硬盘)对象数据存储在堆栈中。...原创 2022-08-06 14:41:20 · 64 阅读 · 0 评论 -
面试 - 剖析for循环的完整过程
代码】面试 - 剖析for循环的完整过程。原创 2022-08-06 14:18:58 · 52 阅读 · 0 评论 -
面试 - 实现最全 promise
代码】面试 - 实现 promise。原创 2022-08-05 23:00:23 · 139 阅读 · 0 评论 -
tab底部滑动条
function handleBorderLineTransition(tabId) { const tabEl = document.getElementById(tabId);// 当前tab const boxEl = document.getElementById("diagnose-tab-container");// tab container 宽度固定 const lineEl = document.getElementById("diagno原创 2022-03-31 14:27:08 · 321 阅读 · 0 评论 -
函数柯里化
什么是函数柯里化?调用一个函数,只传递部分参数,并让函数返回新的函数,新的函数接收剩余的参数,并且返回相应的结果;举例function checkAge(min){ return function (age){ return age>min; }}const checkAge18=checkAge(18)console.log(checkAge18(20);)...原创 2022-03-05 15:05:13 · 118 阅读 · 0 评论 -
什么是纯函数?
定义:相同输入对应相同的输出举例: arr.slice()不改变原数组,纯函数;arr.split()改变原数组,不是纯函数纯函数的优点:(1). 可缓存(因为相同输入对应相应输出)const getArea=(r)=>{console.log("333333");return Math.PI*r*r}const getAreaWithMemory=_.memoize(getArea)console.log(getAreaWithMemory(7));//“333333”以及结果.原创 2022-03-05 14:29:12 · 77 阅读 · 0 评论 -
JS移动端如何监听软键盘回车事件
移动端常常项目中会有搜索之类的功能,通常实现的是按搜索按钮进行搜索,若是要像PC端同样实现按回车键进行搜索该怎么实现呢?javascript方法很简单,就是在搜索框的input外面套一个form标签 注意点:form标签必定得添加 action属性(可设置为空)html 移动端软键盘的回车会触发form的submit事件,因此咱们只须要监听form的submit事件就能够实现按回车按钮进行搜索的功能javavar oForm = document.getElementsByTagName(“f原创 2022-02-17 20:18:16 · 2101 阅读 · 0 评论 -
地址栏的传参及修改
document.location.assign()会触发窗口加载并显示指定的URL的内容在页面中拿到这个urlconst { location = {} } = options || {};const { search = "" } = location;const params = new URLSearchParams(search);//接口定义了一些实用的方法来处理 URL 的查询字符串const _type = params.get("type")这个new URLSear.原创 2022-02-08 13:02:39 · 157 阅读 · 0 评论 -
原生js - 触底加载
触底的条件:if (scrollTop + clientHeight >= scrollHeight)// 页面滑上去的不可见高度 + 除去滚动条的屏幕可见高度 >= 整个页面的高度scrollTop、 clientHeight、scrollHeight的区别:加loading的注意事项:不要用if使得loading这个div节点时有时无,因为这样会再次触发“触底条件”,可以这样: <div className="flex-double-cente..原创 2022-01-25 14:18:55 · 2434 阅读 · 0 评论 -
一个有序的时间数组,如何按照每一天分组?
思路:由于时间都是按照顺序排列的,所以,就顺着这条时间线来判断每一个item的时间是否在这个每一组里;翠花,上图~! // [ {key:当天零点时间戳, value:[每一条历史纪录,]} ] const _processedHistory = []; // 判断是否生成新的一组(用时间戳) let _createdAtFlag; // 存每一组 let _currentProcessedItem = {}; _data.forEach((historyItem, inde.原创 2022-01-19 21:25:53 · 719 阅读 · 0 评论 -
react 点击招呼语,添加淡入淡出的轮播效果 + input外套span撑开宽度
jsx部分:淡入淡出效果整体思路:input外套span撑开高度:可以把span的字体设置成透明的,然后把input的字体设置成想要的颜色(因为color可以继承)<Span> {name} <input style={width:"100%"} value={name} onInput={(e)=>{const {name}=e.target.value setName(name)}}/> </span>需求实战:原创 2022-01-19 20:07:43 · 502 阅读 · 0 评论 -
日结-1 使用react-cropper实现图片裁剪
1. 安装 react-croppernpm install --save react-cropper //或者yarn add react-cropper2. 组件内引入import Cropper from "react-cropper"; // 引入Cropperimport "cropperjs/dist/cropper.css"; // 引入Cropper对应的css3. 函数式组件1. jsx文件import { useState } from 'react';imp原创 2021-12-29 19:48:56 · 2836 阅读 · 1 评论 -
日结-1 鼠标进入后样式改变?用hover代替mouseenter
需求:鼠标划入图片时,左下角显示图片的大小1. html结构: <div > <img className="img" src={···}/> <div className="img-size-label">{width} x {height}</div> </div>2. css样式.img-size-label{ height:24px; color: #FFF; background-color:原创 2021-12-29 16:37:43 · 332 阅读 · 0 评论 -
日结-1:瀑布流
1. 基础知识:(1). 认识 display: grid 它是一种CSS 布局方案,可将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。(2). 属性4个属性:grid-row-start:上边框所在的水平网格线grid-row-end:下边框所在的水平网格线grid-column-start:左边框所在的垂直网格线grid-column-end:右边框所在的垂直网格线值:auto:表示自动放置span + 数字 : 表示上下边框或左右边框跨越多少网格(3).原创 2021-12-29 15:57:55 · 344 阅读 · 0 评论 -
vue总结(二)
6、虚拟DOM\1. vue在内存中生成一个虚拟dom、虚拟dom是一个js对象,真实dom是一个dom树\2. 将内存中的虚拟dom进行初始化渲染,渲染成真是dom,浏览器就可以看到\3. 当我们修改Vue中data数据时\4. 将之前的虚拟dom结合更改后的数据,生成一个新的虚拟dom树\5. 将新的虚拟dom与之前的虚拟dom进行diff算法的对比,对比出差异\6. 再将对比后的差异部分进行重新的真是dom的渲染操作[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(i原创 2020-10-10 19:14:51 · 126 阅读 · 0 评论 -
nginx
nginx反向代理配置nginx作为web服务器一个重要的功能就是反向代理。当然你也可以使用nginx配置正向代理,本是介绍如何配置nginx的反向代理。nginx反向代理的指令不需要新增额外的模块,默认自带proxy_pass指令,只需要修改配置文件就可以实现反向代理。什么是反向代理服务器反向代理功能是nginx的三大主要功能之一(静态web服务器、反向代理、负载均衡)。nginx一般同时做为静态web服务器和反向代理服务器,做为web服务器访问静态文件图片、css、js、ht原创 2020-10-07 20:06:18 · 69 阅读 · 0 评论 -
git的使用+
1. 开发项目流程:产品立项产品原型项目开发项目测试开发测试:单元测试,E2E测试灰度测试:功能测试、压力测试、服务器测试、用例测试线上测试项目上线打包前端模块远程服务器部署监控异常2. git使用:Git是目前世界上最先进的分布式版本控制系统。Workspace:工作区Index / Stage:暂存区Repository:仓库区(或本地仓库)Remote:远程仓库SVN与Git的最主要的区别?SVN是集中式版本控制系统,版本库是集中放在中央原创 2020-10-01 21:50:17 · 879 阅读 · 0 评论 -
new内部原理+原型链
1.1)new的内部原理?① 创建一个空对象,作为将要返回的对象实例;② 将这个空对象的原型,指向构造函数的prototype属性;③ 将这个空对象赋值给函数内部的this关键字;所有针对this的操作都会发生在空对象上;④ 开始执行构造函数内部的代码;2)关于return语句?如果构造函数内部:有return +返回一个对象====>new命令会返回return语句指定的对象;否则就不会管return语句,返回this对象;3)对普通函数使用new ?普通函数内部没有this ,原创 2020-09-29 09:21:28 · 343 阅读 · 0 评论 -
ES6新增对象方法
Object.keys()、Object.values()、Object.entries()的用法一、 Object.keys(obj)参数:要返回其枚举自身属性的对象返回值:一个表示给定对象的所有可枚举属性的字符串数组处理对象,返回可枚举的属性数组let person = {name:"张三",age:25,address:"深圳",getName:function(){}};console.log(Object.keys(person));在这里插入图片描述处理数组,返原创 2020-09-27 18:01:20 · 942 阅读 · 0 评论 -
数组去重
数组去重const arr = [1, 1, ‘1’, 17, true, true, false, false, ‘true’, ‘a’, {}, {}];// => [1, ‘1’, 17, true, false, ‘true’, ‘a’, {}, {}]方法一:利用Setconst res1 = Array.from(new Set(arr));方法二:两层for循环+spliceconst unique1 = arr => { let len = arr.len原创 2020-09-27 10:06:40 · 86 阅读 · 0 评论 -
8-30.深拷贝/浅拷贝
原创 2020-08-30 16:40:39 · 67 阅读 · 0 评论