+Frontend Basic/前端基础
GuoyeZhang
全栈工程师(大前端方向)
展开
-
前端面试javascript要点简述(下)
1.常用ES6功能2.数组和对象的拷贝2.1 浅拷贝 2.2 深拷贝2.3 第一层深拷贝3. 异步 3.1 单线程 3.2 Promise的使用 3.3 async/await的使用 3.4 event loop 事件轮询原创 2020-09-23 10:53:45 · 153 阅读 · 0 评论 -
前端面试javascript要点简述(中)
1.跨域1.1 可以允许跨域的3个html标签imglinkscript1.2 方法jsonp服务端设置 http header反向代理 如nginx2.cookies与tokencookies在每次请求时都会带上。token是自定义的参数,可自定义进行传递,通常在header上带上cookies容量大小只有4kb,不像LocalStorage和SessionStorage有5M。另外cookies是字符串api过于简单,通常需要结合第三方库进行操作CSRF攻击的原因是由于原创 2020-09-15 16:09:44 · 139 阅读 · 0 评论 -
前端面试javascript要点简述(上)
基础部分1.JS中使用typeof能得到哪些类型?(JS变量类型)空类型 null(=>object) undefined值类型 number string boolean引用类型 (对象、数组)object function1.1 JS内置函数Number, String, Boolean, Object, Array, Function, RegExp, Date, Error内置对象Math, JSON2.使用===与==的区别(类型强转)==用于弱比较,如下面都成立原创 2020-09-14 11:59:46 · 201 阅读 · 1 评论 -
一道考查异步执行顺序的题(Event Loop)
这是一道考查异步执行顺序的题。请写出下面的输出结果。完后看评论区答案async function async1() { console.log('async1 start'); await async2(); //更改如下: setTimeout(function() { console.log('setTimeout1') },0)}async function async2() { //更改如下: setTimeout(funct原创 2020-09-09 10:28:20 · 161 阅读 · 1 评论 -
遍历JS Object的方法
遍历JS Object的方法1.Object.keys2. for in1.Object.keysconst body = { hot: false, id: 5, news: true, topice: 1}// 遍历对象body,并对值进行更改,并不能对id进行修改。Object.keys(body).forEach((key, index) => { if (key != 'id') { body[key] = body[key] ? 1 : 0; }})c原创 2020-08-14 16:11:18 · 11907 阅读 · 0 评论 -
使用原生javascirpt获取浏览器地址参数
javascirpt获取浏览器地址参数现在3大框架(Vue, React, Angular)都有路由的方案,获取路由上的参数是相当的简单的。但有时候存在一些场景,就需要框架还未加载前,有可能需要获取url上的参数。这时候,就需要使用原生的javascript来获取url地址上的参数了。Get URL Parameters With JavaScripfunction getUrlVars(...原创 2019-08-03 10:01:37 · 457 阅读 · 0 评论 -
Javascript删除数组中某一项或几项的几种方法
Javascript删除数组中某一项或几项的几种方法1. splice1.1 删除1.2 替换1.3 添加2. delete1. spliceJs中的splice方法splice(index,len,[item]) 注释:该方法会改变原始数组。splice有3个参数,它也可以用来 替换/删除/添加 数组内某一个或者几个值index:数组开始下标 len: 替换/删除的...原创 2019-04-24 14:32:02 · 2026 阅读 · 0 评论 -
禁止网页选中文字的方法
禁止网页选中文字的方法禁止网页选中文字最简单的实现方法在body上加上属性onselectstart<body onselectstart="return false">原创 2019-04-23 14:07:12 · 871 阅读 · 0 评论 -
5分钟弄清楚html5的drag and drop
5分钟弄清楚html5的drag and drop5分钟弄清楚html5的drag and drop,及其他监听事件和执行的次序。示例如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con...原创 2019-04-10 10:28:17 · 336 阅读 · 0 评论 -
如何正确的使用Promise
promise用法对比传统回调函数与Pormise的写法传统回调函数// 声明函数function run(callback) { let parmas = 0; if (callback) callback(parmas);};function fnStep1(callback) { let parmas = 123; if (callback...原创 2017-12-11 10:51:00 · 623 阅读 · 0 评论 -
javascript原型链及继承的理解
javascript:void(null)# 原型链及继承的理解定义函数function A(name) { // 构造内容(构造函数) this.name = name; /* // 也支持定义方法。但为了性能,不建议在构造里定义方法 this.fn = function(parmas){ // your code ...原创 2017-12-11 12:21:00 · 179 阅读 · 0 评论