logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react实现转盘抽奖功能

我们再来看另一种情况,假设第一次抽中了奖品 “air pods 2”,对应区域时3,需要转到221°,第二次抽中了 “小米智能音箱” ,对应区域是1,需要转到70°,那这种情况下,继续用 transform: rotate(70deg) 肯定是不行了,如果这样,会出现转盘逆时针转到区域1了,这样显然不是我们想要的结果,这种情况下我们就需要在70°的基础上再转360°,也就是转到430°的位置,才能

文章图片
#react.js#前端#前端框架 +1
vue3实现购物车功能 computed ref reactive onMounted

可以得到我们实现的购物功能满足 全选、反选,明细选中,明细全选和反选,computed 计算属性 和 总价钱,选中件数等等操作(里面有watch 监听示例,但是不建议用,因为watch 监听太耗用性能,computed 足可以满足我们的需求了)

#vue.js#javascript#前端
react 自定义日历 手把手教你

当你在代码中布局后,在页面上展示,通过log 发现打印了好多的时间,就是因为antd 组件本身已经封装过了。看了看react 和 antd ,用的时候发现了好大的坑。协定的是: 数据创建的时候肯定是要传一个时间和具体的事项。但是你要想在日历中展示成一条条的形式,那可定是数组最好处理。创建数据的时候:给后端传的数据(前端怎么传,后端怎么存,需要的时候就怎么返回来就行)唯一不同的是,你获取后端返回的时

#react.js#javascript#前端
使用nvm管理node多版本(安装、卸载nvm,配置环境变量,更换npm淘宝镜像)淘宝的镜像域名更换

最近 使用nvm 管理 node 的时候发现nvm install node版本号 总是失败。查看原因,。所以造成我们下的任何管理包都会出问题。最干净的解决方式,就是重新安装,省掉不必要的麻烦。公司项目一般都会有很多新老的,所依据的node版本也不同,所以我们干净带你直接使用nvm 来管理和下载一级切换node 方便的很。卸载完之后cmd命令行输入 node -v 查看是否还能查到node信息,无

文章图片
#npm#前端#node.js
react antd -Form表单 (单个对象合并成整体对象) 合并对象

合并对象。有很多的细节点,我这里直接放的是处理过的样式图代码。其中引入的组件其实是一个,只不过换了名字和里面的字段。颜色部分是一个数组对象。长度部分也是数组对象,主要就是柔和在一起称为一个新的数组。代码如下,其实还是要用 antd 里面的,不过是要解析数据。然后你就找到你们自己写的点击新增的位置,添加处理。重要的就是当获取了Form 后对数据的处理。组件部分 (就放一个,都一样,换换名字)其实就是

#react.js#javascript#前端
react封装一个打印功能

1创建一个utils文件夹 下的打印js文件 printUtilsconst JsBarcode = require('jsbarcode'); // 条形码//创建打印iframe框架const createPrintIframe = () => {if (document.getElementById('printIframe')) {document.body.removeChild(

#javascript#html#html5
前端 finalShell 与 docker 创建 服务连接 部署项目

准备官网下载地址 要哪个下那个, 我的是第一个下载后 安装 打开选择 SSH 进行配置配置后点击确定即可1、yum install -y docker-y 表示不询问,使用默认配置进行安装检测版本 装最新的2、 yum list installed | grep docker查看yum安装完成文件列表并筛选docker安装信息3、systemctl status docker 查看docker当前

文章图片
#前端#docker#容器
vue3 实现 table 跨页多选

注意的是 getRowKeys方法中我们获取的是项目列表的每一项的id ,有可能数据返回的字段并不是id,我们要对接到后端,确定每条数据的唯一性标识。Vue3 配合 element-plus 实现表格的跨页多选,我们只需要去研究下官方配置的属性和事件即可。注意的是 要给多选框设定type类型为selection。

文章图片
#vue.js#前端#javascript
vue3-cli创建项目后每个文件的第一行都爆红,或者每个文建都 : No Babel config file detected for...

Parsing error: No Babel config file detected for D:\mySelf\myProject\vue3\demo_vue3.0.eslintrc.js. Either disable config file checking with requireConfigFile: false, or configure Babel so that it can

文章图片
#vue.js#前端#javascript
vue实现自动滚动 v-auto-scroll

在项目中,有时候需要实现自动滚动的效果。这时我们直接使用 v-auto-scroll 即可。也就是当内容超出设置元素的最大高度的时就会出现滚动条。

文章图片
    共 24 条
  • 1
  • 2
  • 3
  • 请选择