前端面试
曾泳锋
有机会多多请教
展开
-
new Set数组去重
利用该方法去重 <script> let arr = [1,1,3,3,4,4,5] console.log([...new Set(arr)]); //打印数组[1,3,4,5] </script>原创 2021-01-23 20:08:48 · 14353 阅读 · 0 评论 -
常见的状态码
100:(继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。200:请求成功 服务器会提供对应的一定的资源300:(多种选择) 针对请求,服务器可执行多种操作。 服务器可根据请求者 (user agent) 选择一项操作,或提供操作列表供请求者选择。400:(错误请求) 服务器不理解请求的语法。404:服务器找不到对应的请求500:(服务器内部错误) 服务器遇到错误,无法完成请求。...原创 2021-01-05 10:34:40 · 63 阅读 · 0 评论 -
ip地址、域名、DNS解析服务器
ip地址是我们访问这台计算机发布信息的一个重要地址,相当饭馆的地址 例如 208.168.X.XX域名就是ip地址名称改写后的名称,便于用户记忆 www.baidu.com 就是一个域名DNS解析服务器就是将域名解析为ip地址,以便电脑进行访问另一台被访问的电脑...原创 2021-01-05 10:10:25 · 1162 阅读 · 0 评论 -
vue中组件传值
第一种vuex第二种vue事件总线第三种 传统子传父,父传子原创 2021-01-04 23:34:20 · 63 阅读 · 0 评论 -
vuex
vuex定义:vuex是vue设立的一个共享数据状态机制,简单来说我们可以多个页面需要的同个数据放在vuex这个机制里面,以便我们调用,就不需要利用传统组件传值及事件总线来对数据进行共享以下代码项目代码,不建议初学者看首先对vuex进行模块化封装及引用user模块代码import { setToken, getToken, removeToken, setTimeStamp, removeTimeStamp } from '@/utils/auth'import { login, getInf原创 2021-01-04 23:33:21 · 59 阅读 · 0 评论 -
vue中事件总线
1.新建一个vue实例化js文件js文件代码2.向这个vue实例化文件传值<script>import parent from "../../components/comment/parent";import events from "../../utils/events";export default { components: { parent }, props: ["comment"], methods: { sendparentid() {原创 2021-01-04 23:20:28 · 132 阅读 · 2 评论 -
vue中通过ref调用子组件的方法
vue中通过ref调用子组件的方法在父组件中的子组件定义ref属性<add-dept ref="add" :isadd.sync="isAdd" :data="node" @updataNumber="getInfo" />父组件利用ref调用子组件里面的方法 edit(node) { this.isAdd = true this.node = node this.$nextTick(() => { this.$refs.add原创 2021-01-04 23:07:27 · 3955 阅读 · 1 评论 -
vue传统组件传值
父传子给父组件中的子组件定义一个传值的属性//代码中isadd跟data都是传值属性<add-dept ref="add" :isadd.sync="isAdd" :data="node" @updataNumber="getInfo" />子组件中通过props进行接收 props: { isadd: { type: Boolean, default: false }, data: { type: Object原创 2021-01-04 23:03:24 · 162 阅读 · 0 评论 -
嵌套路由
嵌套路由定义:主路由中嵌套一个子路由,便于我们在主页面中嵌套一些子页面,子页面可供切换使用业务场景tab栏切换原创 2021-01-04 21:51:50 · 138 阅读 · 0 评论 -
懒加载与预加载
懒加载1.什么是懒加载?懒加载也就是延迟加载。当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称占位图),只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。...原创 2021-01-04 20:51:40 · 75 阅读 · 0 评论 -
ES6新增语法
const与let== es6之前的var会对变量进行提升,而es6之后let跟const不会对变量跟常量进行提升,而且有也带有块级作用域,而且存在暂时性死区,这个暂时性死区的作用是,简单理解当变量被使用到时,变量从这个暂时性死区出来==模板字符串可以通过${变量名}对变量进行解析调用,也可换行箭头函数箭头函数可以省略代码量,(省略function:)对象简写对象的属性名与属性值一致时可以简写{name,age}解构//对象renzi中有属性name,age,想把这两个.原创 2021-01-04 17:29:41 · 57 阅读 · 0 评论 -
settimeout延时器与setInterval定时器
settimeout延时器与setInterval定时器的运行机制就是等到下次Event Loop时,检查是否到指定的时间,到了则执行对应的代码,没到则等到下次Event Loop再进行对应的检测所以无论时间设置为多少都会等待全部同步代码完成再执行代码(时间为0也是) setTimeout(() => { console.log(111) }, 0) setInterval(() => { console.log(222) }, 0)原创 2021-01-04 11:31:49 · 130 阅读 · 0 评论 -
vue获取DOM元素
1.通过ref对该元素进行注册2.通过this.$refs.注册名称进行引用<template> <div class="aiqi"> <!-- 对元素进行注册 --> <div ref="text">{{ aiqi }}</div> <button @click="before">before</button> <button @click="after">after&l原创 2021-01-04 10:50:08 · 185 阅读 · 2 评论 -
vue中nexttick
nexttick原创 2021-01-03 23:48:43 · 86 阅读 · 0 评论