![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS学习
七月是我的生日
人生太苦,但你要甜!
展开
-
javascript处理树形结构数据(级联选择器,省市县联动)
后端返回给我们数据:const dataList = [ { id: 1, pid: 0, name: '服装类', }, { id: 2, pid: 0, name: '手机类', }, { id: 3, pid: 0, name: '食品类', }, { id: 4, pid: 1, name: '连衣裙', }, { id: 5, pid: 2,原创 2021-01-18 17:03:41 · 2045 阅读 · 2 评论 -
[字节跳动前端·一二三面 + hr面 + 实习offer面试总结]
写在前面:原创 2020-10-31 11:02:49 · 5955 阅读 · 2 评论 -
【快手一面二面实习offer面试总结】
写在前面:就其实自己是没有写面试总结这个习惯的,暑假去百度实习的时候,就有朋友让我写一下面试总结呀之类的,但是面试时间真的挺久(视频面试),好多东西都忘了,一直到实习回来就把学的新的技术挣了12篇博客发了,没有我预期中的爆炸访问量,demo特没有很多访问量,我就好奇是不是因为我么有设置付费(哈哈哈哈,调皮一下)。其实从暑假开始实习,自己就规划好了,开学了在11月份左右找实习,再去北京(对了,北京真的挺好的,除了房租贵,车堵云云)。然后从国庆开始,review了一下react知识,学了Typescript原创 2020-10-30 10:38:13 · 10059 阅读 · 17 评论 -
跨域问题处理(JSONP,CORS,webpack-dev-server,nginx)
本文主要讲解一些跨域的处理,附有部分源码。JSONP跨域方式JSONP跨域原理**JSONP **是一种非正式传输协议,该协议的一个要点就是允许用户传递一个callback 或者开始就定义一个回调方法,参数给服务端,然后服务端返回数据时会将这个callback 参数作为函数名来包裹住 JSON 数据,这样客户端就可以随意定制自己的函数来自动处理返回数据了。当GET请求从后台页面返回时,可以返回一段JavaScript代码,这段代码会自动执行,可以用来负责调用后台页面中的一个callback函.原创 2020-10-07 16:06:37 · 1514 阅读 · 2 评论 -
html+css+js基础知识回顾(1)
Html篇说说你所理解的语义化(举几个标签例子)section 定义文档中的一个章节的内容header 定义网页头部内容footer 定义网页尾部内容nav 定义文档包含连接的内容答:(1)去掉或者丢失样式的时候可以让页面呈现出清晰的结构(2)有利于SEO和搜索引擎建立良好沟通,有助于爬虫爬取更多的信息。(3)方便其他设备通过意义的形式解析(屏幕阅读器,盲人阅读器等)(4)...原创 2020-03-07 22:08:33 · 597 阅读 · 0 评论 -
js网页换肤
Demo2:网页换肤博主傻瓜式手撕代码,真的是傻瓜式。建议封装成方法。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...原创 2019-05-14 23:29:26 · 249 阅读 · 0 评论 -
js控制div的属性
Demo1:控制div的属性第一种方法:博主傻瓜式手撕代码,真的是傻瓜式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...原创 2019-05-13 19:07:07 · 1199 阅读 · 0 评论 -
javascript 函数节流
1.什么是函数节流?限制一个函数在一定时间内只能执行一次。2.项目开发–防止恶意刷注册最近在开发项目是,写到了home页登录注册,完成了一个form表单,自认为没什么问题了,小伙伴告诉我为了防止有人恶意刷注册,后台接口增加了每次提交间隔60s才能提交一次。而我前端就用了定时器一大堆代码,加上dom操作修改input的disabled属性完成了这个操作。后来想到了函数节流。3.函数节流代...原创 2020-02-19 00:19:13 · 118 阅读 · 0 评论 -
vue项目问题(1)javascript函数防抖
1.什么是函数防抖?官方的解释:当调用动作过n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执行时间。看完难免有点懵逼,所以我自己的路理解就是。公交车停站后,为了更好的接待游人。在最后一个人上车后原地等待20s钟,在等待20s的时候有人赶来了,等他上车后再等待20s钟,假如在20s内又等来一个人就继续等待20s。相当于刷新了等待20s这个机制。再通俗的一个例子就是,派克的R...原创 2020-02-17 22:34:02 · 134 阅读 · 0 评论 -
数组对象的深拷贝和浅拷贝
1.什么是深拷贝和浅拷贝?因为javascript有原始值和引用值之分,所以当浅拷贝复制数组或者对象的时候就是复制的引用,这样复制后的两个值会相互影响,深拷贝则相当于重新开辟了一快内存去存储复制的值,两个不会互相影响。2.数组数组的浅拷贝 { let arr = [1,2,3,4,5]; let copyArr = arr; ...原创 2020-02-10 21:25:15 · 1191 阅读 · 0 评论 -
javascript 和 ES6中遍历数组的高阶函数(not for of while 循环)
ES5中的数组的遍历高阶函数————————————————————————————注意:这些函数都要通过callback回调使用,其中参数均为xxx中回调函数中的第一个参数为:当前正在遍历的元素xxx中回调函数中的第二个参数为:当前元素索引xxx中回调函数中的第三个参数为:原数组本身————————————————————————————1.forEach循环作用:fo...原创 2020-02-01 23:42:20 · 348 阅读 · 0 评论 -
javascript 三种常用简单的数组去重方法
javascript 三种常用简单的数组去重方法第一种使用对象key值唯一的特性实现数组去重先看一个对象 let testObj1 = { name:'康家豪', age:18, high:1.88, home:'xiyounet' } let testOb...原创 2020-01-31 23:37:39 · 595 阅读 · 0 评论 -
js事件简单复习 和AJAX的了解
1.js事件绑定js事件的三种方法:1.elem.on*** = function(){}<script>var div = document.getElementsByClassName('box')[0];div.onclick = function(){console.log("a");}</script>兼容性好,但是一个元素的同一个事件只能绑定...原创 2019-07-28 16:48:48 · 109 阅读 · 0 评论 -
继承再理解(6中继承方式利弊)
今天听了学长的分享会,感觉加深了自己对原型的理解,所以写个小作文记录一下。原型基础知识:1.prototype 属性function Person(name,age){ this.name = name; this.age = age; this.sayname = function(){ alert(this.name...原创 2019-08-05 03:07:48 · 180 阅读 · 0 评论 -
【你不知道的JS】 关于this的详解
【你不知道的JS】–> 关于this的详解–1--首先我们要思考一个问题,为什么要使用this?function identify(){ return this.name.toUpperCase();}function speak(){ var greeting = "Hello,I'm" + identify.call(this); console.log(...原创 2019-06-17 22:23:21 · 188 阅读 · 0 评论 -
6种继承方式的复习(深入了解2)
1.原型链式继承让子原型对象指向父的实例,构建原型链。Father.prototype.LastName = "kang"function Father(){}var father = new Father();Son.prototype = father;(Son,prototype = new Father)function Son(){}var son = new S...原创 2019-06-20 20:52:44 · 179 阅读 · 0 评论 -
JS学习(JS函数知识)
JS函数,函数定义,调用等一,了解函数函数对于任何语言来叔哦都是一个核心的概念。通过函数可以封装多条语句,并且在任何时候调用执行。ECMAScript中函数使用function关键字来声明,后跟一组参数以及函数体。函数的基本语法如下所示。Function functionName(arg0,arg1,arg2....){Statements}//函数示例Function sayHi...原创 2019-04-14 14:33:22 · 721 阅读 · 2 评论 -
JS学习:DOM基础,文档碎片以及操作元素属性的3种方法
一.DOM1.创建DOM 2.插入DOM 3.删除DOM1.获取元素Window.onload = function (){}window.onload = function (){var oBtn = document.getElementById('btn1');var oUl = document.getElementById('ul1'); //获取元素oBtn.on...原创 2019-04-26 22:41:11 · 755 阅读 · 0 评论 -
JS事件基础(鼠标事件,键盘事件及默认行为)
JS 事件基础Document是一个最顶级的父节点,两个子节点分别为<!DOCTYPE>和HTML。window.onload = function(){alert(document.childNodes[0].tagName); [0]=undefined [1]=HTML}Event对象,因为存在兼容性问题,所以通常处理如下:document.onmousemov...原创 2019-05-04 16:55:59 · 11868 阅读 · 0 评论 -
JS基础学习笔记
JS学习基础1.1命名规范匈牙利命名法类型前缀 + 首字母大写1.2 JS里面的真假真的: true, 非零数字, 非空字符集, 对象假的; false,数字0,空字符串,null(空对象),undefine。1.3类型转换显示转换parseint() number() parsefloat()var sum = (parseInt(A.value) + parseInt...原创 2019-04-20 10:53:04 · 114 阅读 · 0 评论 -
JS拖拽及常见的问题
JS拖拽:无论是网页还是qq登录框都会有拖拽的功能,那么如何去实现拖拽呢?1.原理拖拽的原理很简单,及设置鼠标点击处到div的固定的水平距离disX和鼠标点击处到div的垂直距离disY固定不变。2.拖拽涉及到的三个事件Onmousedown 存储距离Onmousemove 根据距离,计算div最新的位置Onmouseup 鼠标抬起3.拖拽常见的问题拖拽出现...原创 2019-04-29 18:07:54 · 957 阅读 · 1 评论 -
JS变量,作用域,和内存问题
4.JS变量,作用域和内存问题1.基本类型和引用类型的值;ECMAScript 变量可能包含两种不同的数据类型的值:基本类型值和引用类型值。基本类型值为简单的数据段,而引用类型值为由多个值构成的对象。在将一个值赋值给变量时,解析器必须确定这个值时基本类型还是引用类型的值。例如简单的五种基本类型的值:undefined,null,number,string,boolean, 这五种时基本类...原创 2019-05-05 22:50:42 · 209 阅读 · 0 评论 -
JS 预编译 作用域链 简单闭包 以及 立即执行函数
JS 预编译:JS 在执行的时候分为以下三步:1.语法分析2.预编译3.解释执行1.预编译的特点特点:1.函数声明整体提升,而对于变量而言,只有声明提升。例如:<script> console.log(a); //undefined console.log(b); // function b() {.....} var a ...原创 2019-05-11 14:54:11 · 196 阅读 · 0 评论 -
JS简单事件复习(1)
JS简单事件复习(一)一:如何绑定一个事件类型;1.on 加一个事件类型 (基本等同于写在行间)var oDiv = document.getElementsByClassName('box')[0];oDiv.onclick = function(){oDiv.style.background = "green";}优点:兼容性好缺点:但是一个元素的同一个事件只能绑定一个事...原创 2019-05-25 16:43:00 · 178 阅读 · 0 评论 -
JS 原型+原型链+继承
JS原型1.什么是函数对象?function F1(){};var F2 = function(){};var F3 = new function (){};//F1,F2,F3均为函数对象,实质都是通过new function()创建而来;2.构造函数function Person(name,age){ this.name = name; this.age = age...原创 2019-05-18 02:31:36 · 139 阅读 · 0 评论 -
JS date对象,定时器,时间戳(简单应用)
JS 常用date对象1.date对象的一些方法常用get型:1.Date()返回当前日期和时间。2.getDate()返回一个月得第几天(1-31)3.getDay()返回一周得第几天(0-6)4.getMonth()返回第几个月份(0-11)5.getTime()返回自1970年1月1日至今得毫秒数。(1970.1.1 —纪元时间)6.getFullyear()返...原创 2019-05-28 22:16:12 · 2274 阅读 · 0 评论 -
JS异步加载及解决方式
1.js中的同步加载和异步加载有什么不同?javascript语言是单线程机制。所谓单线程就是按次序执行,执行完一个任务再执行下一个。对于浏览器来说,也就是无法在渲染页面的同时执行代码。同步加载:也就是说一个事件处理程序没加载完之前,不会加载后面的程序。异步加载:也就是并发加载,会同时处理几个事件处理程序。举个生活中的例子:早上起床,先刷牙,再烧水,等水烧开了洗脸,再整理发型.是同步...原创 2019-05-28 23:03:02 · 4328 阅读 · 0 评论 -
JS正则表达式(RegExp)
1.关于正则表达式的作用:用于匹配字符或者有特殊搭配原则的字符。2.正则表达式的创建方式:① var reg = //; //注释中间写我所要的匹配原则例如:判断字符串中是否有符合规则的片段abcvar reg = /abc/;var str = "abcd";reg.test(str); //true②var reg = new RegExp(“”);//括号中书写我的匹配...原创 2019-06-06 22:48:35 · 1318 阅读 · 0 评论 -
JS原型,构造函数,匿名函数(2)
1.匿名函数和构造函数的理解1.匿名函数(没有实际名字的函数)–1--首先我们声明一个函数function test(){console.log("a");}test();–2--将函数名去掉就是匿名函数function (){console.log("a");}test();运行一个匿名函数,由于不符合语法要求,报错啦!解决方法只需要给匿名函数包裹一个括号即可。(f...原创 2019-06-15 15:04:42 · 1375 阅读 · 0 评论 -
JS学习(基本数据类型和基本语句)
标题 JS笔记:基本数据类型和简单语句首先先说typeof操作符对一个值使用typeof可能会返回一下某个字符串;“undefined”-该值未定义 “number”-这个值为数字“boolean”-这个值为布尔值 “string”-这个值为字符串“object”-这个值是对象或null“function”-这个值是函数例如://下面是几个使用typeof的例子///*...原创 2019-04-14 13:07:39 · 241 阅读 · 0 评论