name:水煮鱼
码龄4年
求更新 关注
提问 私信
  • 博客:32,467
    32,467
    总访问量
  • 20
    原创
  • 57
    粉丝
  • 3
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:河南省
加入CSDN时间: 2021-08-26
博客简介:

CSDN_shipingan的博客

查看详细资料
个人成就
  • 获得63次点赞
  • 内容获得13次评论
  • 获得96次收藏
  • 代码片获得176次分享
  • 博客总排名372,184名
创作历程
  • 20篇
    2022年
成就勋章
创作活动更多

王者杯·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 ·
512 阅读 ·
3 点赞 ·
1 评论 ·
0 收藏

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

后端没有直接返回渲染的文本而是只返回了code需要前端自己查字典表展示对应文本
原创
发布博客 2022.11.17 ·
1639 阅读 ·
4 点赞 ·
0 评论 ·
7 收藏

【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 ·
2046 阅读 ·
2 点赞 ·
0 评论 ·
3 收藏

[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 ·
3500 阅读 ·
4 点赞 ·
1 评论 ·
0 收藏

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

【代码】【vue3】对于复选框checkbox来说click和chenge事件的区别是什么。
原创
发布博客 2022.11.10 ·
1017 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

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

vue3+TS+JS封装swicthTab组件,支持传入icon,title,color以及默认选中,源码
原创
发布博客 2022.11.10 ·
605 阅读 ·
2 点赞 ·
3 评论 ·
0 收藏

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

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

Vue2+elementUi后台管理项目总结

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

Vue封装组件并发布npm

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

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

js 异步同步的区别 同步异步执行机制 event loop 同步阻塞 微任务 宏任务
原创
发布博客 2022.04.19 ·
718 阅读 ·
3 点赞 ·
0 评论 ·
0 收藏

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

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

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 ·
1384 阅读 ·
3 点赞 ·
0 评论 ·
7 收藏

简介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 ·
1214 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

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 ·
2171 阅读 ·
4 点赞 ·
2 评论 ·
7 收藏

vuex数据持久化插件

vuex固话插件 浏览器刷新不丢失 本地存储
原创
发布博客 2022.03.28 ·
609 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

vue的生命周期;

vue⽣命周期? 什么是vue⽣命周期? vue⽣命周期都有哪些钩⼦函数?这些钩⼦函数如何触发?项⽬开发过程中,在⽣命周期⾥⾯都分别做过什么功能?⻚⾯第⼀次加载时⽗⼦组件⽣命周期执⾏的顺序是什么?
原创
发布博客 2022.03.24 ·
129 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

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

replace()可以查找当前字符串内符合项并替换他 let text = '我是富文本' console.log(text); //=>>>我是富文本 text = text.replace('我','你') console.log(text); //=>>>你是富文本在富文本中我们使用正则匹配所有<img 将他替换为添加了行内样式的<img styke='width:100vm;
原创
发布博客 2022.03.22 ·
587 阅读 ·
2 点赞 ·
1 评论 ·
2 收藏

小程序自定义头部navigationBar

自定义头部高度的计算思路先来原生小程序的首先在app.js文件内的onLanch获取到当前机型的信号区和胶囊区的高度并存入globalDataApp({ onLaunch() { this.globalData.info = wx.getSystemInfoSync().statusBarHeight this.globalData.top = wx.getMenuButtonBoundingClientRect().top this.globalData.bottom
原创
发布博客 2022.03.22 ·
7217 阅读 ·
4 点赞 ·
0 评论 ·
3 收藏

数组的操作方法整合

数组方法整合
原创
发布博客 2022.03.11 ·
244 阅读 ·
4 点赞 ·
1 评论 ·
0 收藏

小程序封装axios

关于封装axios
原创
发布博客 2022.03.11 ·
592 阅读 ·
3 点赞 ·
0 评论 ·
1 收藏
加载更多