摘要:
前言 大家好我是搬砖小胡,初次发布文章总结,说的不太对的地方还请网友们多多包涵。发布文章主要也是巩固自己的知识更加熟练,全凭自己的理解和网上查资料总结出来的,如有不对的地方还望多多指点。下面是我总结的一下常见面试题,为了督促自己还可以会继续更新😀 *注:末...
阅读全文
posted @ 2022-09-03 09:06
web前端面试小助手
阅读(95)
推荐(0)
摘要:
携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第16天,点击查看活动详情 降低阅读负担,启发创作心智,轻松学习 JavaScript 技巧,日拱一卒,jym,冲~ 注:本篇可能更适合 JS 新手食用,大佬请绕道🤝 类数组转数组 什...
阅读全文
posted @ 2022-09-03 09:06
web前端面试小助手
阅读(59)
推荐(0)
摘要:
//dateTimeStamp是一个时间毫秒,注意时间戳是秒的形式,在这个毫秒的基础上除以1000,就是十位数的时间戳。13位数的都是时间毫秒。 function timeago(dateTimeStamp){ var minute = 1000 * 60; //把分,时,天,周,半个月,一个月用毫
阅读全文
posted @ 2022-08-29 12:34
web前端面试小助手
阅读(191)
推荐(0)
摘要:
携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第23天,点击查看活动详情 ui设计的元素有时候需要有一些动画效果,可以直接用css动画来实现。 实现一个中心圆向四周有水波纹的效果 利用定位添加多个圆,给他们加上动画,使得依次从小变大,这样就形成了逐渐外扩的动画效果 (一)中间圆
阅读全文
posted @ 2022-08-23 18:07
web前端面试小助手
阅读(741)
推荐(0)
摘要:
点赞再看,养成好习惯!收藏学会,卷王也不累~ 👍👍👍 另外 1 个小 tips,对正则阅读有障碍的同学可以借助这个网站 jex.im/regulex/,将正则可视化,从此爱上读正则! 比如:校验邮箱的正则: ^\w+([-+.]\w+...
阅读全文
posted @ 2022-08-16 18:59
web前端面试小助手
阅读(52)
推荐(0)
摘要:
前言 不止一次接手过复杂业务功能模块,开端总是深陷其中难以自拔,无数个深夜抚摸着头皮在内心暗暗咒骂。 相信你也有过类似的经历,面对复杂的业务逻辑,看代码俩小时,写代码五分钟,没有点胆识和谋略都不敢下手。 最近总结复盘了一下,以备后用,如果有喜欢的同事想坑他...
阅读全文
posted @ 2022-08-16 18:59
web前端面试小助手
阅读(55)
推荐(0)
摘要:
点赞 + 关注 + 收藏 = 学会了 作为一只前端,只懂 Vue、React 感觉已经和大家拉不开距离了。 可视化、机器学习等领域 JS 都有涉及到,而可视化方面已经被很多领域用到,比如大屏项目。 可视化领域相关的技术有 canvas 和 SVG ,而这两...
阅读全文
posted @ 2022-08-16 18:59
web前端面试小助手
阅读(306)
推荐(0)
摘要:
flex布局相信很多人都已经有不少了解,其优势和作用被越来越多的开发者所喜爱,网上也有很多关于关于flex的介绍和教程。但是根据笔者的面试经验发现,很多人尤其是初中级开发者对flex布局都仅仅停留下center布局、flex-start/end布局。当被问...
阅读全文
posted @ 2022-08-16 18:59
web前端面试小助手
阅读(182)
推荐(0)
摘要:
携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第15天,点击查看活动详情 降低阅读负担,启发创作心智,轻松学习 JavaScript 技巧,日拱一卒,jym,冲~ 1. 将数字定义为常量 我们常常会用到数字,比如以下代码: cons...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(37)
推荐(0)
摘要:
例: 遇到这种布局要求我们应该怎么办? 方法1:使用flex布局 item1 <div
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(26)
推荐(0)
摘要:
先给大家推荐一个实用面试题库 1、前端面试题库 (面试必备) 推荐:★★★★★ 地址:前端面试题库 2、前端技术导航大全 推荐:★★★★★ 地址:前端技术导航大全 3、开发者颜色值转换工具 推荐:★★★★★ 地址 :开...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(141)
推荐(0)
摘要:
程序员面试题库分享 1、前端面试题库 (面试必备) 推荐:★★★★★ 地址:前端面试题库 2、前端技术导航大全 推荐:★★★★★ 地址:前端技术导航大全 3、开发者颜色值转换工具 推荐:★★★★★ 地址 :开发者颜色值...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(63)
推荐(0)
摘要:
程序员面试题库分享 1、前端面试题库 (面试必备) 推荐:★★★★★ 地址:前端面试题库 2、前端技术导航大全 推荐:★★★★★ 地址:前端技术导航大全 3、开发者颜色值转换工具 推荐:★★★★★ 地址 :开发者颜...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(182)
推荐(0)
摘要:
程序员面试题库分享 1、前端面试题库 (面试必备) 推荐:★★★★★ 地址:前端面试题库 2、前端技术导航大全 推荐:★★★★★ 地址:前端技术导航大全 3、开发者颜色值转换工具 推荐:★★★★★ 地址 :开发者颜色值转换...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(136)
推荐(0)
摘要:
1.webpack里面配置自动注册组件 第一个参数是匹配路径,第二个是深度匹配,第三个是匹配规则const requireComponent = require.context('./libary', true, /\.vue$/)export default...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(57)
推荐(0)
摘要:
程序员面试题库分享 1、前端面试题库 (面试必备) 推荐:★★★★★ 地址:前端面试题库 2、前端技术导航大全 推荐:★★★★★ 地址:前端技术导航大全 3、开发者颜色值转换工具 推荐:★★★★★ 地址 :开发者颜色值转换...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(48)
推荐(0)
摘要:
与许多其他编程语言一样,JavaScript 也在不断发展,每年,该语言都会通过新功能变得更强大,让开发人员编写更具表现力和简洁的代码。让我们探索 ECMAScript 2022 (ES13) 中添加的最新功能,并查看它们的使用示例以便我们更好地理解它们。 ...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(48)
推荐(0)
摘要:
引言 上一篇关于《面试官为啥总是喜欢问前端路由实现方式》的文章发布后,发现还是挺受欢迎的。这就给我造成了一定的困惑 之前花了很长时间,实现了一个自认为创意还不错的关于前端如何利用node+canvas实现一键解析博客中关键词后生成一张云图,并支持一键上传...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(42)
推荐(0)
摘要:
a公司 (√)自我介绍(√)是否在职;离职原因;未来团队期待,主要看中啥(√)职业规划,发展方向(√)关注的前端方向:vue3;ts;vite;小程序(√)深拷贝和浅拷贝的区别,实现方式有哪些;deepClone 手写递归,具体实现方式,特别数据的边界处理(时...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(173)
推荐(0)
摘要:
前言 web缓存是高级前端工程师必修技能。是我们变成大牛过程中绕不开的知识点。 文章会尽量用通俗易懂的言语来细说web缓存的概念和用处。 本期文章的大纲是 什么是web缓存(前端缓存) 缓存可以解决什么问题?他的缺点是什么? 强制缓存原理讲解 3.1.基...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(70)
推荐(0)
摘要:
背景 从事前端开发的同学,在实际工作中,一定会接触过路由这个概念,同时在面试的过程中,经常会被问及关于前端路由的实现方式,面试官到底想考察什么?在现在SPA单页面模式盛行,前后端分离的背景下,我们要弄清楚路由到底是个什么玩意,它可以帮助我们加深对于前端项目线...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(54)
推荐(0)
摘要:
一、HTML面试题 面试题:行内元素有哪些?块级元素有哪些? 空(void)元素有哪些? 面试题:页面导入样式时,使用link和@import有什么区别? 面试题:title与h1的区别、b与strong的区别、i与em的区别? 面试题:img标签的ti...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(133)
推荐(0)
摘要:
程序员面试题库分享 1、前端面试题库 (面试必备) 推荐:★★★★★ 地址:前端面试题库 2、前端技术导航大全 推荐:★★★★★ 地址:前端技术导航大全 3、开发者颜色值转换工具 推荐:★★★★★ 地址 :开发者颜色值转...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(32)
推荐(0)
摘要:
在 JS 中,伪数组 是非常常见的,它也叫 类数组。伪数组可能会给 JS 初学者带来一点困扰。 本文将详细讲解 什么是伪数组,以及分别在 ES5 和 ES6 中将伪数组转换成真正的数组 。 什么是伪数组? 伪数组的主要特征:它是一个对象,并且该对象有 l...
阅读全文
posted @ 2022-08-16 18:58
web前端面试小助手
阅读(162)
推荐(0)
摘要:
圆角大杀器,使用滤镜构建圆角及波浪效果! 本文,将另辟蹊径,介绍一种使用滤镜去构建圆角的独特方式。 首先,我们来看这样一个图形: 一个矩形,没什么特别的,代码如下: div { width: 200px; height: 40px; background-color: #000; } 如果,我们现在
阅读全文
posted @ 2022-07-25 11:36
web前端面试小助手
阅读(87)
推荐(0)
摘要:
☀️ 前言 这次我就给大家分享一些一看就会的实用JavaScript优雅小技巧。「难度:🌟」 「推荐阅读时长:5min」😎 正片减少if...else面条代码 一旦当我们写到超过两个if...else的函数的时候就该想想是否有更好的优化方法。比如现在...
阅读全文
posted @ 2022-07-23 11:40
web前端面试小助手
阅读(48)
推荐(0)
摘要:
图片压缩 百亿站点 // 1.封装a-b随机数// parseInt(Math.random()*9000+1000) // 0-...
阅读全文
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(294)
推荐(0)
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(11)
推荐(0)
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(23)
推荐(0)
摘要:
第一种仅支持单行省略: width:value;overflow: hidden;text-overflow: ellipsis;w...
阅读全文
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(96)
推荐(0)
摘要:
作用:想要把从上往下排列的元素变成从左往右,或者从右往左排列 浮动:float:left |right | none float:right ;第一个元素就会在最右边 float:left; 第一个元素就会在最左边
阅读全文
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(26)
推荐(0)
摘要:
substring()方法 用于截取字符串中介于两个指定下标之间的字符 var str = 'my sunshine';str.su...
阅读全文
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(189)
推荐(0)
摘要:
正立直角三角形 思路: 1:两个for循环,外层for循环控制换行,里层for循环控制每行输出 2:外循环,每循环一次,输出换行符,...
阅读全文
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(620)
推荐(0)
摘要:
onclick 事件 常用事件 onclick:点击事件 ondblclick:双击事件 onmouseover:鼠标移入事件 on...
阅读全文
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(86)
推荐(0)
摘要:
图片压缩 百亿站点 在小程序中查看效果 ...
阅读全文
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(335)
推荐(0)
摘要:
function arr() { var s = 0; for (var i = 0; i < arguments.length; i++) { s = s + arguments[i]; } return s;}var ...
阅读全文
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(222)
推荐(0)
摘要:
js数组与字符串的相互转换 一、数组转字符串 需要将数组元素用某个字符连接成字符串,示例代码如下: var a, b,c; a = new Array(a,b,c,d,e); b = a.join('-'); //a-b-c-d-e 使用-拼接数组元素c =...
阅读全文
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(219)
推荐(0)
摘要:
1、背景颜色 background-color: background-color: pink; 背景图片的显示原则 1)容器尺寸等于图片尺寸,背景图片正好显示在容器中; 2)容器尺寸大于图片尺寸,背景图片将默认平铺,直至铺满元素; 3)容器尺寸小于...
阅读全文
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(623)
推荐(0)
摘要:
list-style-type:disc(实心圆) | circle(空心圆)| square(实心方块)|none(没有) 用图片作为列表符号 list-style-image: url(../images/arror.jpg) 改变列表符号的位置:...
阅读全文
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(175)
推荐(0)
摘要:
字间距:letter-spacing: 以字符为标识去添加间距 词间距:word-spacing 以空格为标识去添加间距 /* letter-spacing: 10px; */ word-spacing: 40px; 改变文本大小写的,只对英文有作用 te...
阅读全文
posted @ 2022-07-23 10:04
web前端面试小助手
阅读(481)
推荐(0)