- 博客(20)
- 收藏
- 关注
RSS订阅原创 网站页面黑白色主题实现方法
其中grayscale指的是元素灰度值，1表示100%为灰色，相当于给当前元素添加了一层滤镜。其实实现这个效果很简单，只需一行代码即可实现，今天打开B站发现B站的主题色都变成了黑白色。
2022-12-01 14:13:46
361
2
原创 【vue3】‘XXXX‘ is declared but its value is never read.Vetur(6133)
‘XXXX‘ is declared but its value is never read.Vetur(6133)
2022-11-15 14:17:57
1718
原创 [Vue warn]: Property “tabList“ was accessed during render but is not defined on instance.
[Vue warn]: Property "tabList" was accessed during render but is not defined on instance.
2022-11-10 10:12:35
2941
原创 【vue3】对于复选框checkbox来说click和chenge事件的区别是什么
【代码】【vue3】对于复选框checkbox来说click和chenge事件的区别是什么。
2022-11-10 10:06:42
807
原创 vue3封装swicthtab组件 js&&ts可用
vue3+TS+JS封装swicthTab组件,支持传入icon，title，color以及默认选中，源码
2022-11-10 09:40:26
496
3
原创 实现仿若依后台管理主要功能
1.简述后台管理系统2.主要实现功能3.涉及到的前端技术这一步的具体实现思路是，自己编写国际化的文本，如这个项目只需中英切换，所以只需创建两个js文件，并导出其中的文本对象，国际化的思路就是通过切换目标文本源来更改文本，代码示例如下然后在再建一个全局注入国际化文本的js文件目录结构如下注入文件代码如下全局注册完成之后就可以使用了接下来完成语言切换功能这里使用的也是element-plus的国际化组件需要用这个组件包裹住整个router-view标签切换语言是我使用element封装的一个组件
2022-06-06 21:26:26
658
原创 Vue2+elementUi后台管理项目总结
前言该项目是一款对公司员工及商品管理的后台系统，主要实现功能：公司角色的增删改查，和商品的增删改查，项目的主要模块有，登录，主页，员工管理，权限管理，商品管理，该项目的亮点是权限管理，不同角色登录进入首页，看到的菜单和可操作的按钮是不一样的，如系统管理员可查看和操作所有模块。1.初始化项目涉及的前端技术栈：VueVue是一个用于创建用户界面的开源JavaScript框架Vue-routervue-router是Vue官方推出的路由管理器elementUielement是基于VUE的一套U
2022-05-12 20:51:13
2668
1
原创 Vue封装组件并发布npm
前言在使用vue进行日常开发的时候，组件的封装是一个很常规的操作，也可以从npm仓库下载别人封装好的组件来使用，比如iview，element ui等…但每个项目的应用场景不同，所以我们有时也需要自己封装组件。而如果在开发中换了项目，那么就只能复制代码过去，略显麻烦，这个时候呢，可以将封装好的组件上传到npm仓库，需要使用时就可以直接通过npm指令下载，非常方便。1.环境准备因为我们封装的是Vue组件，所以直接在脚手架中封装即可。//创建项目 因为我们只需封装组件 所以 Router St
2022-05-09 15:20:31
2390
3
原创 什么是跨域 以及如何解决跨域
什么是跨域：跨域是指浏览器不能执行其他网站的脚本它是浏览器的同源策略造成的是浏览器对javaScript实施的一种安全限制当请求url的协议、域名、端口三者之间任意一个与当前页面url不同时即为跨域如何解决跨域：解决本地跨域：通过vue.config.js里的devserver属性里的proxy属性里的三个配置，分别是代理名称、代理地址、开启跨域、重写路径解决线上跨域：在nginx.conf文件里面配置，代理名称是通过location代理名称，proxy_pass代理地址...
2022-04-02 10:29:41
1549
原创 vue的三种路由守卫
路由守卫就是当⻚⾯跳转的时候会触发的钩⼦函数,vue⼀共给我们提供了三种路由守卫全局路由守卫前置守卫： router.beforeEach((to,from,next) => {})to-到哪里去 from --从哪里来 next–重定向 //路由拦截 我们经常使⽤路由守卫实现⻚⾯的鉴权router.beforeEach((to,from,next) => { const token = store.state.koten; if(!token &&
2022-04-01 15:44:22
1327
原创 简介Ajax以及使用ajax简单封装axios
Ajax即为 async javascript and xml主要是为了实现页面的局部刷新的一个技术平常我们常用的 axios fetch 都属于ajax的东西ajax 有一个核心对象；这个核心对象是内置在浏览器内的 XMLHttpRequest1. 发起ajax的步骤实例化核心对象 let 名称 = new XMLHttpRequest()建立链接 名称.open(请求方式(get/post/delete/head..),请求的链接/接口的地址，同步异步)发送请求 名称.s
2022-03-30 11:37:51
1167
原创 vue路由跳转以及路由传参&接收
路由跳转1.声明式路由跳转（不带参数）通过router-link标签进行跳转，使用name或者path都可以，在dom结构中会被渲染成a标签注意：router-link中链接如果是’/‘开始就是从根路由开始，如果开始不带’/’，则从当前路由开始。 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}">（带参数）注意：params传参数 (类似post)路由配置 path
2022-03-29 13:11:59
2049
2
原创 vue的生命周期；
vue⽣命周期? 什么是vue⽣命周期? vue⽣命周期都有哪些钩⼦函数?这些钩⼦函数如何触发?项⽬开发过程中,在⽣命周期⾥⾯都分别做过什么功能?⻚⾯第⼀次加载时⽗⼦组件⽣命周期执⾏的顺序是什么?
2022-03-24 20:24:25
93
原创 通过正则+字符串方法replace修改富文本中的图片大小
replace()可以查找当前字符串内符合项并替换他 let text = '我是富文本' console.log(text); //=>>>我是富文本 text = text.replace('我','你') console.log(text); //=>>>你是富文本在富文本中我们使用正则匹配所有<img 将他替换为添加了行内样式的<img styke='width:100vm;
2022-03-22 11:30:19
498
1
原创 小程序自定义头部navigationBar
自定义头部高度的计算思路先来原生小程序的首先在app.js文件内的onLanch获取到当前机型的信号区和胶囊区的高度并存入globalDataApp({ onLaunch() { this.globalData.info = wx.getSystemInfoSync().statusBarHeight this.globalData.top = wx.getMenuButtonBoundingClientRect().top this.globalData.bottom
2022-03-22 09:54:12
2179
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人