前端 - sdk社区 | 技术至上

3 年前 / 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

9013 阅读

收藏
1 年前 / 科技男 / 前端开发

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

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

3406 阅读

收藏
1 年前 / 零00

js-数据类型判断方法

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

3319 阅读

收藏
3 年前 / king

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

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

2322 阅读

收藏
3 年前 / Tz_BB

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

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

1851 阅读

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

JS执行机制与Event Loop

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

1707 阅读

收藏
3 年前 / Tz_BB

详细的谈一谈apply, call, bind

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

1692 阅读

收藏
3 年前 / 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.

1690 阅读

收藏
3 年前 / 搬运工2号

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

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

1686 阅读

收藏
2 年前 / 零00

JavaScript-密码框输入验证

111有时需要在前端页面，用户输入时先进行简单的验证，减少服务器压力例如，限定了字段的输入长度：输入框后有输入范围提示信息输入错误长度的话，变成错误提示信息输入正确长度的话，显示正确提示信息实现思路先写出输入提示信息，定义错误和正确的类，写出相应样式获取输入框元素对象，if语句对属性值进行长度判断，根据不同结果，显示不同的提示信息内容，设置不同的提示信息类名- - -以切换样式示例代码：密码框输入提示 div { wid

1581 阅读

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

前端面试题解析

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

1568 阅读

收藏
3 年前 / 小乌龟

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

1496 阅读

收藏
3 年前 / 搬运工2号

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

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

1419 阅读

收藏
2 年前 / 零00

JavaScript-循环精灵图

如果一个模块中，有多个相同的标签，都要使用精灵图，且所用到的小图在精灵图中是有规律整齐排放的，可以使用JavaScript来设置，从而简化css代码。实现思路先找到小图在精灵图中的排列规律，写出位置算法，然后用for循环遍历标签，为标签设置背景图位置属性，用位置算法给属性赋值精灵图示例小图的x轴坐标都为0，y轴上第一个0，第二个44px，第三个88px、、、依次多44px，找到规律：每个的y轴坐标：索引 * 44px（索引从0开始），注意使用精灵图是要将图片向上移，所以y轴坐标为负值代码示例：

1310 阅读

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

ECMASscript 6 入门（一）

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

1287 阅读

收藏

加载中...