- 博客(51)
- 收藏
- 关注
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
828
2
原创 map()和forEach()的区别：
相同点：都是循环遍历数组中的每一项forEach和map方法里每次执行匿名函数都支持3个参数，参数分别是item（当前每一项）、index（索引值）、arr（原数组）匿名函数中的this都是指向window只能遍历数组接下来我们看看这两个方法1.map()方法map定义和用法：map方法返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。我的理解就是：原数组进行处理之后对...
2020-04-24 20:46:34
197
原创 原生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
244
原创 原生JS面试题4
九、你对前端页面的性能优化有什么好的解决方案1、CSS放在页面最上部（head标签中），JS 文件放在页面最下面浏览器会在下载完成全部 CSS 之后 才对整个页面进行渲染， 因此最好的做法是将CSS 放在页面最上面（是将CSS放在head中），让浏览器尽快下载CSS。js 文件则相反，浏览器在加载 js 后，立即执行，有可能会阻塞整个页面，造成页面显示缓慢，因此 js 最好放在页面最下面。但...
2020-04-22 12:08:13
426
原创 原生JS面试题3
六、面向对象和面向过程各有什么的优点？面向过程：优点：性能比面向对象高，因为类调用时需要实例化，开销比较大，比较消耗资源。缺点：没有面向对象易维护、易服用、易扩展。面向对象（OOP）：优点：易维护、易复用、易扩展。由于面向对象有封装、继承、多态的特性，可以设计出低耦合的系统，使系统更加灵活、更加易于维护。缺点：性能比面向过程低。有人这么形容OP和OO的不同：用面向过程的方法写出来的...
2020-04-22 11:21:28
372
原创 原生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
208
原创 原生JS面试题1
一、es6中的箭头函数和普通函数有什么区别？1.普通函数中的 this总是指向调用它的那个对象，箭头函数没有自己的this,他的this永远指向其定义环境，任何方法都改变不了其指向，如call()、bind()、apply()。（正是因为它没有this，所以也就不能用作构造函数，也没有原型对象）2. 箭头函数不能当作构造函数，也就是说，不能使用new命令，否则会报错。3. 箭头函数没有原型...
2020-04-20 22:07:31
493
原创 原生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
1557
原创 异步流程控制（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
377
原创 你能描述一下渐进增强和优雅降级之间的不同吗?（面试题）
渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始...
2020-04-10 18:46:27
628
2
原创 前后端分离的思想(面试题)
对于现在的Web来说，前后端分离已变的非常流行，越来越多的网站制作都在向这个方向靠拢。1、那什么是前后端分离呢？在前后端分离的模式中，后端看不到项目里的页面，后端给前端提供接口，前端通过后端提供的接口进行也米娜的展示。核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。在前后端分离的应用模式中 ，前端与后端的耦合度相对较低。在前后端分离的应用...
2020-04-10 17:43:27
2823
原创 请描述一下cookies,sessionStorage和localStorage的区别(某公司面试题)
基本概念CookieCookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie中存入一段辨别用户身份的数据来实现的。localStoragelocalStorage是 HTML5 标准中新加入的技术，它并不是什么划时代的新东西。早在 IE 6 时代，就有一...
2020-04-10 17:31:05
600
原创 angular的生命周期函数(面试题)
Angular 指令的生命周期，它是用来记录指令从创建、应用及销毁的过程。Angular 提供了一系列与指令生命周期相关的钩子，便于我们监控指令生命周期的变化，并执行相关的操作。Angular 中所有的钩子如下图所示：生命周期函数作用ngOnChanges()初始化输入属性 ，Angular（重新）设置数据绑定输入属性时的响应。该方法接收 SimpleChanges 当前和...
2020-04-10 14:22:31
313
原创 如何保持浮层水平垂直居中（面试题）
（一）利用绝对定位与transform <div class="parent"> <div class="children"></div> </div>将父元素定位，子元素如下.children{ position: absolute; top: 50%; left: 50%; -webkit-tra...
2020-04-10 14:01:06
164
原创 什么时候需要清除浮动，清除浮动都有哪些方法
什么时候需要清除浮动就是当子元素设置了float属性之后，且父元素的高度和宽度没有进行设置，而是由子元素支撑起来，则会导致父元素的高度塌陷(原本的height后来被置为0)清除浮动的方式:1).给父元素添加声明overflow:hidden;给父元素增加 overflow: hidden; 可以清除浮动的原理：增加后，父元素会形成一个块级格式化上下文，即BFC，overflow: h...
2020-04-10 13:54:20
324
原创 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
2059
原创 项目中常见的导航
鼠标经过显示二级菜单：<head><title></title></head> <style> *{ margin:0; padding:0; } .nav{ width:300px; ...
2020-04-09 18:22:04
240
原创 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
743
原创 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
1106
原创 原生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
260
1
原创 jq楼层导航(跟随页面滚动)
效果如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } ...
2020-04-09 17:55:27
366
原创 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
141
原创 Gulp在前端开发过程中的常用操作实例
Gulp介绍gulp是一个自动化构建工具，主要用来设定程序自动处理静态资源的工作。简单的说，gulp就是用来打包项目的。官网：https://gulpjs.com/中文官网：https://www.gulpjs.com.cn/docs/Gulp是一款自动构建工具，需要在Node.js的环境下运行，常用的API方法并不多，很快就能熟记，用到的大部分功能都是依靠插件来完成的。安装：安装...
2020-03-24 22:57:59
115
原创 NodeJs的认识，了解，简单使用
Node简介什么是 Node.jsNode.js 是一种建立在Google Chrome’s V8 引擎上的non-blocking(非阻塞),event-driven(基于事件的)I/O平台Node.js平台使用的开发语言是JavaScript，平台提供了操作系统底层的API，方便做服务器端编程，具体包括：文件操作、进程操作、通信操作等系统模块，支持模块化的开发1）.Node.js官网...
2020-03-24 22:06:08
213
原创 jq轮播图自动播放，点击切换等效果
html基本框架如下：//图片可自行替换<div class="out"> 2 <ul class="img"> 3 <li><a href="#"><img src="images/1.jpg" alt=""></a></li> 4 <li><a...
2020-03-21 18:26:18
2809
原创 原生JS实现轮播图的自动播放、点击切换等效果
css样式如下：（供参考）<style> .box{width: 1000px;height: 300px;margin: 20px auto;position: relative;overflow: hidden;} .imgbox a{width: 1000px;height: 300px;position: absolute;left:1000px;top:0;...
2020-03-21 18:07:10
617
原创 jQuery 事件（ jQuery 事件方法/绑定事件/解绑事件/触发事件/事件对象）
jQuery 事件jQuery 是为事件处理特别设计的。jQuery的事件机制，指的是：jQuery对JavaScript操作DOM事件的封装，包括了：事件绑定、事件解绑、事件触发。jQuery事件的发展历程 简单事件绑定 >> bind事件绑定 >> delegate事件绑定 >> on什么是事件？页面对不同访问者的响应叫做事件。事件处理程序指的是...
2020-03-19 19:45:39
327
1
原创 浅谈jQuery HTML DOM操作及选择器
（5）滚滚滚jQuery 是一个JavaScript函数库。支持HTML元素选取和操作、CSS操作、JS特效与动画、DOM处理、Ajax等。导入jQuery就像导入一段外部js代码一样简单，可以使用MS或Google的CDN进行加载。Jquery核心 "$"符号在 jQuery 中代表对jQuery 对象的引用, "jQuery"是核心对象. 通过该对象可以获取jQuery对象，调用...
2020-03-18 20:30:27
174
原创 对于JS继承详细介绍（ 原型链，构造函数，组合，原型式，寄生式，寄生组合，Class extends）
说实在话，以前我只需要知道“寄生组合继承”是最好的，有个祖传代码模版用就行。最近因为一些事情，几个星期以来一直心心念念想整理出来。本文以《JavaScript高级程序设计》上的内容为骨架，补充了ES6Class的相关内容，从我认为更容易理解的角度将继承这件事叙述出来，希望大家能有所收获。继承分类JS中继承可以按照是否使用object函数（在下文中会提到），将继承分成两部分（Object....
2020-03-17 18:31:43
1997
1
原创 JS的原型介绍及原型的继承
前言在学习JS中的原型，原型链，继承这些知识之前，我们先学习下基础知识：函数和对象的关系。 我们一直都知道，函数也是对象的一种，因为通过instanceof就可以判断出来。但是函数和对象的关系并不是简单的包含和被包含的关系，这两者之间的关系还是有点复杂的。接下来我们就来捋一捋。首先，阐述一点，对象都是通过函数创建的对于下面这种类型的代码，一般叫做“语法糖”var obj = {a:10,...
2020-03-17 14:10:05
184
原创 浅谈JS的闭包
什么是闭包？官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话，因为他描述的太学术。其实这句话通俗的来说就是：Javascript中所有的function都是一个闭包。不过一般来说，嵌套的function所产生的闭包更为强大，也是大部分时候我们所谓的“闭包”。看下面这段代码：function ...
2020-03-16 22:06:49
95
原创 ajax（ES6中的Promise）函数的封装
function ajax(ops){ ops.type = ops.type || "get"; ops.data = ops.data || {}; var str = ""; for(var key in ops.data){ str += `${key}=${ops.data[key]}&`; } if(ops.typ...
2020-03-13 20:55:46
194
原创 浅谈js中的回调地狱问题
回调地狱由多层嵌套的回调函数组成的代码称为回调地狱，多数在写阻塞执行代码的时候会产生。回调地狱的代码可读性差，很难让人弄清楚业务逻辑。下面便是回调地狱的代码：function callbackFn(callback){ setTimeout(function(){ callback() },1000)}callbackFn(function(){ callbackFn(func...
2020-03-13 20:52:37
1594
2
原创 JSONP的介绍和封装
什么是 JSONPJsonp(JSON with Padding) 是 json 的一种"使用模式"，是一种非常常用的跨域请求方式。主要原理是利用了script 标签可以跨域请求的特性，由其 src属性发送请求到服务器，服务器返回 JavaScript 代码，浏览器接受响应，然后就直接执行了，这和通过 script 标签引用外部文件的原理是一样的。JSONP由两部分组成：回调函数和数据，回调函...
2020-03-13 00:07:16
263
原创 Ajax基础之原生js封装
封装函数的要点就是把重复使用的部分提取取来，同时一些变化的东西作为参数，无法作为参数的进行判断处理。1 所以我们先看看变化的东西都有哪些：1 请求方式是get/post 2 请求的地址 3 请求的数据 4 请求成功后需要做的事情2 因为不同的请求方式，我们传数据的方式不一样，所以对于这些，需要进行条件判断。3 还有一个问题就是关于 xhr.responseText ，...
2020-03-12 00:36:21
1472
原创 cookie操作--增删改查
什么是Cookie?Cookie是由W3C组织提出，最早由NetScape社区发展的一种机制。Cookie是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个cookie。Cookie的作用就是用于解决"如何记录客户端的用户信息"：当用户访问web页面时，他的名字可以记录在Cookie中。在用户下一次访问该页面时，可以在Cookie中读取用户访问记录。...
2020-03-10 23:54:44
260
原创 PHP数据库的基本操作
1.连接到mysqlphp本身提供腿mysql数据库的支持，使用mysql_connect函数来连接，语法如下：resource mysql_connect([string server [, string username [,string password [, bool new_link [, int_client_flags]]]]])该函数用来打开或重复使用一个到mysql服务器的...
2020-03-09 21:42:40
434
1
原创 php基础知识笔记
PHP 脚本在服务器上执行，然后向浏览器发送回纯 HTML 结果.基础 PHP 语法PHP 脚本可放置于文档中的任何位置。PHP 脚本以 <?php 开头，以 ?> 结尾：<?php// 此处是 PHP 代码?>注意事项PHP 语句以分号结尾（;）PHP 代码块的最后一行不必使用分号注释PHP有三种注释方式<!DOCTYPE html>...
2020-03-09 21:18:11
492
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人