TarkuNi的博客

明显是antd的样式文件没有引入进来，有两种方式解决：1.在项目最外层组件引入antd样式包如在App.css中最上面加@import '~antd/dist/antd.css';2.webpack配置引入module.exports = { entry: { index: path.join(srcPath, 'index.js'), }, module: { rules: [ // babel-load

直接先看效果1.做两个重叠的圆<div> <div class="box"></div> <div class="box2 ">小马闪起来~</div> </div>2.样式@keyframes fade { from { opacity: 1.0; } 50% { opacity: 0.0; } to { ...

先上效果图1.先整个div边框<div class="box horse_run">小马跑起来~</div>2.书写css样式.box { height: 300px; width: 400px; box-shadow: 0 0 3px orange; text-align: center; line-height: 280px;}.horse_run { background-image: linear-gradient(90de

先看效果再看代码好习惯：1.html代码<div class="word_breath">125</div>2.css代码.word_breath { width: 100%; height: 30%; font-size: 2.5rem; font-weight: 700; display: flex; justify-content: center;

想要的效果：lengend即格式化又换成两行第一步：格式化文字部分：formatter:function(name){letdata=[{"name":"20岁以下","value":"500"},{"name":"20-40岁","value":"2"},{"name":"40-60岁","value":"1"},{"name":"60岁以上","value":"0"}]lettotal=0;letta...

客户需要如题的需求，感觉这个效果后期还会遇到，记录下：// 所有列表数据this.allListData = [{},{},{},{},{},{}...]// 默认展示的列表数据,slice截取所有记录，pageSize是一页的数据量this.showListData=this.allListData.slice(0,pageSize)// 取到列表元素let listElement=document.getElementsByClassName('list_div')[0...

最近做开发有个功能：从数据库读取十条记录，然后for循环这十条记录，用每条记录中的一个属性再去阿里云上去查询图片地址，先期直接尝试：getLast10EventList=async ()=>{ const { data, isError } = await api.get( `${window.reqPrefix}/nds/getLast10EventList` ) if ...

项目中碰到从后台实时接收通知然后语音播放的需求，以前项目中调用过别人写的websocket接口，这次自己写了一下，分享下：1.依赖的引入<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket<...

Chrome浏览器为了屏蔽带声音的骚扰广告，从66版本后不再允许自动播放语音，我做的项目需要实时语音提示报警信息，网上搜索了好久都说不再支持自动播放，知道碰到一个大神提供建议设置Chrome浏览器允许声音自动播放：在chrome地址栏中输入chrome://flags/再搜索Autoplay policy再在右侧的选项中设置为 No user gesture is required 即...

没找到附件添加的地方，只能给个下载地址了：https://download.youkuaiyun.com/download/tarkuni/11584161

..outDiv{ width:30px; height:30px; display: flex; justify-content: center; align-items: center; .blingbling{ border: 6px solid #73BF00; width: 36px; height: 36px; border...