草庐IT

前端随笔

全部标签

8年前端与众不同的Vue实战系列,助你成为前端顶级开发者

目录一、写这个Vue实战系列专栏的初衷1.帮朋友做推荐2.市面上卖源码的多,讲实战项目过程的少3.想到了自己刚毕业的时候二、本专栏的优势 1.需求的适应性强2.技术主流 三、读完本专栏,你可以得到什么一、写这个Vue实战系列专栏的初衷1.帮朋友做推荐我记得最初的时候,我也只是单纯的分享一些开发技巧,某些前端的知识点,或者分享一些职场的感悟。但慢慢的,有一些大学生,或者一些工作经验不太多的朋友经常会找我,想要提升一些开发实战技巧,进阶一下自己当下的知识,但由于学校学的科目多而杂,不能很好的把知识点串联起来,导致毕业找工作的时候人家问知识点还能回答一些,但说到项目实战场景的时候就会一脸懵。也有一些

[HTML]Web前端开发技术22(HTML5、CSS3、JavaScript )HTML5 基础与CSS3 应用,animation ,@keyframes,Transition——喵喵画网页

希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言CSS3转换transform属性2.CSS33D转换CSS3过渡transition属性Transition子属性设置语法CSS3动画animation1.CSS3动画animation基本语法2.@keyframes规则定义总结前言冲冲冲!!!CSS3转换transform属性缩放scale(x,y)。      scale(x,y)方法的作用是缩放指定的元素,参数x表示元素宽度的缩放倍数,参数y表示元素高度的缩放倍数。scale方法也可以接

Vue+ElementUI前端添加展开收起搜索框按钮

1、搜索框添加判断 v-if="advanced"2、添加展开收起按钮 搜索 重置 {{advanced?'收起':'展开'}} 3、向data添加变量advanced:false,4、添加事件方法/**展开按钮操作*/toggleAdvanced(){this.advanced=!this.advanced},5、展示不点点击后

SpringBoot+Vue 后端输出加密,前端请求统一解密

针对客户对数据交互过程中的加密要求,防止直接的数据爬取,对前后端数据请求时的返回数据进行数据的加密。实用性嘛,也就那样了,代码可直接适配RuoyiSpringBoot+vue项目,具体加密方式和处理仅供参考!前端request.jsimportaxiosfrom'axios'import{Notification,MessageBox,Message}from'element-ui'importstorefrom'@/store'import{getToken}from'@/utils/auth'importerrorCodefrom'@/utils/errorCode'importDESfr

前端都在卷鸿蒙?推荐 12 个 热门的开源鸿蒙实战项目

随着鸿蒙操作系统(HarmonyOS)的崛起,华为自主研发的这款操作系统已经吸引了无数关注。本文将分享12个开源的鸿蒙实战项目,无论你是鸿蒙领域的新兵,还是经验丰富的老将,希望能从这些项目中获得启发和实用经验。让我们一同踏上这场鸿蒙开源项目的探索之旅,感受鸿蒙的独特魅力!小狐浏览器基于鸿蒙HarmonyOS,使用ArkTS开发纯净的浏览器(小狐狸浏览器)。仿网易云音乐鸿蒙ArkTs仿网易云音乐项目,其功能包括:登陆首页每日推荐歌单广场排行榜云村热评视频MV详情页我的电台模块【电台首页,电台详情,电台排行榜】搜索【支持单曲,MV,专辑,歌单,电台】播放页【歌词,播放列表,上一首,下一首】开眼华为

[HTML]Web前端开发技术21(HTML5、CSS3、JavaScript )HTML5 基础与CSS3 应用,border-radius,box-shadow,transform——喵喵画网页

希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言CSS3边框1.border-radius圆角边框2.box-shadow边框阴影3.border-image边框图像CSS3转换transform属性1.CSS32D转换总结前言来来来,上号~CSS3边框 CSS3具有3个边框属性1.border-radius圆角边框1.border-radius圆角边框  语法:border-radius:水平半径(1-4个值)px|%/垂直半径(1-4个值)px|%;            border-r

解决BigDecimal序列化科学计数法前端展示问题(大坑)

解决BigDecimal序列化科学计数法前端展示问题(大坑)前言:在生产中出现一个问题,就是BigDecimal类型的字段在前端页面展示变成科学计数法,通过排查,发现里面的坑还是挺多的,所以特意记录下处理过程。Json序列化,不同项目中配置的都不一样,有些项目是使用springboot里面自带的jackson的,有些是使用fastjson处理,不同的序列化的处理方式也不一样。1、fastJson对BigDecimal序列化和反序列化字段返回完整的数字,避免科学计数法我们看下JSON.toJSONString()的方法,我们可以看到,可以传进SerializerFeature的枚举publics

2023年下载量超1.2亿,这个前端框架凭什么?

最近盘点了 2023年度热门前端框架的npm下载量,发现Preact已经跻身前五名,年度下载量高达1.23亿。本文就来看看Preact是什么,它和React又有何区别!Preact是什么?Preact是一个轻量级的前端库,用于构建用户界面(UI),其功能和React相似,但体积更小,只有大约3KB。Preact具有与React类似的现代API,因此可以视为React的一个快速、轻量级的替代方案。Preact的核心目标是高性能、轻量级和即时生产,其名称中的"P"代表performance(性能)。Preact并非React的翻版,两者之间存在显著差异。尽管其中许多差异看似微不足道,但通过prea

探索前端开发框架:React、Angular 和 Vue 的对决(一)

🤍前端开发工程师、技术日更博主、已过CET6🍨阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1🕠牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》🍚蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、引言Web前端开发框架的重要性各种框架的优缺点二、ReactReact的概述和特点React的核心概念和组件一、引言Web前端开发框架的重要性Web前端开发框架的重要性在于它们可以帮助开发者轻松地创建和维护复杂的Web应用程序。前端框架可以帮助开发者提高代码的可维护性和可扩展性,同

[Blazor WebAssembly] 学习随笔——身份验证

最近在折腾微信相关的开发,包括公众号、企业微信内部应用、企业微信第三方开发。基于Razor方式写了:企业微信内部应用的类库企业微信第三方应用的类库公众号的类库一个统一管理公众号、企业微信内部应用和第三方应用有关授权、Token之类的应用。然后准备写一个开源的简单的酒店管理系统,名字的想好了,叫OpenPms。OpenPms将是一个企业微信第三方应用,在使用转发功能的时候,发现腾讯要求必须有200人以上的企业微信才能调用相关JsApi。然后又把公众号的类库给拉进来了。开发过程中,折腾了一会typescript,折腾了好一会TagHelper,感觉不舒服,决定转向Blazor,进而决定转向Blaz