自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 大屏的列表自动滚动

大屏经常会有些列表,这些列表数据会很多,通常是没有分页的,设置自动滚动,,,,,代码如下。

2024-11-29 09:59:50 181

原创 大屏展示用rem做响应式

【代码】大屏展示用rem做响应式。

2024-11-25 15:46:46 299

原创 vue使用vue-pdf预览本地文件不显示

【代码】vue使用vue-pdf预览本地文件不显示。

2024-11-20 17:04:06 530 1

原创 Vue3的最新面试题

computed函数,是用来定义计算属性的,计算属性不能修改,他是存在缓存里的,多次使用只调用一次。计算属性可以依赖于多个Vue实例的数据,只要其中任一数据变化,计算属性就会重新执行。计算属性有两个方法,为set方法和get方法,可以在里面添加一些逻辑处理。注意:回调函数必须return,结果就是计算的结果如果计算属性依赖的数据发生变化,那么会重新计算不要在计算中中进行异步操作。

2024-11-19 17:06:28 769

原创 vue3+vite使用全局变量,配置文件

development 模式用于 vue-cli-service serve production 模式用于 vue-cli-service。build 和 vue-cli-service test:unit test 模式用于 vue-cli-service test:unit。development模式对应我们开发环境对应的命令是 serve命令,也就是说我们启动项目后就在development模式下运行。对于下面所说的命令,大家可以看一下项目中的package.json文件,一看就明白了。

2024-11-19 17:05:11 336

原创 vue封装组件并发布到npm,不打包源码版

fei-button.vue文件。fei-table.vue文件。index.js文件。

2024-09-02 15:53:58 522

原创 2024-8月前端最新面试题

图片的压缩、js文件的压缩,css文件的压缩,代码分割、懒加载用箭头函数的方式引入组件、 v-if和v-show分情况去使用、避免v-for和v-if同时使用、合理的使用watch和computed、引入路由的时候使用路由懒加载、引入第三方资源的时候把资源放到第三方cdn服务上,可以提高页面速度,减少打包后的项目体积、使用一些库和包的时候尽量按需导入、beforeDestory及时清除一些定时器或监控什么的,使用节流和防抖。那按钮的权限也是把所有的权限遍历,然后放到一个对象里,菜单的id当做key,

2024-08-23 10:52:35 462

原创 vue3+ts使用mapState实现数据响应

关键​解决思路,结合现有框架用的vuex的mapState方法,实现数据响应式,只需要改变vuex的数据就实现刷新列表和最顶部的登录状态(1.)vuex的mutations里增加了 setUserInfo方法,在登录完成后更新了vuex的state数据(2.)封装了一个监听方法,引用hook.jshook.js文件(3.)页面使用关键。

2024-04-28 14:35:42 373

原创 pinia在vue3+ts的项目中的简单安装使用

TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个严格超集,并添加了可选的静态类型和使用看起来像基于类的面向对象编程语法操作Prototype。

2024-04-24 15:34:28 2120 1

原创 vue3+ts的基本使用--实战

在router下的index.js文件新增一个路由,在view文件下新增一个文件name: '一个按钮'})message.success('成功提示')页面效果点击按钮。

2024-04-17 11:27:27 894

原创 vue3加ts构建项目步骤

2.通过上下键选择,通过空格键选中(使用Babel,TypeScript,Router、Vuex、CSS Pre-processors、Linter / Formatter),按回车。10.是否保存当前创建 Vue3 项目的特性配置,下次再创建 Vue 项目的时候,可以选择该特性,然后回车确认即可创建完成。5.Babel 和 TS 是否一起使用,用于现代模式、自动检测的 polyfills 和转译 JSX,此处输入【y】,然后回车确认;4.是否使用 Class 风格装饰器,此处输入【y】,然后回车确认;

2024-04-10 17:10:23 1051 1

原创 iframe 修改样式 及 vue 多个项目之间怎么互相引入、乾坤框架的使用

iframe 修改样式 及 vue 多个项目之间怎么互相引入、乾坤框架的使用

2022-09-23 14:28:12 4646 1

原创 关于动态路由刷新页面空白的问题

关于动态路由刷新页面空白的问题以及路由懒加载在服务器上不跳转的问题关于动态路由刷新页面空白的问题 解决方案:打包之前把路由的history模式改为hash模式,或者直接注释掉路由懒加载在服务器上不跳转的问题 解决方案:把路由组件的引入方式改为组件引入的方式可以正常跳转...

2019-11-06 20:40:56 3631

空空如也

空空如也

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

TA关注的人

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