库猿-优快云博客

原创 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 214 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 381

原创 JavaScript面试题

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

2021-11-18 09:50:07 228

原创 Vue面试题

1, 如何让CSS只在当前组件中起作用？在组件中的style前面加上scoped2, <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 972

原创时间过滤器的封装 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 473

原创封装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 237

原创移动端神器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 193 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 380 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 121 2

m0_59472149的博客