- 博客(23)
- 收藏
- 关注
RSS订阅原创 ES6 - JS中every()和some()的使用
some 英语翻译为一些,every翻译为所有,每个，所以some方法 只要其中一个为true 就会返回true的，相反，every（）方法必须所有都返回true才会返回true，哪怕有一个false，就会返回false；every（）和some（）目的：确定数组的所有成员是否满足指定的测试every:一假即假:every:一真即真:every()与some()方法都是JS中数组的迭代方法。...
2020-04-24 20:46:52
801
2
原创 map()和forEach()的区别：
相同点：都是循环遍历数组中的每一项forEach和map方法里每次执行匿名函数都支持3个参数，参数分别是item（当前每一项）、index（索引值）、arr（原数组）匿名函数中的this都是指向window只能遍历数组接下来我们看看这两个方法1.map()方法map定义和用法：map方法返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。我的理解就是：原数组进行处理之后对...
2020-04-24 20:46:34
194
原创 原生JS面试题5
十九、简述 ajax 的过程1. 创建XMLHttpRequest对象,也就是创建一个异步调用对象2. 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息3. 设置响应HTTP请求状态变化的函数4. 发送HTTP请求5. 获取异步调用返回的数据6. 使用JavaScript和DOM实现局部刷新http 常见的状态码有哪些？分别代表什么？200 - 请求成功3...
2020-04-22 12:08:35
240
原创 原生JS面试题4
九、你对前端页面的性能优化有什么好的解决方案1、CSS放在页面最上部（head标签中），JS 文件放在页面最下面浏览器会在下载完成全部 CSS 之后 才对整个页面进行渲染， 因此最好的做法是将CSS 放在页面最上面（是将CSS放在head中），让浏览器尽快下载CSS。js 文件则相反，浏览器在加载 js 后，立即执行，有可能会阻塞整个页面，造成页面显示缓慢，因此 js 最好放在页面最下面。但...
2020-04-22 12:08:13
417
原创 原生JS面试题3
六、面向对象和面向过程各有什么的优点？面向过程：优点：性能比面向对象高，因为类调用时需要实例化，开销比较大，比较消耗资源。缺点：没有面向对象易维护、易服用、易扩展。面向对象（OOP）：优点：易维护、易复用、易扩展。由于面向对象有封装、继承、多态的特性，可以设计出低耦合的系统，使系统更加灵活、更加易于维护。缺点：性能比面向过程低。有人这么形容OP和OO的不同：用面向过程的方法写出来的...
2020-04-22 11:21:28
370
原创 原生JS面试题2
三、js跨域问题怎么解决？1、 JSONP跨域请求要理解跨域，先要了解一下”同源策略“。所谓同源是指，协议、域名、端口都相同。所谓”同源策略“，简单的说，就是基于安全考虑，当前域不能访问其他域的东西。http 和 https ：协议不同www.a.com 和 www.b.com ：域名不同www.a.com : 8080 和 www.a.com : 1000 : 端口不同在同源...
2020-04-22 11:17:18
205
原创 原生JS面试题1
一、es6中的箭头函数和普通函数有什么区别？1.普通函数中的 this总是指向调用它的那个对象，箭头函数没有自己的this,他的this永远指向其定义环境，任何方法都改变不了其指向，如call()、bind()、apply()。（正是因为它没有this，所以也就不能用作构造函数，也没有原型对象）2. 箭头函数不能当作构造函数，也就是说，不能使用new命令，否则会报错。3. 箭头函数没有原型...
2020-04-20 22:07:31
489
原创 原生js实现购物车
原生就js实现购物车增删改查。。。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin:0;padding:0; } .f...
2020-04-14 15:07:59
1547
原创 异步流程控制（Callback 、Promise、Generator + co、async + await）
一. Callback （回调函数）1.定义：把函数当作变量传到另一个函数里，传进去之后执行甚至返回等待之后的执行。2.一个简单的例子function add_callback(p1, p2 ,callback) {var my_number = p1 + p2;callback(my_number);}add_callback(5, 15, function(num){conso...
2020-04-11 15:49:53
368
原创 你能描述一下渐进增强和优雅降级之间的不同吗?（面试题）
渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始...
2020-04-10 18:46:27
626
2
原创 前后端分离的思想(面试题)
对于现在的Web来说，前后端分离已变的非常流行，越来越多的网站制作都在向这个方向靠拢。1、那什么是前后端分离呢？在前后端分离的模式中，后端看不到项目里的页面，后端给前端提供接口，前端通过后端提供的接口进行也米娜的展示。核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。在前后端分离的应用模式中 ，前端与后端的耦合度相对较低。在前后端分离的应用...
2020-04-10 17:43:27
2815
原创 请描述一下cookies,sessionStorage和localStorage的区别(某公司面试题)
基本概念CookieCookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie中存入一段辨别用户身份的数据来实现的。localStoragelocalStorage是 HTML5 标准中新加入的技术，它并不是什么划时代的新东西。早在 IE 6 时代，就有一...
2020-04-10 17:31:05
597
原创 angular的生命周期函数(面试题)
Angular 指令的生命周期，它是用来记录指令从创建、应用及销毁的过程。Angular 提供了一系列与指令生命周期相关的钩子，便于我们监控指令生命周期的变化，并执行相关的操作。Angular 中所有的钩子如下图所示：生命周期函数作用ngOnChanges()初始化输入属性 ，Angular（重新）设置数据绑定输入属性时的响应。该方法接收 SimpleChanges 当前和...
2020-04-10 14:22:31
307
原创 如何保持浮层水平垂直居中（面试题）
（一）利用绝对定位与transform <div class="parent"> <div class="children"></div> </div>将父元素定位，子元素如下.children{ position: absolute; top: 50%; left: 50%; -webkit-tra...
2020-04-10 14:01:06
162
原创 什么时候需要清除浮动，清除浮动都有哪些方法
什么时候需要清除浮动就是当子元素设置了float属性之后，且父元素的高度和宽度没有进行设置，而是由子元素支撑起来，则会导致父元素的高度塌陷(原本的height后来被置为0)清除浮动的方式:1).给父元素添加声明overflow:hidden;给父元素增加 overflow: hidden; 可以清除浮动的原理：增加后，父元素会形成一个块级格式化上下文，即BFC，overflow: h...
2020-04-10 13:54:20
319
原创 jQuery消息提醒插件jquery.my-message
<!DOCTYPE html><html lang="zh-CN"> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta charset="UTF-8"> <link rel="stylesh...
2020-04-10 10:49:29
2038
原创 项目中常见的导航
鼠标经过显示二级菜单：<head><title></title></head> <style> *{ margin:0; padding:0; } .nav{ width:300px; ...
2020-04-09 18:22:04
237
原创 jq实现二级导航
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html{color:#666;background:#FFF;} body,div,dl...
2020-04-09 18:05:56
740
原创 html css实现二级导航
这里就只做了第一个点击效果，如果需要可自行添加<!doctype html><html><head><meta charset="utf-8"><title>京东导航</title><style type="text/css"> /* CSS Document */ nav{ posit...
2020-04-09 18:04:41
1098
原创 原生js实现分页效果
效果如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-04-09 17:59:56
253
1
原创 jq楼层导航(跟随页面滚动)
效果如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } ...
2020-04-09 17:55:27
361
原创 jq-楼层效果
两句代码教你快速实现楼层效果:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .floor{width: 1000px;height: 500px;font:50px/500px "";t...
2020-04-09 17:50:48
104
原创 jq的tab选项卡
效果一：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{width: 500px;height: 400px;border: solid 1px ...
2020-04-09 17:45:16
140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人