前端 - sdk社区 | 技术至上

更多

热门最新

3 个月前 / king

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

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

442 阅读

收藏
5 个月前 / wex

JS执行机制与Event Loop

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

406 阅读

收藏
5 个月前 / Tz_BB

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

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

301 阅读

收藏
5 个月前 / 远方的远方

DOM的classList属性

定义和用法classList 属性返回元素的类名，作为 DOMTokenList 对象，该属性可用户元素类的添加、移除、切换等, classList属性为只读，但可以使用add()和remove()方法修改。属性与方法1、 length 返回类列表中类的数量2、 add(class1, class2, ...) 在元素中添加一个或多个类3、 remove(class1, class2, ...) 在元素中删除一个或多个类4、 contains(class) 返回true或false，判断是否存在

283 阅读

收藏
5 个月前 / wex

前端面试题解析

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

265 阅读

收藏
5 个月前 / wex / ECMAScript 6 简介

ECMASscript 6 入门（一）

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

251 阅读

收藏
5 个月前 / Tz_BB

详细的谈一谈apply, call, bind

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

235 阅读

收藏
4 个月前 / 搬运工2号

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

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

211 阅读

收藏
4 个月前 / king

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

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

202 阅读

收藏
5 个月前 / wex

手写 call，apply，bind，new原生方法

前言记录一下最近学习的一些原生 JS 方法的实现，中间会用到一些es6的语法，有兴趣的朋友可以参考阮一峰 ES6 入门教程，留个赞再走呗。实现 call 方法// 将方法挂在到顶层函数 Function 的原型上，这样保证都能访问Funtion.prototype.myCall = function (...rest) { // 获取第一个参数为目标函数 var thisArg = rest[0] // 判断第一参数是否为原始值，如果是则通过构造函数包装成对象 var thisArgTy

193 阅读

收藏
3 个月前 / 搬运工2号

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

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

191 阅读

收藏
1 个月前 / 搬运工2号

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

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

188 阅读

收藏
4 个月前 / 远方的远方

Javascript数组的遍历方法（forEach、map、filter、some、every等）

Javascript迭代方法js中数组各种迭代方法等，总是容易记混，特地来记录下，以便以后查阅Array.forEach() 对数组中的每一项运行给定函数，无返回值。该函数接收三个参数（数组项的值、该项在数组中位置、数组本身）；Array.map() 对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。该函数接收三个参数（数组项的值、该项在数组中位置、数组本身）；Array.filter() 对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组。该函数接收三个参数（数

183 阅读

收藏
5 个月前 / wex / ECMAScript 6 简介

ECMASscript 6 入门（二）

前言本文转至阮一峰 ECMAScript 6 入门let 和 const 命令1. let 命令基本用法ES6 新增了==let==命令，用来声明变量。它的用法类似==var==，但是所声明的变量，只能在==let==命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not definedb // 1上面代码在代码块之中，分别用==let==和==var==声明了两个变量。然后在代码块之外调用这两个变量，结果==l

175 阅读

收藏
4 个月前 / 小乌龟

想成为全栈工程师，要做到哪几点？

简介如何成为一名全栈工程师？需要具备哪些技术积累？成为全栈工程师有哪些好处？希望本文能为期望成为全栈工程师的同学提供一点帮助，和同学们一起分享交流。作为开发者，我们不过度区分服务端 server 客户端 client，我们是 web developer，从事 web 开发，多去理解技术和实践落地。成为全栈工程师的道路成为全栈工程师说不上难也说不上容易，其中技术积累占了很大一部分：紧跟前沿掌握足够多的输入。关注海外社区新消息发布，业界的新产品新技术，学会高质量的获取信息，坚持做和习惯做。注重学习

164 阅读

收藏

加载中...