咏竹莉 - 博客园

2021年4月14日

摘要： function formateTime() { const date = new Date() const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const ho 阅读全文

posted @ 2021-04-14 14:27 咏竹莉阅读(139) 评论(0) 推荐(0)

饼图图例百分比，饼图渐变

摘要： $scope.energyRatioData = [ {value: 1048, name: '报警'},{value: 735, name: '故障'},{value: 580, name: '正常'},{value: 484, name: '离线'}, ] $scope.energyRatioO 阅读全文

posted @ 2021-04-14 10:30 咏竹莉阅读(209) 评论(0) 推荐(0)

2021年4月13日

addEventListener函数的第三个参数

摘要：第三个参数涉及到冒泡和捕获，是true为捕获，是false为冒泡或者是一个对象{passive: true}, 针对的是Safari 浏览器，禁止/开启使用滚动的时候要用到阅读全文

posted @ 2021-04-13 10:12 咏竹莉阅读(100) 评论(0) 推荐(0)

2021年4月9日

nginx 配置及反向代理

摘要： nginx 配置 events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeout 65; serv 阅读全文

posted @ 2021-04-09 14:30 咏竹莉阅读(70) 评论(0) 推荐(0)

2021年4月8日

http与https

摘要： httphttps 80端口 443端口无需申请证书需要申请证书超文本传输协议 ssl加密协议快慢（因为会有一个ssl包需要传输） ssl加密分为对称和非对称加密 1. 对称加密。客户端和服务端公用一个密钥对消息加解密。（客户端和服务端约定好一个加密钥匙。客户端在发消息浅用该密匙对消息阅读全文

posted @ 2021-04-08 15:32 咏竹莉阅读(56) 评论(0) 推荐(0)

做一个一直旋转的动画

摘要： .turn{ width:100px; height: 100px; background: aqua; animation:turn 1s linear infinite; margin: 100px auto; } /* turn : 定义的动画名称 1s : 动画时间 linear : 动画以阅读全文

posted @ 2021-04-08 14:12 咏竹莉阅读(83) 评论(0) 推荐(0)

2021年4月7日

单位em rem % vw vh vmin和vmax的

摘要： em：定义字体大小时以父级的字体大小为基准；定义长度单位时以当前字体大小为基准。例父级font-size： 14px; 则子级font-size：1em为font-size：14px; 若定义长度时，子级的字体大小如果为14px，则子级width: 2em 为width: 24px rem：以根元阅读全文

posted @ 2021-04-07 17:03 咏竹莉阅读(305) 评论(0) 推荐(0)

盒模型及如何转换

摘要：盒模型的组成，由里向外 content，padding、border、margin 在ie盒子模型中，width表示content+padding+border这三个部分的宽度 + 边界margin box-sizing： content-box (w3c盒模型，又称标准盒模型)：元素的宽高大小表阅读全文

posted @ 2021-04-07 14:50 咏竹莉阅读(500) 评论(0) 推荐(0)

webpack 中如何处理图片的？

摘要：在webpack中有两种处理图片的loader： · file-loader：解决css 等中引入图片的路径问题（解决通过url，import/ require()等引入图片的问题） · url-loader：当图片小于设置的limit参数值时， url-loader 将图片进行base64编码阅读全文

posted @ 2021-04-07 14:31 咏竹莉阅读(87) 评论(0) 推荐(0)

正则一二

摘要： 1. 去除首尾空格 let string3 = " aaa " function trimStr(str){ return str.replace(/(^\s*)|(\s*$)/g,"") } console.log(trimStr(string3)) 2. 用来校验手机号 var phoneReg 阅读全文

posted @ 2021-04-07 10:52 咏竹莉阅读(81) 评论(0) 推荐(0)