
前端demo
文章平均质量分 76
karshey
平平无奇打工人。
展开
-
【前端】登陆页面:记住密码、设置cookie、加密
这里有加密和解密的操作。在线生成RSA的公钥和私钥,使用。将保存在cookie中的密码自动填入表单:库。原创 2024-03-03 21:07:55 · 1297 阅读 · 0 评论 -
【国际化】用JQuery-i18next的国际化demo,引入json
【代码】【国际化】用JQuery-i18next的国际化demo,引入json。原创 2024-02-21 15:30:40 · 908 阅读 · 0 评论 -
表单邮箱密码登录 原生+Jquery实现
正确密码为:123456。原创 2023-11-24 15:55:58 · 210 阅读 · 0 评论 -
【Vue-Demo】倒计时3秒后返回首页
【代码】【Vue-Demo】倒计时3秒后返回首页。原创 2023-11-16 11:02:51 · 211 阅读 · 0 评论 -
【前端demo】动态赋值CSS
在这里,显然滑块的滑动是不能失去焦点才触发的(滑块滑动的时候box要同步移动),但颜色的选择可以(可以试一试,改变颜色是选择颜色之后再点击空白区域,方块颜色才会发生改变)。我们的目的是实现动态改变box的样式。这里的root是从html标签开始的整个文档树(DOM树)。对于radius,四个角一起变化的最大值是50%。将CSS变量直接赋值在文档树开头的style,就。因此,如果想改变box的样式,只需改变。拼接直接形成CSS变量,然后直接赋值。注意,这里root中的变量名(注意,颜色的赋值是不用加。原创 2023-09-04 18:47:45 · 1611 阅读 · 0 评论 -
【前端demo】CSV&JSON转换器 原生实现:CSV转换为JSON,JSON转换为CSV
要判断输入的CSV或JSON是否是对应类型,不是的话就alert提示,并不予转换。转为对象后看是否是数组,不是的话就转为数组(a转为数组的方法:[a])后若用空格,理论上应该可以转换为JSON,但这里的代码并不能实现。,当窗口压缩到很小时,里面的字就压缩到看不到了。先判断是否是对象,不是的话就把JSON转为对象。功能不够严谨,比如输入的CSV是以逗号。再获取内容,即所有对象的value。先获取表头,即数组对象的key。可以对输入的CSV预处理一下。参考链接里输入的CSV的。原创 2023-09-04 12:49:35 · 855 阅读 · 0 评论 -
【前端demo】倒计时器 可选择时间 原生实现
背景是一种绿色,字体颜色color是白色(或偏白色的浅绿色),影子text-shadow的阴影颜色是深绿色。的递归调用,会调用很多次函数。第1秒的时候调用1次,第2秒时调用2次(原本的和新递归出来的),第3秒调用4次…我们获取选择的时间后,就可以计算选择的时间与当前时间的差值,然后需要写一个计时器。使得body占满整个窗口,此时就有内容的上下居中效果了。都输出当前时间:很显然,每次都要调用一次。想要获取时间:这样就可以把点击的时间传入。想让body的内容上下居中,设置了。,这样才会有秒数动态减少的效果。原创 2023-09-03 16:51:12 · 723 阅读 · 0 评论 -
【前端demo】背景渐变动画
可能也会出现height为0的情况,这是需要令html的。注意,直接在body上加。原创 2023-09-01 21:56:07 · 489 阅读 · 0 评论 -
【前端demo】圣诞节灯泡 CSS动画实现轮流闪灯
水平阴影的位置|垂直阴影的位置|模糊距离|阴影的尺寸|阴影的颜色|将外部阴影 (outset) 改为内部阴影。点击OFF时:相当于添加了停止动画和灰色背景色的样式,覆盖了原先的样式。因此,点击ON时:需要把OFF添加的style去除掉。也可以亮灯,因为没有style后就显示原先CSS的亮灯效果了。想要有按钮ON和OFF,点击ON就开灯,点击OFF就关灯。我们希望灯泡闪亮是按顺序的:粉色先,蓝色其次,最后绿色。OFF按钮的事件:获取节点,并设置关灯。实现方法:为灯泡设置动画开始的时间,即。原创 2023-09-01 18:56:18 · 748 阅读 · 0 评论 -
【前端demo】简易计算器 原生实现
注意,table的margin是失效的。原创 2023-08-31 18:54:38 · 413 阅读 · 0 评论 -
【前端demo】CSS border-radius可视化 原生实现
/ 事件委托 获取子元素的data-index:event.target.attributes[2].value。不知道在哪的话可以输出event看看。原创 2023-08-30 23:36:32 · 697 阅读 · 0 评论 -
【前端demo】将二进制数转换为十进制数 原生实现
https://github.com/florinpop17/app-ideas文章目录效果JavaScript实现进制转换原生代码遇到的问题效果二进制转换为十进制若输入为空或不是二进制,提示清空JavaScript实现进制转换parseIntparseInt('111',2)手动实现bin是输入的字符串。function Bin2Dec(bin) { let dec = 0; for (let index = bin.length - 1; index原创 2023-08-30 16:42:28 · 339 阅读 · 0 评论