自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(53)
  • 资源 (2)
  • 收藏
  • 关注

原创 flex 布局:一行固定个数,超出换行(流式布局)

flex 布局:实现一行固定个数,超出强制换行

2023-09-12 10:23:21 8439

原创 vue3 script setup

vue3 script setup是什么,怎么用,它的作用是:自动注册子组件;属性和方法无需返回;支持props、emits、context

2023-06-20 17:36:29 1721

原创 js、jquery 动态添加/删除元素内容

js、jquery 动态添加/删除元素内容

2023-04-19 16:17:59 738 1

原创 面试题-全

前端基础面试题之HTML,CSS,JS,ES6,VUE

2022-10-24 12:09:51 424

原创 前端面试题-JS

1、前端如何优化网站性能?2、网页从输入网址到渲染完成经历了哪些过程?3、浏览器缓存:memory cache、disk cache、强缓存协商缓存等概念4、JS中常见的内存泄漏 5、如何解决跨域问题6、http和https有何区别?

2022-10-20 18:45:10 177

原创 vue组件之间传参方式

1.props 父向子,单向绑定,子组件数据随父组件更新而响应式更新 2.$emit 子向父,$emit 绑定一自定义事件,这个事件被执行时将参数传递给父组件,父通过v-on监听并接收参数3.eventBus兄弟组件之间的数据传递,通过eventBus来做中间的桥梁,传输方通过中间组件调用 emit 传数据,接收方通过on 接受数据...

2022-08-27 20:29:35 1890

原创 前端性能优化的方法

1、减少http请求数;2、图片优化;3、使用CDN;4、开启GZIP;5、样式表和JS文件的优化;6、使用无cookie域名;7、前端代码结构的优化。

2022-08-24 19:39:06 1881

原创 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 1816

原创 vue全家桶有哪些

Vue-cli,也叫脚手架,基于Vue.js进行快速开发的完整系统;vue-router,vue官方的路由管理器;vuex,为vue应用程序开发的状态管理模式;axios,基于Promise用于浏览器和node.js的HTTP客户端

2022-08-24 11:10:02 665 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 1523

原创 js中的深拷贝浅拷贝

深拷贝(值拷贝):会创建一个一模一样的对象,新旧对象不共享内存,修改新对象不会影响原对象。浅拷贝(引用拷贝):只复制指向某个对象的指针,不复制对象本身,新旧对象还是共享同一块内存。修改新对象会影响原对象。...

2022-07-20 12:11:36 581

原创 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 34236 1

原创 vue生命周期每个阶段可以做什么

在 vue 的创建、使用、销毁过程中,会有许多事件,这些事件就被统称为生命周期函数,也叫作生命周期钩子,那vue生命周期每个阶段可以做什么呢

2022-07-14 18:27:17 4284

原创 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 5956

原创 vue-router路由传参方式

vue-router路由的四种传参方式

2022-07-12 14:33:35 273

原创 变量提升及其原理

变量提升通常发生在 var 声明的变量里,使用var声明一个变量时,该变量会被提升到作用域的顶端,但是赋值的部分并不会被提升。1.所有的声明都会提升到作用域的最顶上去。2.同一个变量只会声明一次,其他的会被忽略掉。3.函数声明的优先级高于变量声明的优先级,并且函数声明和函数定义的部分一起被提升。本文包含内容有:var变量提升,变量提升例子,以及变量提升原理......

2022-07-10 15:42:01 2587 1

原创 React路由传参方法

React路由传参方法

2022-06-26 12:26:40 337

原创 js数组中修改元素的方法

js修改数组中元素的方法,比如增加,删除,截取

2022-06-25 19:13:20 9103

原创 前端实现异步的方法

实现异步的方法

2022-06-25 12:54:41 3379

原创 vue常用指令、修饰符

vue常见指令和修饰符以及涉及到的前端面试题

2022-06-24 18:15:16 1164

原创 防抖和节流

防抖和节流以及二者区别

2022-06-24 17:03:07 215

原创 原型和原型链的理解

原型与原型链的理解

2022-06-23 16:01:43 4167

原创 CSS布局方式有哪些

css布局方式有哪些:静态,自适应,流式,响应式,弹性

2022-06-22 18:53:41 3449

原创 route和router的区别

route和router的区别

2022-06-15 13:39:07 4533

原创 同源?跨域?如何解决跨域?

什么是同源策略?什么是跨域?如何解决跨域?以及解决跨域方法的优缺点等

2022-06-11 17:52:08 554

原创 使用node.js创建简易服务器,让本地HTML页面可以通过localhost访问

使用node.js创建简易服务器,让本地HTML页面可以通过localhost访问

2022-05-26 13:17:14 1352

原创 转二维码工具

生成二维码工具

2022-04-26 18:11:55 235

原创 h5、小程序自定义radio样式

h5、微信小程序修改radio,checkbox样式

2022-04-26 17:53:22 2602

原创 安卓手机键盘弹出导致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 1246

原创 css设置滚动条的样式

使用css设置滚动条的样式

2022-03-09 10:37:15 4766

原创 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 1053

原创 前端监控控制台错误

前端监控控制台错误,不在控制台抛出的方法

2022-03-03 10:47:18 921

原创 切换淘宝镜像

切换淘宝镜像

2022-03-01 17:41:26 5360

原创 jQuery 按照数组内对象的某个属性去重

jQuery 按照数组内对象的某个属性去重

2022-01-21 12:02:32 969

原创 promise

promise

2021-12-29 21:55:07 101

原创 ajax和axios区别及优缺点

ajax和axios介绍、原理、区别及优缺点

2021-12-29 17:53:39 34094 5

原创 methods 和 watch 和 computed的区别

methods 和 watch 和 computed的区别及适用场景

2021-12-28 21:43:35 284

原创 判断数据类型的方法

判断数据类型的方法

2021-12-28 20:53:08 6597

原创 小程序中view和block区别

小程序中view和block的区别

2021-12-24 21:30:15 397

原创 js匿名函数、箭头函数,区别

js匿名函数、箭头函数,以及他们的区别匿名函数箭头函数区别

2021-12-23 21:10:01 6199

web前端工程师-高频面试题

包含的领域有HTML,CSS,JS,ES6,Vue,React,小程序,常见编程题,以及其他比如webpack,git方面的面试题,还有面试官可能会提到的问题,都是前端必备的知识,适用于初级前端求职者们以及前端初学者们

2022-10-24

web前端工程师 高频面试题

包含前端各项技术常见的面试题,整理的很详细,而且方便查找各个知识点,适用于前端刚入行的朋友们,或者想要做前端的毕业生们,祝大家都能找到满意的工作!

2022-06-25

vue实现todolist愿望清单-动画

是一个todolist,实现的效果为添加、双击修改、删除、统计是否完成的清单

2021-11-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除