草庐IT

纯前端

全部标签

前端出大事儿了

公众号「古时的风筝」,专注于后端技术,尤其是Java及周边生态。个人博客:www.moonkite.cn大家好,我是风筝最近这两天,在前端圈最火的图片莫过于下面这张了。这是一段React代码,就算你完全没用过React也没关系,一眼看过去就能看到其中最敏感的一句代码,就是那句SQL。咱们把这端代码简化一下,大概就是下面这个样子。( "useserver" awaitsql`INSERTINTOBookmarks(slug)VALUES(${slug});`;)}>提交意思就是在页面上点击一个叫做「提交」的按钮,触发一个formAction(提交表单)的动作。这有点看到了当年JSP和PHP的味道

每个前端开发都应该知道的十个强大的CSS属性

CSS不仅能够实现网站的外观和布局,还能通过一系列属性增强用户体验和交互性。本文将介绍10个鲜为人知但非常有趣的CSS属性,这10个你可能不会经常使用或从未听说过的属性,但是你使用了之后相信你会爱上它们的。自定义滚动条:美化滚动体验网页上的滚动条都是相对普通和无趣的。然而,通过使用CSS的::-webkit-scrollbar伪元素,你可以改变滚动条的外观,包括宽度、颜色和形状。这让网站看起来更专业和个性化。图片我们用来::-webkit-scrollbar改变属性。/*设置滚动条的宽度*/::-webkit-scrollbar{width:10px;}/*将滚动条轨道更改为蓝色并添加圆形边框

前端日历实现:公历、农历、黄历、星座、节气、天干、地支、八字、星宿、五行...

大家好呀,我是CUGGZ。今天,公众号两周年啦!感谢三万多股东们两年来的支持,未来大家继续一起努力,快速晋升、大幅涨薪!今天来分享一个超级强大的日历工具库:lunar,它支持阳历、阴历、佛历和道历等,基本满足大多数日历需求!概述lunar是一个支持阳历、阴历、佛历和道历的日历工具库,其不依赖第三方,支持阳历、阴历、佛历、道历、儒略日的相互转换,还支持星座、干支、生肖、节气、节日、彭祖百忌、每日宜忌、吉神宜趋、凶煞宜忌、吉神方位、冲煞、纳音、星宿、八字、五行、十神、建除十二值星、青龙名堂等十二神、黄道日及吉凶等。lunar提供了多种开发语言的版本,包括JavaScript、TypeScript、

前端vue部署到nginx并且配置https安全证书全流程

       说明一下:本人原本使用的是docker安装nginx通过挂载实现部署,但是出现了很多bug(例如部署安全证书后还是无法访问),所以困扰了很久,最后改为本地安装nginx,最终在不懈的努力下终于按照好了,特此记录一下。       一:整个流程:             1.将前端项目打包,会生成dist文件(同时不要忘了修改调用后台的ip)             2.安装nginx(本地安装,非docker),然后将dist下的文件放入nginx的html目录下             3.配置nginx的配置文件             4.安装证书(ssl)        

微信公众号开发以及测试公众号前端自测网页授权

测试号申请(开发的时候需要使用微信测试号进行开发)微信测试号申请地址进入网页之后选择微信登陆,直接用微信扫码登录,微信测试号就申请成功了测试号配置申请成功之后会有一个测试号管理界面1、会自动生成appID、appsecret(需要记录一下,后面会用到)。2、接口配置信息不用管3、配置JS接口安全域名名(也就是页面的域名)注意不要加上http或后缀,测试用的是本地地址127.0.0.14.下拉配置网页账号:页面访问地址,同样注意不要加上http或后缀测试开发工具(微信开发者工具)放入项目测试地址![在这里插入图片描述](https://img-blog.csdnimg.cn/43a910ddac

使用CryptoJS实现Vue前端加密,Java后台解密的步骤和方法

1、crypto.js简介  CryptoJS是一个JavaScript库,提供了一系列密码学函数和工具,用于加密、解密、生成摘要等任务。它支持多种加密算法,包括常见的对称加密算法(如AES、DES)和非对称加密算法(如RSA)。  同时,CryptoJS还包括了ECB和CBC两种模式,其中ECB模式:全称ElectronicCodebook(电码本),在ECB模式中,每个明文分组都被单独加密,且每个明文分组都被加密为相同的密文分组。也就是说,如果两个明文分组相同,那么它们的密文分组也相同。CBC模式:全称CipherBlockChaining(密文分组链接模式),在CBC模式中,每个明文分组

【前端系列】Element-UI 悟道

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。推荐:kwan的首页,持续学习,不断总结,共同进步,活到老学到老导航檀越剑指大厂系列:全面总结java核心技术点,如集合,jvm,并发编程redis,kafka,Spring,微服务,Netty等常用开发工具系列:罗列常用的开发工具,如IDEA,Mac,Alfred,electerm,Git,typora,apifox等数据库系列:详细总结了常用数据库mysql技术点,以及工作中遇到的mysql问题等懒人运维系列:总结好用的命令,解放双手

前端react入门day02-React中的事件绑定与组件

(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)目录React中的事件绑定React基础事件绑定使用事件对象参数 传递自定义参数 同时传递事件对象和自定义参数 React中的组件 组件是什么React组件useState 修改状态的规则状态不可变修改对象状态组件的样式处理classnames优化类名控制 React中的事件绑定React基础事件绑定语法:on+事件名称={事件处理程序},整体上遵循驼峰命名法使用事件对象参数 语法:在事件回调函数中设置形参e传递自定义参数 语法:事件绑定的位置改造成箭头函数的写法,在执行clickHandler实际处理业

前端使用jsencrypt实现RSA公钥解密——uniapp同样适用

RSA公钥解密一、使用npm管理项目依赖时可以通过直接更改文件的方式使该修改生效二、修改RSA中prototype的decrypt方法一、使用npm管理项目依赖时可以通过直接更改文件的方式使该修改生效在node_modules目录下,根据如下路径找到rsa.js文件jsencrypt/lib/lib/jsbn/rsa.js1、修改RSAKey.prototype.decrypt方法(将doPrivate改为doPublic)RSAKey.prototype.decrypt=function(ctext){varc=parseBigInt(ctext,16);//varm=this.doPriv

Vue--》简易资金管理系统后台项目实战(前端)

        今天开始使用vue3+ts+node搭建一个简易资金管理系统的前后端分离项目,因为前后端分离所以会分两个专栏分别讲解前端与后端的实现,后端项目文章讲解可参考:后端链接,我会在前后端的两类专栏的最后一篇文章中会将项目代码开源到我的github上,大家可以自行去进行下载运行,希望本文章对有帮助的朋友们能多多关注本专栏,学习更多前端vue知识。然后开篇先简单介绍一下本项目用到的技术栈都有哪几个方面(阅读本文章能够学习到的技术):vite:快速轻量且功能丰富的前端构建工具,帮助开发人员更高效构建现代Web应用程序。