js开发
前端老道
一个写代码有点嘚儿的程序猿~,希望和大家一起学习,一起进步。大家也可以关注【前端开发社区】,里面有更多学习干货供大家学习,下载。
展开
-
彻底理解 Cookie、Session、Token、JWT这些登录授权方法
“关注前端开发社区,回复“ 1”即可加入前端技术交流群,回复“ 2”即可免费领取500G前端干货!作者:秋天不落页http://suo.im/5YKnRS1、什么是认证(Authentication) 通俗地讲就是验证当前用户的身份,证明“你是你自己”(比如:你每天上下班打卡,都需要通过指纹打卡,当你的指纹和系统里录入的指纹相匹配时,就打卡成功) 互联网中的认证: 用户名密码登录 邮箱发送登录链接 手机号接收...转载 2020-08-16 15:15:36 · 690 阅读 · 0 评论 -
前端跨域问题汇总及解决方案
“关注前端开发社区,回复“ 1”即可加入前端技术交流群,回复“ 2”即可免费领取500G前端干货!来源 |https://segmentfault.com/a/1190000012158485跨域问题的场景和解决方案多种多样,只要是做前端开发,总会遇到。而且面试时也是必问的问题。所以自己学习总结记录一下。因为浏览器的同源策略,前端开发会遇到各种跨域问题。本篇文章总结了遇到跨域问题的不同的场景以及对应的解决方案。前言在总结各种跨域问题之前,我们先来了解一下浏览器...转载 2020-08-11 11:54:51 · 3404 阅读 · 0 评论 -
JS基础知识总结(十三):ES6 对象的扩展
“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!上一节主要是总结了ES6中和数组有关的内容。本节主要总结ES6中对象的扩展,具体内容包括以下几个方面:会介绍以下内容:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lFS4DgYE-1593584250123)(https://static01.imgkr.com/temp/1e7c8a927b014fe8b46f69ae9e9a20a5.png)]1.ES6对转载 2020-07-01 14:18:59 · 257 阅读 · 0 评论 -
JS基础知识总结(十二):ES6 数组的扩展
“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!作者:前端林子 https://cloud.tencent.com/developer/article/1380512上一节主要总结了ES6中的类、类的继承的有关内容。本节主要总结和数组有关的内容,具体内容包括以下几个方面:1.创建数组 1.1 ES5的方式回忆下ES5中创建数组的方式:调用Array的构造函数,即new Array()new Array(size)new Array转载 2020-06-29 16:47:44 · 368 阅读 · 0 评论 -
JS基础知识总结(十):ES6基本知识点(2)
“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!作者:前端林子 https://cloud.tencent.com/developer/article/1380512上一篇文章总结了前五个部分的内容,可以点击阅读小结ES6基本知识点(一)。本文将总结Symbol、Set和Map的有关内容。1.Symbol 回忆下js中的5种原始类型:number、string、boolean、undefined、null。在ES6中,新定义了Symbol这转载 2020-06-27 12:00:07 · 159 阅读 · 0 评论 -
JS基础知识总结(九):ES6基本知识点(1)
“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!本文适合人群和主要内容ES6初学者,通过阅读本文可对ES6知识点有个大体的概念,强烈建议阅读阮一峰大大的ES6入门。老司机可以直接绕路。主要内容let、const命令解构赋值箭头函数字符串的一些扩展数组方法:map、filter、reduceModuleClassSet和MapPromiseasync和await1.let、const(1)let所声明的变量,转载 2020-06-27 11:18:47 · 337 阅读 · 0 评论 -
JS基础知识总结(六):js模块化从CommonJS到ES6
“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!模块化是指把一个复杂的系统分解到一个一个的模块。模块化开发的优点:(1)代码复用,让我们更方便地进行代码管理、同时也便于后面代码的修改和维护。(2)一个单独的文件就是一个模块,是一个单独的作用域,只向外暴露特定的变量和函数。这样可以避免污染全局变量,减少变量命名冲突。js模块化规范有:CommonJS、AMD、CMD、ES6的模块系统。本文将依次介绍下每个规范。script转载 2020-06-25 11:22:51 · 249 阅读 · 0 评论 -
JS基础知识总结(四):作用域与闭包
“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!本文是JS基础知识总结的第四篇文章,整个JS基础知识总结系列的文章可戳:一.变量类型原始类型、复合类型、类型判断数据类型转换值类型和引用类型二.浅拷贝与深拷贝浅拷贝的实现方式深拷贝的实现方式与赋值的区别三.原型与原型链原型原型链的定义四.作用域与闭包作用域与作用域链变量提升、函数提升1.作用域回顾下jQuery源码中,代码是包在(function()转载 2020-06-24 14:51:20 · 153 阅读 · 0 评论 -
JS基础知识总结(五):防抖和节流
“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!引入首先举一个例子:模拟在输入框输入后做ajax查询请求,没有加入防抖和节流的效果,这里附上完整可执行代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>没有防抖</title> <style ty转载 2020-06-23 16:53:03 · 162 阅读 · 0 评论 -
JS基础知识总结(三):原型、原型链
“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!上一篇JS基础知识总结(二)主要了介绍深拷贝、浅拷贝的基础知识,本文将介绍JS原型、原型链的有关内容。1.原型(1)所有的引用类型(对象、数组、函数),除了null,都具有对象特性,可自由扩展属性;(2)所有的引用类型(对象、数组、函数)都有一个__proto__属性,属性值是一个普通的对象;(3)所有的引用类型(对象、数组、函数)的__proto__属性值,指向它的构造函数的p转载 2020-06-21 09:56:29 · 160 阅读 · 0 评论 -
收藏吧 || ES6 方法,用来解决实际开发的JS问题(一)
“ 关注 前端开发社区 ,回复 ‘领取资源’,免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步1、如何隐藏所有指定的元素:const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none'));// 事例:隐藏页面上所有`<img>`元素?hide(document.querySelectorAll('img'))2、如何检查元素转载 2020-05-30 13:04:38 · 127 阅读 · 0 评论 -
js工具函数大全 || 实用篇
“ 关注 前端开发社区 ,回复 ‘领取资源’,免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步为元素添加on方法Element.prototype.on = Element.prototype.addEventListener;NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, function (el) { el.on(ev转载 2020-05-29 17:22:56 · 187 阅读 · 0 评论 -
十个超级实用的 ES6 特性
“ 关注 前端开发社区 ,回复 ‘领取资源’,免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步你可能刚上手 JavaScript,或者只是曾经偶尔用过。不管怎样,JavaScript 改变了很多,有些特性非常值得一用。这篇文章介绍了一些特性,在我看来,一个严肃的 JavaScript 开发者每天都多多少少会用到这些特性。展开操作符顾名思义,用于对象或数组之前的展开操作符(…),将一个结构展开为列表。演示一下:let firstHalf转载 2020-05-26 10:57:36 · 266 阅读 · 0 评论 -
JS数组的几个牛逼操作 | 面试高频
“ 关注 前端开发社区 ,回复 ‘领取资源’,免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步前言本文主要从应用来讲数组api的一些骚操作;如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等;上面这些应用场景你可以用一行代码实现?扁平化n维数组终极篇[1,[2,3]].flat(2) //[1,2,3][1,[2,3,[4,5]].flat(3) //[1,2,3,4,5][1,[2,3原创 2020-05-24 10:21:22 · 508 阅读 · 0 评论 -
JS 条件语句的 5 条守则
“ 关注 前端开发社区 ,回复 ‘领取资源’,免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步在用 JavaScript 工作时,我们经常和条件语句打交道,这里有5条让你写出更好/干净的条件语句的建议。多重判断时使用 Array.includes更少的嵌套,尽早 return使用默认参数和解构倾向于遍历对象而不是 Switch 语句对 所有/部分 判断使用 Array.every & Array.some原创 2020-05-23 12:16:09 · 138 阅读 · 0 评论 -
你还在写if else吗?更优雅的写法来了
“ 关注 前端开发社区 ,回复 '领取资源',免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步作者:前端炮哥前提我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch会变得越来越臃肿,越来越看不懂,那么如何更优雅的写判断逻辑,本文带你试一下。举个例子先看一段代码/** * 按钮点击事件 *原创 2020-05-22 16:10:42 · 759 阅读 · 0 评论 -
学会这几个JS小知识,面试包你通过
“ 关注 前端开发社区 ,回复 ‘领取资源’,免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步1 函数JSON.parse通常 JSON.parse(JSON.stringify(obj)) 常用来进行深拷贝,使用起来简单便利,但是大部分开发者在使用时往往会忽略其存在的问题问题:它无法实现对函数 、RegExp等特殊对象的克隆会抛弃对象的constructor,所有的构造函数会指向Object对象有循环引用,会报错// 构造函数原创 2020-05-22 14:03:04 · 231 阅读 · 0 评论 -
给大家安利几个开发JS的小技巧
“ 关注 前端开发社区 ,回复 ‘领取资源’,免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步1 转换布尔值除了常规的布尔值true和false之外,JavaScript还将所有其他值视为 ‘truthy’ 或**‘falsy’**。除非另有定义,否则 JavaScript 中的所有值都是’truthy’,除了0,“”,null,undefined,NaN,当然还有false,这些都是**‘falsy’**我们可以通过使用负算运算符轻松地在t原创 2020-05-21 11:56:02 · 177 阅读 · 0 评论