草庐IT

前端video-player

全部标签

LLM大语言模型(二):Streamlit 无需前端经验也能画web页面

目录问题Streamlit是什么?怎样用Streamlit画一个LLM的web页面呢? 文本输出页面布局滑动条按钮对话框输入框总结问题假如你是一位后端开发,没有任何的web开发经验,那如何去实现一个LLM的对话交互页面呢?答案是"Streamlit"Streamlit是什么?Streamlit是一个开源Python库。可以轻松创建和共享用于机器学习和数据科学的漂亮的自定义web应用程序。只需几分钟,您就可以构建和部署功能强大的数据应用程序。一句话说明白:用python画web页面怎样用Streamlit画一个LLM的web页面呢? 下文将以ChatGLM3的demo为例做介绍。文本输出使用St

【JaveWeb教程】(2)Web前端基础:JavaScript入门不再难:一篇文章教你轻松搞定JavaScript的基础语法与函数

目录1介绍2引入方式3基础语法3.1书写语法3.2变量3.3数据类型和运算符4函数4.1第一种定义格式4.2第二种定义格式html完成了架子,css做了美化,但是网页是死的,我们需要给他注入灵魂,所以接下来我们需要学习JavaScript,这门语言会让我们的页面能够和用户进行交互。1介绍通过代码/js效果演示提供资料进行效果演示,通过浏览器打开,我们点击主题5按钮,页面的主题发生了变化,所以js可以让我们的页面更加的智能,让页面和用户进行交互。2引入方式同样,js代码也是书写在html中的,那么html中如何引入js代码呢?主要通过下面的2种引入方式:**第一种方式:**内部脚本,将JS代码定

别被前端框架 PUA 了!

近日,有网友在社交平台表示:React新文档写的很棒,把使用React过程中的许多坑都列举出来了,非常直观。对此,Vue作者尤雨溪也发表了自己的看法。图片Vue、Vite的作者尤雨溪表示:一个框架挖下许多艰深复杂的坑,然后不填这些坑,而是靠文档去解释如何绕开这些坑。用户看了不但不质疑为什么这些坑有存在的必要,反而击节赞叹文档写得太好了。虽然Dan的文档写得确实不错…但这心态真不是被框架PUA了吗?Vue也难免有坑,但我如果看到用户以知道怎么绕开Vue的坑而得意,我心里是很羞愧的,因为我觉得框架应该努力去减少心智负担而不是让用户去研究回字有几种写法。往更高一点的层面说:当然可以 argue 心智

前端 JS 安全对抗原理与实践

作者:vivo互联网安全团队-LuoBingsong前端代码都是公开的,为了提高代码的破解成本、保证JS代码里的一些重要逻辑不被居心叵测的人利用,需要使用一些加密和混淆的防护手段。一、概念解析1.1什么是接口加密如今这个时代,数据已经变得越来越重要,网页和APP是主流的数据载体,如果获取数据的接口没有设置任何的保护措施的话,数据就会被轻易地窃取或篡改。除了数据泄露外,一些重要功能的接口如果没有做好保护措施也会被恶意调用造成DDoS、条件竞争等攻击效果,比如如下几个场景:一些营销活动类的Web页面,领红包、领券、投票、抽奖等活动方式很常见。此类活动对于普通用户来说应该是“拼手气”,而对于非正常用

(前端)你了解shadow吗?—css属性:box-shadow、text-shadow详解

前言:css中用于设置阴影的属性有三个,分别是:box-shadow(盒子阴影)、text-shadow(文本阴影)以及filter:drop-shadow,本篇文章着重介绍盒子阴影与文本阴影。一、box-shadow(盒子阴影)1、使用方式box-shadow:(inset)h-shadowv-shadowblurspreadcolorinset;参数介绍:h-shadow:水平阴影位移,大于0时阴影右移,小于0时阴影左移;v-shadow:垂直阴影位移,大于0时阴影下移,小于0是阴影上移;blur:可选参数,阴影模糊半径,值越大颜色越淡,阴影越模糊,为正值,默认为0;spread:可选参数

