- 博客(53)
- 资源 (2)
- 收藏
- 关注
原创 vue3 script setup
vue3 script setup是什么,怎么用,它的作用是:自动注册子组件;属性和方法无需返回;支持props、emits、context
2023-06-20 17:36:29 1799
原创 前端面试题-JS
1、前端如何优化网站性能?2、网页从输入网址到渲染完成经历了哪些过程?3、浏览器缓存:memory cache、disk cache、强缓存协商缓存等概念4、JS中常见的内存泄漏 5、如何解决跨域问题6、http和https有何区别?
2022-10-20 18:45:10 191
原创 vue组件之间传参方式
1.props 父向子,单向绑定,子组件数据随父组件更新而响应式更新 2.$emit 子向父,$emit 绑定一自定义事件,这个事件被执行时将参数传递给父组件,父通过v-on监听并接收参数3.eventBus兄弟组件之间的数据传递,通过eventBus来做中间的桥梁,传输方通过中间组件调用 emit 传数据,接收方通过on 接受数据...
2022-08-27 20:29:35 1952
原创 前端性能优化的方法
1、减少http请求数;2、图片优化;3、使用CDN;4、开启GZIP;5、样式表和JS文件的优化;6、使用无cookie域名;7、前端代码结构的优化。
2022-08-24 19:39:06 1955
原创 vue路由守卫
全局路由钩子:beforeEach(to,from, next)、beforeResolve(to,from, next)、afterEach(to,from)独享路由钩子:beforeEnter(to,from, next)组件内路由钩子:beforeRouteEnter(to,from, next)、beforeRouteUpdate(to,from, next)、beforeRouteLeave(to,from, next)...
2022-08-24 14:01:25 1862
原创 vue全家桶有哪些
Vue-cli,也叫脚手架,基于Vue.js进行快速开发的完整系统;vue-router,vue官方的路由管理器;vuex,为vue应用程序开发的状态管理模式;axios,基于Promise用于浏览器和node.js的HTTP客户端
2022-08-24 11:10:02 690 1
原创 前端常见兼容性问题以及解决方法
一、CSS兼容1.不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同2、IE6双边距问题;在IE6中设置了float ,同时又设置margin,就会出现边距问题3、当标签的高度设置小于10px,在 IE6、IE7 中会超出自己设置的高度二、js兼容1. 事件绑定2. event事件对象问题3. event.srcElement(事件源对象)问题...
2022-08-04 13:39:41 1575
原创 js中的深拷贝浅拷贝
深拷贝(值拷贝):会创建一个一模一样的对象,新旧对象不共享内存,修改新对象不会影响原对象。浅拷贝(引用拷贝):只复制指向某个对象的指针,不复制对象本身,新旧对象还是共享同一块内存。修改新对象会影响原对象。...
2022-07-20 12:11:36 611
原创 Vue路由传参三种方式
1、params传参:通过params传递参数,如果我们想获取 id 的参数值,可以通过this.$route.params.id这种方式来打印出来就可以得到了;2、路由属性配置传参:可以用this.$route.params.id来获取到 id 的值3、query传参:可以解决页面刷新参数消失问题的,这种方式可以理解为是 ajax 中的 get 方法,参数是直接在 url 后面添加的,参数是可见的,所以解决页面刷新参数消失问题建议使用此方法来解决;...
2022-07-19 17:16:06 34346 1
原创 vue生命周期每个阶段可以做什么
在 vue 的创建、使用、销毁过程中,会有许多事件,这些事件就被统称为生命周期函数,也叫作生命周期钩子,那vue生命周期每个阶段可以做什么呢
2022-07-14 18:27:17 4330
原创 vue-router路由模式的区别和原理
vue-router前端路由有两种模式,hash模式和history模式hash 原理:灵活运用了 html的瞄点功能,改变 # 后的路径本质上是更换了当前页面的瞄点,所以不会刷新页面。通过监听浏览器的 onhashchange()事件变化,查找对应的路由规则。history 原理: 利用 H5的 history中新增的两个API :pushState()和 replaceState()和一个事件onpopstate监听URL变化。文章内容还有hash和history模式的区别以及优缺点...
2022-07-12 18:07:34 6003
原创 变量提升及其原理
变量提升通常发生在 var 声明的变量里,使用var声明一个变量时,该变量会被提升到作用域的顶端,但是赋值的部分并不会被提升。1.所有的声明都会提升到作用域的最顶上去。2.同一个变量只会声明一次,其他的会被忽略掉。3.函数声明的优先级高于变量声明的优先级,并且函数声明和函数定义的部分一起被提升。本文包含内容有:var变量提升,变量提升例子,以及变量提升原理......
2022-07-10 15:42:01 2620 1
原创 使用node.js创建简易服务器,让本地HTML页面可以通过localhost访问
使用node.js创建简易服务器,让本地HTML页面可以通过localhost访问
2022-05-26 13:17:14 1392
原创 安卓手机键盘弹出导致h5页面错乱
安卓手机键盘弹出导致h5页面错乱<div class="bg_img" :style="{ height: bodyHeight + 'px' }"> <img class="bg" src="img/bg_test.webp"> <div class="top" style="z-index: 7;"> <img class="title" src="img/top_nav.webp"> <div class="text">
2022-04-25 15:30:19 1329
原创 history对象及路由插件原理
history对象包含length,state,scrollRestoration属性以及go,forward等方法。提到history不由得想起另一种路由模式hash模式。1、history模式利用 H5的 history中新增的两个API :pushState()和 replaceState()和一个事件onpopstate监听URL变化。2、hash模式灵活运用了 html的瞄点功能,改变 # 后的路径本质上是更换了当前页面的瞄点,所以不会刷新页面。通过监听浏览器的 onhashchange()事
2022-03-03 11:31:17 1077
web前端工程师-高频面试题
2022-10-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人