前端 - sdk社区 | 技术至上

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

22576 阅读

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

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

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

13626 阅读

收藏
3 年前 / 零00

js-数据类型判断方法

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

13513 阅读

收藏
4 年前 / 零00

JavaScript-密码框输入验证

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

5308 阅读

收藏
4 年前 / 搬运工2号

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

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

5286 阅读

收藏
4 年前 / 零00

JavaScript-循环精灵图

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

5154 阅读

收藏
4 年前 / 搬运工2号

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

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

4996 阅读

收藏
4 年前 / 零00

JavaScript-tab栏切换

tab栏：点击不同的标签，显示不同的内容，被点击的标签样式发生改变（突出选中的是哪一个）实现思路：将tab栏分为上下两部分，上面是导航列表，下面是各部分对应的内容。把标签和内容都写出来，内容按照标签顺序依次顺着写，给标签都添加自定义属性- - -index，属性值从0开始，依次增加1首先实现上面的效果，点击后样式切换，被点击的字体颜色、背景颜色改变等:①css定义一个类eg：current，里面定义改变后的样式，先给第一个标签写一个该类名，其他的不写类名，②js获取所有标签元素对象，- - -f

4879 阅读

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

viewports 剖析

本文转载之：Part1: http://www.quirksmode.org/mobile/viewports.htmlPart2: http://www.quirksmode.org/mobile/viewports2.html————作者：Perter-Paul Kouch————译者：@承风前言在这个迷你系列的文章里，我将解释viewport和多种中药的HTML标签元素的宽度是如何工作的，例如标签。同样也会解释window和screen宽度的问题。第一部分主要关于桌面（pc）浏览器，基本目

4789 阅读

收藏
4 年前 / timing / JS算法基础篇

JS基础算法(字符串篇)

算法考点见多识广（每个类型都要能说出一二三来，具体细节不要纠结）反应迅速（快速用js实现出来栈，队列等）就算立马写不出来，至少快速说出思路基础算法-字符串1.反转字符串中的单词 III给定一个字符串，你需要反转字符串中每个单词的字符顺序，同时仍保留空格和单词的初始顺序。示例 1:输入: "Let's take LeetCode contest" 输出: "s'teL ekat edoCteeL tsetnoc" 注意：在字符串中，每个单词由单个空格分隔，并且字符串中不会有任何额外的空格。注意点

4689 阅读

收藏
4 年前 / king

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

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

2997 阅读

收藏
4 年前 / 小乌龟

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

2556 阅读

收藏
4 年前 / Tz_BB

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

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

2547 阅读

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

2314 阅读

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

JS执行机制与Event Loop

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

2178 阅读

收藏

加载中...