前端 - sdk社区 | 技术至上

2 年前 / admin

2021前端面试经常被问到的题(附答案)

面试经常被问到的题一、html51、html常见面试题2、艺术喵 2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）| 掘金技术征文3.前端 100 问：能搞懂 80% 的请把简历给我4、前端优化二、css1.CSS 基础面试题（附答案）2.如何居中div？3. CSS3新特性4.清除浮动5.media媒体查询6.讲一讲Flex布局，以及常用的属性？7.BFC8.px rem em vh vw之间的区别到底是啥？9.0.5px的线10.12px以下的字体三、javascript1. Sym

7391 阅读

收藏
7 个月前 / 零00

js-数据类型判断方法

javascript中常用数据类型判断方法有：typeof、instanceof、constructor、Object.prototype.toString.call()typeof- - -可以检测出基本数据类型（除了null）检测方法： typeof xx优点：使用简单缺点：复杂类型检测出来都是 object，null 也是 objectinstanceof 原型链检测检测方法：xx instanceof yy - - -检测 xx 的原型链上是否存在 yy优点：能检测出引用类型缺点：in

2196 阅读

收藏
2 年前 / king

前端装逼技巧 108 式（一）—— 打工人

你在拼多多到处找人砍价，他在滴滴打车求人助力，我在电子厂拧螺丝拧到凌晨，我们都有光明的未来！早安，打工人！楔子作为一名拥有钢铁般意志的前端打工人，装逼是不可能的，这辈子都不可能装逼。如果真要装逼，那就大家一起装逼，毕竟前端要讲武德嘛，要耗子尾汁。遂决定写下前端装逼技巧108式，供诸君茶余饭后一乐，时不时秀个骚操作，为打工的生活增添一抹亮色。因作为打工人，时间、精力有限，目前大纲只有约50式，还请诸君有好的装逼要点私信或者在评论区留言，也可在我的博客页面扫码添加微信，大家共同探讨装逼大计、

1896 阅读

收藏
2 年前 / Tz_BB

谈一谈跨域，以及跨域解决方法

01 前言跨域是几乎我们在请求数据是都会遇到问题，那究竟什么是跨域，又如何解决呢？话不多说我们直接开始。02 同源策略同源策略是一个安全策略。所谓的同源,指的是协议,域名,端口相同。同源策略限制了一下行为：Cookie、LocalStorage、SessionStorage 和 IndexDB 无法读取DOM 和 JS 对象无法获取Ajax 请求发送不出去03 什么是跨域跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。04 解

1516 阅读

收藏
2 年前 / wex / ECMAScript 6 简介

JS执行机制与Event Loop

前言整理了一下 javascript 的基础知识，在此给大家做下分享，喜欢的大佬们可以给个赞。js 是一门单线程语言。 js 引擎有一个主线程（main thread）用来解释和执行 js 程序，实际上还存在其他的线程。例如：处理 ajax 请求的线程、处理 DOM 事件的线程、定时器线程、读写文件的线程(例如在 node.js 中)等等。这些线程可能存在于 js 引擎之内，也可能存在于 js 引擎之外，在此我们不做区分。不妨叫它们工作线程。JS 执行上下文当代吗运行时，会产生对应的运行环境，在

1480 阅读

收藏
2 年前 / Tz_BB

详细的谈一谈apply, call, bind

01 前言这又是一个面试经典问题，也是 ES5 中众多坑中的一个。虽然在 ES6 中可能会极大避免 this 产生的错误，但是为了一些老代码的维护，详细的了解一下 this 的指向和 call、apply、bind 三者的区别还是很有必要的。02 this的指向了解call，apply，bind之前我们先来了解下js中 this 的指向。其实 this 的指向，始终坚持一个原理： this 永远指向最后调用它的那个对象。下面我们就来讨论下这些场隐式绑定的场景this指向:全局上下文直接调用函数对

1432 阅读

收藏
5 个月前 / 科技男 / 前端开发

如何使用ESLint和Prettier进行代码分析和格式化

我们在开发工作中，经常会进行代码分析和代码格式化，ESlint和Prettier几乎是当前最流行的工具了，极大的提高了我们的开发效率。两者的区别在于ESlint通常负责查找和报告代码内部的不同模式，旨在处理JavaScript文件，确保代码没有明显错误的问题。Prettier是一种代码格式化程序，于ESlint不同，它支持多种语言，如JavaScript、HTML、Css、GarphQL、Markdown等。这两种工具在开发社区中都有很好的支持，并且在大多数的编辑器中都可以使用它们的扩展。Vis

1303 阅读

收藏
2 年前 / Jefferson

vue3.0 rem适配手机端

postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem lib-flexible 用于设置 rem 基准值 1、安装postcss、lib-flexible npm install postcss postcss-pxtorem --save-devnpm i -S amfe-flexible2、main.js中引入 import 'amfe-flexible';3、创建名为postcss.config.js的文件放在根目录，记得要重新运行项目。 module.

1296 阅读

收藏
2 年前 / wex / ECMAScript 6 简介

前端面试题解析

1、10个 ==Ajax== 同时发起请求，全部返回展示结果，并且最多允许三次失败，说出设计思路这个问题很多人会想到用 ==Promise.all== ，但是这个函数有一个局限在于如果失败一次就返回了，这样实现会有一些问题，需要变通下。来看下下面的两种实现思路// 以下是不完整的代码，着重于思路非 Promise 写法let successCount = 0let errorCount = 0late datas = []ajax(url, (res) => { if (success)

1184 阅读

收藏
2 年前 / 搬运工2号

推荐程序员必备的 10 大 GitHub 仓库，前端占了 7 个！

大家好，我是你们的猫哥，一个不喜欢吃鱼、又不喜欢喵的超级猫 ~关于猫哥，大家可以看看我的年终总结前端工程师的 2020 年终总结 - 乾坤未定，你我皆黑马。前言初级前端与高级前端之间，很大原因就是投入学习前端的时间、经验的差别，其实就是信息差。如果有一个地方能又快又好的获得这些优质的前端信息，那么将会大大缩短从初级到高级的时间。前端GitHub 就是这样一个仓库，能帮助前端开发人员节省时间的仓库！公众号：前端GitHub，专注于挖掘 GitHub 上优秀的前端开源项目。已经推荐了面试项目

1157 阅读

收藏
2 年前 / 小乌龟

Jenkins-Pipeline单stage控制并发构建流程，限制并发线程数量

一、这是一个demo不单单用作并发构建docker镜像，因为使用sh''' 也是shell，也可作用其他类似用途Jenkins并发还有另一个写法（详情看在下面第四个）（不好扩展，新增并发步骤需要写上）而单stage并发可让传入的参数个数去控制流程步骤，如传入S1-S18会有18个步骤，传入S1-S5就会生成5个二、pipeline def build_docker(service) { stages = { def thing = null waitUnt

1047 阅读

收藏
2 年前 / wex / ECMAScript 6 简介

ECMASscript 6 入门（一）

前言本文转载之阮一峰 ECMAScript 6 入门ECMAScript 6 简介ECMAScript 6.0（以下简介 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布。它的目标，使得 JavaScript 语言可以用来编写复杂的大型应用程序，称为企业级开发语言。1. ECMASscript 和 JavaScript 的关系一个常见的问题是，ECMAScript 和 JavaScript 待敌是什么关系要讲清楚这个问题，需要回顾历史。1996 年 11

1029 阅读

收藏
2 年前 / 搬运工2号

前端菜鸟让接口提速60%的优化技巧

背景好久没写文章了，沉寂了大半年持续性萎靡不振，间歇性癫痫发作天天来大姨爹，在迷茫、焦虑中度过每一天不得不承认，其实自己就是个废物作为一名低级前端工程师最近处理了一个十几年的祖传老接口它继承了一切至尊级复杂度逻辑传说中调用一次就能让cpu负载飙升90%的日天服务专治各种不服与老年痴呆我们欣赏一下这个接口的耗时平均调用时间在3s以上导致页面出现严重的转菊花经过各种深度剖析与专业人士答疑最后得出结论是：放弃医疗鲁迅在《狂人日记》里曾说过：“能打败我的，只有女人和酒精，而不是bug”每当身处黑暗之时这

998 阅读

收藏
2 年前 / king

一个只有3KB的文件每月下载量竟超过1.5亿

拳头公司今年推出了《英雄联盟》的手游，迄今为止下载量已经超过100万，但你能想象一个只有3KB的文件，每个月的下载量竟然高达1.6亿吗？事情是这样的，德国程序员朱利安.格鲁伯（Julian Gruber）在网站npm上发布了一个文件名为isarray ,文件大小只有3.43KB，但每周下载量为3986万，相当于每月下载量接近1.6亿，如下图红圈处所示：3KB有多小呢？打个比方，电脑里一张图片的大小通常是几百KB，而如果你在Word文档里打10个英文字母，文件大小在15KB左右。npm是Node.

973 阅读

收藏
2 年前 / 搬运工2号

使用 mask 实现视频弹幕人物遮罩过滤

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。简单的一个截图例子：其实，这里是运用了 CSS 中的 MASK 属性实现的。mask 简单用法介绍之前在多篇文章都提到了 mask，比较详细的一篇是 -- 奇妙的 CSS MASK，本文不对 mask 的基本概念做过多讲解，向下阅读时，如果对一些 mask 的用法感到疑惑，可以再去看看。这里只简单介绍下 mask 的基本用法：

937 阅读

收藏

加载中...