![](https://img-blog.csdnimg.cn/2020062216243095.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
杂记
前端包括基础nodejs,js,html5,css3,vue2.0,react,小程序相关的面试重点难题
勾勾g
人事就是这样子,自己造囚笼,关着自己。自己也做上帝,自己来崇拜。生存真是一种可怜的事情。
展开
-
记录自己在面试过程中碰到的一些重要问题-持续更新
记录自己在面试过程中碰到的一些重要问题-持续更新1.对于class类的理解2. js里面object的方法1.1.1.1.1.对于class类的理解ES6之前的js中并没有类的概念,只有对象的概念,由于js是一种基于原型的面向对象语言,他的特点是可以吧自身的一些属性或者方法,通过原型对象的方式进行类似于类的操作。通过创建函数的方法来生成一个对象实例,通过prototypre的方法继承,通过new方法来构建新对象。将构造函数的作用域赋给新对象,这时候构造函数的this就指向了这个对象,后台通过构造函数来r原创 2020-06-16 22:06:57 · 154 阅读 · 0 评论 -
关于webpack面试题
参考https://www.cnblogs.com/gaoht/p/11310365.html原创 2020-06-15 19:49:27 · 132 阅读 · 0 评论 -
前端面试宝典
面试题公司经验与后端沟通配合前后端都要充分了解项目的需求后端只提供能力(如数据库能力、消息能力、应用协同能力等等)前端组织业务(如组织Auth、组织数据POST/GET/DELETE)接口设计(出接口文档),前后端沟通设计接口,前端需要后台返回什么样的数据(格式),后台需要前端传递什么参数(哪些参数是必须的,哪些参数是可选的,采用get还是post,哪些数据需要前端先进行校验,哪些需要双方都校验)。共同制定出整个程序所有的接口说明,形成文档。前后台按照约定好的接口进行开发项目遇到了的难点及解决原创 2020-06-13 22:39:02 · 1802 阅读 · 1 评论 -
js中类继承的方法
JS继承的实现方式既然要实现继承,那么首先我们得有一个父类,代码如下:// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉!'); }}// 原型方法Animal.prototype.eat = function(food) { console.log(转载 2020-05-15 15:07:44 · 126 阅读 · 0 评论 -
js 删除数组1中的某个对象,数组二中此对象相关数据也被删除
let arr = [{a:'a1'},{a:'a2'},{a:'a3'}] let arr2 = [{a:'a1',b:1},{a:'a2',b:2},{a:'a3',b:3}] // 模拟点击删除,你点击了删除,能取出当前删除的index值,这里默认模拟点击后的取值index为2 let obj1 = arr[2] let value1 = obj1.a console.log(obj1,value1) ar原创 2020-07-17 17:32:54 · 396 阅读 · 0 评论 -
js实现简单的选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ text-align: center; } nav li{ display: inline; width: 24%; text-decoration: none; padding: 15px; } li:hove原创 2020-06-28 12:28:35 · 384 阅读 · 0 评论 -
jquery实现轮播图,banner图demo(带下标与左右)
直接复制即可完美运行<!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-UA-Compatible" content="ie=edge"> <.原创 2020-05-28 13:35:36 · 402 阅读 · 0 评论 -
uniapp的基础知识
uni-app的基本使用课程介绍:基础部分:环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯,及组件的生命周期uni-app中使用uni-ui库项目:黑马商城项目uni-app介绍 官方网页uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付原创 2020-06-14 09:00:40 · 868 阅读 · 0 评论 -
call,bind,apply作用&区别
call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象(作用域指向),第二个参数差别就来了:call 的参数是直接放进去的,第二第三第 n 个参数全都用逗号分隔,直接放到后面 obj.myFun.call(db,‘成都’, … ,‘string’ )。apply 的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(db,[‘成都’, …, ‘string’ ])。bind 除了返回是函数以外,它 的参数和 call 一样。参考地址 添加链接描述原创 2021-12-24 15:24:30 · 379 阅读 · 0 评论 -
css从入门到精通,css详解
csscss简介css语法样式表分类内部样式外部样式内联样式(行内样式)CSS选择符(选择器)类型选择符class选择符,id选择符,通配符,群组选择符包含选择符,伪类选择符伪对象选择符CSS选择符的权重css简介英文全名:cascading style sheets(百度百科) === cascading style sheet 层叠样式表WEB标准中的表现标准语言,表现标准语言在网页中...原创 2020-05-07 23:22:46 · 680 阅读 · 0 评论 -
简单的利用JS来判断页面是在手机端还是在PC端打开的方法
如何判断你的页面是在移动端还是在PC端打开的Navigator对象首先来了解一下Navigator 对象,Navigator 对象包含有关浏览器的信息,下面的userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。所以我们可以通过判断navigator.useragent里面是否有某些值来判断mac打印出来的值为Mozilla/5.0 (Macinto...原创 2020-05-04 14:42:25 · 800 阅读 · 1 评论 -
socket
以下程序代码显示了如何使用 Web 套接字发送和接收消息。<!DOCTYPE html><html> <meta charset = "utf-8" /> <title>WebSocket Test</title> <script language = "javascript" type = "text/javascript"> var wsUri = "ws://echo.websocket.org转载 2021-07-06 16:01:53 · 101 阅读 · 0 评论 -
christmasTree 圣诞树(旋转)
圣诞树 christmasTree原创 2021-12-24 13:44:46 · 211 阅读 · 0 评论 -
login
<template> <div class="login"> <div> <van-swipe class="my-swipe" initial-swipe='2' indicator-color="white"> <van-swipe-item @click="$router.push('/')">1</van-swipe-item>原创 2021-07-01 14:46:58 · 85 阅读 · 0 评论 -
Vuex介绍与使用
状态管理打算开发中大型应用,集中式数据管理, 一处修改,多处使用,多个组件依赖于同一状态,来自不同组件的行为需要变更同一状态,生态环境给我们提供了官方插件vuexvuex相关成员import Vuex from 'vuex', Vuex是个对象,相关成员如下成员用途Store类,构造状态管理的实例mapActions函数,通讯工具,组件与Actions的通讯工具mapMutations函数,通讯工具,组件与Mutations的通讯工具mapGetters原创 2021-06-29 09:23:34 · 121 阅读 · 1 评论 -
addEventListener事件监听器与on函数的介绍与区别
这里写目录标题一、事件监听器addEventListener()addEventListener() 方法用于向指定元素添加事件句柄。实例兼容性二、on方法三.区别addEventListener与on区别测试addEventListener测试on一、事件监听器addEventListener()addEventListener() 方法用于向指定元素添加事件句柄。提示: 使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。使用方原创 2020-06-13 23:05:50 · 1503 阅读 · 3 评论 -
从css角度谈谈常见浏览器的兼容问题
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。1.不同浏览器的标签默认的内外padding不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。碰到频率:100%解决方案:CSS里 *{margin:0;padding:0;转载 2020-05-15 22:40:20 · 174 阅读 · 0 评论 -
css清除浮动的方法
什么时候我们需要清除浮动呢?在进行页面css布局的时候,有时候给容器内的元素添加浮动的时候,容器的高度会变成零或者其他一些错误从而导致整个页面布局混乱。这主要是因为当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局。这个现象叫浮动溢出为了解决浮动溢出的现象,所以我们需要对浮动进行清除清除浮动的几种主要方法方法一:设置clear:both属性当浮动溢出的容器内,如原创 2020-05-15 22:33:48 · 124 阅读 · 0 评论 -
指定时间周期执行的JS函数是什么?并如何取消?
js如何实现指定时间周期去执行一个函数:定时器函数:使一段代码每过指定时间就运行一次window.setTimeout(code,interval)第一个code参数规定要执行的执行代码,第二个参数interval规定在多长时间内去重复执行代码,单位是毫秒延时器函数使一段代码在指定时间后运行window.setTimeout(code,time);第一个code参数规定要执行的执行代码,第二个参数time规定在多长时间后去执行代码,单位是毫秒清除定时器clearInterval(ob原创 2020-05-15 15:26:57 · 782 阅读 · 1 评论 -
利用js实现页面刷新
函数方法1、reloadreload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet])参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)reload() 方法用于重新加载当前文档。如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果原创 2020-05-15 14:52:14 · 1134 阅读 · 0 评论 -
从前端的角度说一下网站图片该如何优化
主要从两个角度来优化图片:①降低图片的大小,即对图片进行合理的压缩②进行响应式加载图片③使用一些自动优化的cdn或者插件进行合理的优化首先:图片优化首先要根据你所想适应的场景进行合理选择图片的格式①降低图片的大小,即对图片进行合理的压缩比如说压缩png格式图片,可以选择TinyPNG:一个压缩PNG的神站②进行响应式加载图片响应式加载图片即当页面对图片请求是,根据用户的设备来来请求不同分辨率的图片,如一个小屏幕低dpi的设备的用户,可以请求一个压缩后或者一倍图,但是如果一个高清屏幕高dpi原创 2020-05-15 14:37:54 · 260 阅读 · 0 评论 -
html中《!DOCTYPE html》的作用
简单来说就是告知浏览器使用哪种html或者xhtml规范。 他的位置处于整个HTML最开头,处于 <html> 标签之前。他是html5标准网页声明,全称为Document Type HyperText Mark-up Language,意思为文档种类为超文本标记性语言或超文本链接标示语言,现在是这个简洁形式,支持html5标准的主流浏览器都认识这个声明。...原创 2020-05-15 14:15:34 · 436 阅读 · 0 评论 -
Ajax缓存解决办法
Ajax缓存解决办法项目有时要用一些Ajax的效果,因为比较简单,也就没有去用什么Ajax.net之类的东西,手写代码也就实现了。、第二天,有人向我报告错误;说是只有第一次读取的值正常,后面的值都不正常;我调试了一下 ,确实有这样的问题,查出是因为AJAX缓存的问题:解决办法有如下几种:在服务端加 header("Cache-Control: no-cache, must-revalidate");(如php中)在ajax发送请求前加上anyAjaxObj.setRequestHeader(转载 2020-05-15 13:59:47 · 183 阅读 · 0 评论 -
js中src与href的区别
src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。<script src ="js.js"></script>当浏览器解析到该元素时,会暂停其他资源的下载和处...原创 2020-05-07 19:32:26 · 1685 阅读 · 0 评论