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 · 2200 阅读 · 2 评论 -
[字节跳动前端·一二三面 + hr面 + 实习offer面试总结]
写在前面：原创 2020-10-31 11:02:49 · 7213 阅读 · 2 评论 -
【快手一面二面实习offer面试总结】
写在前面：就其实自己是没有写面试总结这个习惯的，暑假去百度实习的时候，就有朋友让我写一下面试总结呀之类的，但是面试时间真的挺久（视频面试），好多东西都忘了，一直到实习回来就把学的新的技术挣了12篇博客发了，没有我预期中的爆炸访问量，demo特没有很多访问量，我就好奇是不是因为我么有设置付费（哈哈哈哈，调皮一下）。其实从暑假开始实习，自己就规划好了，开学了在11月份左右找实习，再去北京（对了，北京真的挺好的，除了房租贵，车堵云云）。然后从国庆开始，review了一下react知识，学了Typescript原创 2020-10-30 10:38:13 · 10616 阅读 · 17 评论 -
跨域问题处理（JSONP，CORS,webpack-dev-server,nginx）
本文主要讲解一些跨域的处理，附有部分源码。JSONP跨域方式JSONP跨域原理**JSONP **是一种非正式传输协议，该协议的一个要点就是允许用户传递一个callback 或者开始就定义一个回调方法，参数给服务端，然后服务端返回数据时会将这个callback 参数作为函数名来包裹住 JSON 数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。当GET请求从后台页面返回时，可以返回一段JavaScript代码，这段代码会自动执行，可以用来负责调用后台页面中的一个callback函.原创 2020-10-07 16:06:37 · 1924 阅读 · 2 评论 -
html+css+js基础知识回顾(1)
Html篇说说你所理解的语义化(举几个标签例子)section 定义文档中的一个章节的内容header 定义网页头部内容footer 定义网页尾部内容nav 定义文档包含连接的内容答:(1)去掉或者丢失样式的时候可以让页面呈现出清晰的结构(2)有利于SEO和搜索引擎建立良好沟通，有助于爬虫爬取更多的信息。(3)方便其他设备通过意义的形式解析(屏幕阅读器，盲人阅读器等)(4)...原创 2020-03-07 22:08:33 · 630 阅读 · 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 · 277 阅读 · 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 · 1323 阅读 · 0 评论 -
javascript 函数节流
1.什么是函数节流？限制一个函数在一定时间内只能执行一次。2.项目开发–防止恶意刷注册最近在开发项目是，写到了home页登录注册，完成了一个form表单，自认为没什么问题了，小伙伴告诉我为了防止有人恶意刷注册，后台接口增加了每次提交间隔60s才能提交一次。而我前端就用了定时器一大堆代码，加上dom操作修改input的disabled属性完成了这个操作。后来想到了函数节流。3.函数节流代...原创 2020-02-19 00:19:13 · 141 阅读 · 0 评论 -
vue项目问题（1）javascript函数防抖
1.什么是函数防抖？官方的解释：当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间。看完难免有点懵逼，所以我自己的路理解就是。公交车停站后，为了更好的接待游人。在最后一个人上车后原地等待20s钟，在等待20s的时候有人赶来了，等他上车后再等待20s钟，假如在20s内又等来一个人就继续等待20s。相当于刷新了等待20s这个机制。再通俗的一个例子就是，派克的R...原创 2020-02-17 22:34:02 · 152 阅读 · 0 评论 -
数组对象的深拷贝和浅拷贝
1.什么是深拷贝和浅拷贝？因为javascript有原始值和引用值之分，所以当浅拷贝复制数组或者对象的时候就是复制的引用，这样复制后的两个值会相互影响，深拷贝则相当于重新开辟了一快内存去存储复制的值，两个不会互相影响。2.数组数组的浅拷贝 { let arr = [1,2,3,4,5]; let copyArr = arr; ...原创 2020-02-10 21:25:15 · 1378 阅读 · 0 评论 -
javascript 和 ES6中遍历数组的高阶函数（not for of while 循环）
ES5中的数组的遍历高阶函数————————————————————————————注意：这些函数都要通过callback回调使用,其中参数均为xxx中回调函数中的第一个参数为：当前正在遍历的元素xxx中回调函数中的第二个参数为：当前元素索引xxx中回调函数中的第三个参数为：原数组本身————————————————————————————1.forEach循环作用：fo...原创 2020-02-01 23:42:20 · 395 阅读 · 0 评论 -
javascript 三种常用简单的数组去重方法
javascript 三种常用简单的数组去重方法第一种使用对象key值唯一的特性实现数组去重先看一个对象 let testObj1 = { name:'康家豪', age:18, high:1.88, home:'xiyounet' } let testOb...原创 2020-01-31 23:37:39 · 908 阅读 · 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 · 129 阅读 · 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 · 202 阅读 · 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 · 223 阅读 · 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 · 198 阅读 · 0 评论 -
JS学习（JS函数知识）
JS函数，函数定义，调用等一，了解函数函数对于任何语言来叔哦都是一个核心的概念。通过函数可以封装多条语句，并且在任何时候调用执行。ECMAScript中函数使用function关键字来声明，后跟一组参数以及函数体。函数的基本语法如下所示。Function functionName(arg0,arg1,arg2....){Statements}//函数示例Function sayHi...原创 2019-04-14 14:33:22 · 768 阅读 · 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 · 928 阅读 · 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 · 12116 阅读 · 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 · 134 阅读 · 0 评论 -
JS拖拽及常见的问题
JS拖拽：无论是网页还是qq登录框都会有拖拽的功能，那么如何去实现拖拽呢？1.原理拖拽的原理很简单，及设置鼠标点击处到div的固定的水平距离disX和鼠标点击处到div的垂直距离disY固定不变。2.拖拽涉及到的三个事件Onmousedown 存储距离Onmousemove 根据距离，计算div最新的位置Onmouseup 鼠标抬起3.拖拽常见的问题拖拽出现...原创 2019-04-29 18:07:54 · 1120 阅读 · 1 评论 -
JS变量，作用域，和内存问题
4.JS变量，作用域和内存问题1.基本类型和引用类型的值；ECMAScript 变量可能包含两种不同的数据类型的值：基本类型值和引用类型值。基本类型值为简单的数据段，而引用类型值为由多个值构成的对象。在将一个值赋值给变量时，解析器必须确定这个值时基本类型还是引用类型的值。例如简单的五种基本类型的值：undefined，null，number，string，boolean， 这五种时基本类...原创 2019-05-05 22:50:42 · 260 阅读 · 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 · 226 阅读 · 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 · 208 阅读 · 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 · 164 阅读 · 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 · 2750 阅读 · 0 评论 -
JS异步加载及解决方式
1.js中的同步加载和异步加载有什么不同？javascript语言是单线程机制。所谓单线程就是按次序执行，执行完一个任务再执行下一个。对于浏览器来说，也就是无法在渲染页面的同时执行代码。同步加载：也就是说一个事件处理程序没加载完之前，不会加载后面的程序。异步加载：也就是并发加载，会同时处理几个事件处理程序。举个生活中的例子：早上起床,先刷牙,再烧水,等水烧开了洗脸,再整理发型.是同步...原创 2019-05-28 23:03:02 · 5082 阅读 · 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 · 1730 阅读 · 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 · 1443 阅读 · 0 评论 -
JS学习（基本数据类型和基本语句）
标题 JS笔记：基本数据类型和简单语句首先先说typeof操作符对一个值使用typeof可能会返回一下某个字符串；“undefined”-该值未定义 “number”-这个值为数字“boolean”-这个值为布尔值 “string”-这个值为字符串“object”-这个值是对象或null“function”-这个值是函数例如：//下面是几个使用typeof的例子///*...原创 2019-04-14 13:07:39 · 284 阅读 · 0 评论