前端综合项目-个人博客网页设计

个人博客前端部分设计文章目录前端综合项目-个人博客网页设计1.预计效果2.公共样式设计2.1背景设计2.2导航栏设计2.3博客列表页和博客详情页的共同内容2.3.1页面划分css设计2.3.2左侧card内容2.3.3右侧article内容3.博客列表页4.博客详情页5.博客登录页5.1页面划分css设计5.2卡片设计6.博客编辑页6.1页面划分css设计6.2标题与提交按钮设计6.3markdown编辑器导入6.3.1editor.md的依赖6.3.2下载editor.md源码到根目录下6.3.3引入操作以及构造markdown编辑器对象并初始化7.页面跳转测试前端综合项目-个人博客网页设计

vue-cli4前端实现下载本地Excel模板,以及下载静态文件的坑

a标签的下载功能:1:bobl----二进制流文件Blob对象标识一个不可变、原始数据的类文件对象。Blob表示的不一定是JavaScript原生格式的数据2:responseTyperesponseType它表示服务器响应的数据类型,由于后台返回来的是二进制数据,所以要把它设为‘blob’通过设置responseType为blob,可以直接拿到二进制文件转化为Blob,两种使用Blob实现文件下载的方式3:window.URL.createObjectURL在浏览器端,实现直接下载文件,就是使用a标签 来只想文件的下载地址。window.location.href的本质也是这样,因此在拿到二

使用element的form表单,实现显示后端错误信息,并且如果有错误信息(前端通过rules检测的错误信息或者后端传过来的错误信息(如该用户已经注册或该邮箱已经存))点击提交按钮不会再次发起异步请求

前提(触发方式可以有两种触发trigger:'blur' 或trigger:'change')主要是三个要点:1.给el-form-item标签设置error属性,并且绑定data里面的数据(也即:error="emailError"):2.设置rules规则为改变trigger触发方式,设置为trigger:'change'(如果是trigger:'blur',表单项(el-form-item)的input输入框就会失去焦点就触发一次,也即检查一次rules里面的设置的前端规则,而后端传过来的错误(如该邮箱已经注册)是检查不到,所以导致每次失去焦点(输入框的内容未改变,只是点进入输入框,然后

前端一年,三年,五年,小组长面试总结

一年面试总结那时候还没有纯粹前端这个职业,大部分的前端和美工工作是交叉的,当时自己对这个行业的了解也一般,其实这时候react已经有很多项目在用(我后期维护过一个我刚毕业那段时间的项目),但是自己当时刚毕业没法接触到,能接触到的都是前端还需要懂设计,后端程序员用框架直接页面和接口一起写了,前端在当时也被戏称切图仔,所以当时面试的问题比较偏向布局类。1.左浮动怎么写2.怎么做响应式布局三年面试总结这个时候前端这个职业已经有了,开始火了,但当时由于房贷问题,不敢冒一点点险,因为一个不注意就会断供,从小的教育是成人后不找家人要钱帮我,所以跳槽只敢去自己熟悉的地方和行业,最后错过了大时代。1.JS基本

【论文阅读+复现】SparseCtrl: Adding Sparse Controls to Text-to-Video Diffusion Models

SparseCtrl:在文本到视频扩散模型中添加稀疏控制。(AnimateDiffV3,官方版AnimateDiff+ControlNet,效果很丝滑)code:GitHub-guoyww/AnimateDiff:OfficialimplementationofAnimateDiff.paper:https://arxiv.org/abs/2311.16933目录文章1介绍2背景3方法4实验5结论复现1问题2结果文章1介绍动机:不断调整文字prompt以达到理想效果非常耗时费力,作者希望通过添加额外输入条件(草图、深度和RGB图像)来控制T2V生成。方法:提出SparseCtrl,通过带有附加