库猿-优快云博客

原创 HTML5-CSS3-面试题

1, HTML5中新增了哪些内容？广义上的html5指的是最新一代前端开发技术的总称，包括html5，CSS3，新增的webAPI。 Html中新增了header,footer,main,nav等语义化标签，新增了video,audio媒体标签，新增了canvas画布。新增了一些标签属性，例如input的placeholder。 Css3中新增了：圆角，阴影，滤镜，vwvh单位，flex布局，媒体查询，过度和动画，伪类。 webAPI,新增了localStorage和sessionStorag..

2021-11-19 08:35:15 248 1

原创 js判断当前设备类型

//JS判断当前设备类型 varos=(function(){ varua=navigator.userAgent, isWindowsPhone=/(?:WindowsPhone)/.test(ua), isSymbian=/(?:SymbianOS)/.test(ua)||isWindowsPhone, isAndroid=/(?:Android)/.test(ua), isFireFox=/(?:Firefox)...

2021-11-18 16:27:32 477

原创 JavaScript面试题

1, Js数据类型有哪些？数值、字符串、布尔、undefined、null、数组、对象、函数、symbol 2, 引用类型和值类型的区别 - 值类型存在于栈中, 存取速度快引用类型存在于堆,存取速度慢 - 值类型复制的是值本身引用类型复制的是指向对象的指针 - 值类型结构简单只包含基本数据, 引用类型结构复杂,可以实现多层嵌套 3, 你的项目需要在页面上播放视频，用什么播放？怎么防止用户下载视频？可以使用video标签播放视频, 通过DOM事件禁止下载, 可以在页面的鼠标右击事.

2021-11-18 09:50:07 262

原创 Vue面试题

1, 如何让CSS只在当前组件中起作用？在组件中的style前面加上scoped 2, <keep-alive></keep-alive>的作用是什么? keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。 3, vue组件中如何获取dom元素? 使用ref属性获取, 在组件模板元素中添加ref属性, 在js中用this.$refs获取 4, 说几个vue中的指令和它的用法？ v-model双向数据绑定； v-f

2021-11-16 19:21:30 1004

原创时间过滤器的封装 vue中放在main.js 组件中直接调用formatDate

//全局过滤器 Vue.filter('formatDate', function (args) { let date = new Date(args * 1000) if (Number.isNaN(Number(date))) { date = new Date() } let y = date.getFullYear() + '-' let m = (date.getMonth() + 1 + '').padStart(2, '0') + '-' let...

2021-11-09 14:48:34 504

原创封装request.js

import axios from 'axios' import getToken from '../utils/token.js' // axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/' //用户的请求拦截config是请求对象 axios.interceptors.request.use(function (config) { //添加token到请求头中 config.headers['Author..

2021-11-09 14:46:55 278

原创移动端神器rem.js

;(function(doc,win,uiSize,prem){ //let是声明变量的修饰符,是ES6语法 lethtml=doc.documentElement //获得缩放事件 letresizeEvent='orientationchange'inwin?'orientationchange':'resize' //重新计算html:font-size值的函数 letrecalculate=function(){...

2021-09-14 16:53:51 238 1

原创 flex:1和flex:auto的区别（面试题）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .container{ display: flex; } .div{ width: 300px; border: 1px solid #f00; /* 无宽度均分 */ /* flex:1; *//* 无宽度可以均分 */ /* flex: 0.

2021-09-14 16:51:17 427 1

原创 flex布局简单明了

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .box{ display: flex; margin: 100px auto; width: 500px; height: 500px; border: 1px solid #000000; /* flex-direction:row ; *//.

2021-09-14 16:43:58 157 2

m0_59472149的博客