2022年12月_name:水煮鱼_CSDN博客

name:水煮鱼

码龄4年

32,467

总访问量
20

原创
57

粉丝
3

关注

IP 属地：河南省

加入CSDN时间： 2021-08-26

查看详细资料

个人成就

获得63次点赞
内容获得13次评论
获得96次收藏
代码片获得176次分享
博客总排名372,184名

创作活动更多

王者杯·14天创作挑战营·第2期

这是一个以写作博客为目的的创作活动，旨在鼓励码龄大于4年的博主们挖掘自己的创作潜能，展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴，那么，快来参加吧！我们一起发掘写作的魅力，书写出属于我们的故事。注： 1、参赛者可以进入活动群进行交流、分享创作心得，互相鼓励与支持（开卷），答疑及活动群请见https://bbs.csdn.net/topics/619735097 2、文章质量分查询：https://www.csdn.net/qc 我们诚挚邀请你们参加为期14天的创作挑战赛！

56人参与去参加

网站页面黑白色主题实现方法

其中grayscale指的是元素灰度值，1表示100%为灰色，相当于给当前元素添加了一层滤镜。其实实现这个效果很简单，只需一行代码即可实现，今天打开B站发现B站的主题色都变成了黑白色。

发布博客 2022.12.01 ·

【vue】前端根据后端返回的code码查字典表展示文本

后端没有直接返回渲染的文本而是只返回了code需要前端自己查字典表展示对应文本

发布博客 2022.11.17 ·

【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 ·

[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 ·

【vue3】对于复选框checkbox来说click和chenge事件的区别是什么

【代码】【vue3】对于复选框checkbox来说click和chenge事件的区别是什么。

发布博客 2022.11.10 ·

vue3封装swicthtab组件 js&&ts可用

vue3+TS+JS封装swicthTab组件,支持传入icon，title，color以及默认选中，源码

发布博客 2022.11.10 ·

实现仿若依后台管理主要功能

1.简述后台管理系统2.主要实现功能3.涉及到的前端技术这一步的具体实现思路是，自己编写国际化的文本，如这个项目只需中英切换，所以只需创建两个js文件，并导出其中的文本对象，国际化的思路就是通过切换目标文本源来更改文本，代码示例如下然后在再建一个全局注入国际化文本的js文件目录结构如下注入文件代码如下全局注册完成之后就可以使用了接下来完成语言切换功能这里使用的也是element-plus的国际化组件需要用这个组件包裹住整个router-view标签切换语言是我使用element封装的一个组件

发布博客 2022.06.06 ·

Vue2+elementUi后台管理项目总结

前言该项目是一款对公司员工及商品管理的后台系统，主要实现功能：公司角色的增删改查，和商品的增删改查，项目的主要模块有，登录，主页，员工管理，权限管理，商品管理，该项目的亮点是权限管理，不同角色登录进入首页，看到的菜单和可操作的按钮是不一样的，如系统管理员可查看和操作所有模块。1.初始化项目涉及的前端技术栈：VueVue是一个用于创建用户界面的开源JavaScript框架Vue-routervue-router是Vue官方推出的路由管理器elementUielement是基于VUE的一套U

发布博客 2022.05.12 ·

Vue封装组件并发布npm

前言在使用vue进行日常开发的时候，组件的封装是一个很常规的操作，也可以从npm仓库下载别人封装好的组件来使用，比如iview，element ui等…但每个项目的应用场景不同，所以我们有时也需要自己封装组件。而如果在开发中换了项目，那么就只能复制代码过去，略显麻烦，这个时候呢，可以将封装好的组件上传到npm仓库，需要使用时就可以直接通过npm指令下载，非常方便。1.环境准备因为我们封装的是Vue组件，所以直接在脚手架中封装即可。//创建项目因为我们只需封装组件所以 Router St

发布博客 2022.05.09 ·

JS的异步执行机制[‘宏任务‘,‘微任务‘]

js 异步同步的区别同步异步执行机制 event loop 同步阻塞微任务宏任务

发布博客 2022.04.19 ·

什么是跨域以及如何解决跨域

什么是跨域：跨域是指浏览器不能执行其他网站的脚本它是浏览器的同源策略造成的是浏览器对javaScript实施的一种安全限制当请求url的协议、域名、端口三者之间任意一个与当前页面url不同时即为跨域如何解决跨域：解决本地跨域：通过vue.config.js里的devserver属性里的proxy属性里的三个配置，分别是代理名称、代理地址、开启跨域、重写路径解决线上跨域：在nginx.conf文件里面配置，代理名称是通过location代理名称，proxy_pass代理地址...

发布博客 2022.04.02 ·

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 ·

简介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 ·

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 ·

vuex数据持久化插件

vuex固话插件浏览器刷新不丢失本地存储

发布博客 2022.03.28 ·

vue的生命周期；

vue⽣命周期? 什么是vue⽣命周期? vue⽣命周期都有哪些钩⼦函数?这些钩⼦函数如何触发?项⽬开发过程中,在⽣命周期⾥⾯都分别做过什么功能?⻚⾯第⼀次加载时⽗⼦组件⽣命周期执⾏的顺序是什么?

发布博客 2022.03.24 ·

通过正则+字符串方法replace修改富文本中的图片大小

replace()可以查找当前字符串内符合项并替换他 let text = '我是富文本' console.log(text); //=>>>我是富文本 text = text.replace('我','你') console.log(text); //=>>>你是富文本在富文本中我们使用正则匹配所有<img 将他替换为添加了行内样式的<img styke='width:100vm;

发布博客 2022.03.22 ·

小程序自定义头部navigationBar

自定义头部高度的计算思路先来原生小程序的首先在app.js文件内的onLanch获取到当前机型的信号区和胶囊区的高度并存入globalDataApp({ onLaunch() { this.globalData.info = wx.getSystemInfoSync().statusBarHeight this.globalData.top = wx.getMenuButtonBoundingClientRect().top this.globalData.bottom

发布博客 2022.03.22 ·

数组的操作方法整合

数组方法整合

发布博客 2022.03.11 ·

小程序封装axios

关于封装axios

发布博客 2022.03.11 ·