- 博客(14)
- 收藏
- 关注
原创 node.js文件加密
nodejs文件加密最近写electron单机版遇到对文件加密的业务,踩了一些坑,记录一下。node fs.readFileSync 读取大文件会存在数据读不全的问题,最好使用fs.readFile异步读取方法,或者使用流的读取方式fs.createReadStream。关于文件内容加解密,可以理解为对二进制数据进行加解密。比如一个字符串 ‘ABCDEFGH’,转成二进制数据也就是 65 66 67 68 69 71 72。65也就是大写A对应的ascii值(小写a是65+32=97),如果字符串
2021-03-30 20:56:41
1546
原创 fs.readFileSync 读取数据不全
Node.js Fs 模块 readFileSync读取文件时,读出来的数据不全!!!这是fs.readFileSync同步方法下面是异步fs.readFile对比发现,很明显同步丢失了数据。
2021-03-25 14:30:50
1180
原创 nth-child()与nth-of-type()区别
首先需要注意的是,css中根本没有 nth-of-child()的写法,本人有时会写成这种形式,导致效果出不来。其次,不管是nth-child(n),还是nth-of-type(n),两者()中的n都是从数字1开始计算的,切记!下面说说区别: nth在英文中是 ‘第几’ 的意思,nth-child就是父元素的第几个孩子,这里边有两层含义,一:父元素的孩子是谁(也就是你想找谁,是div,还是h3...
2018-12-07 10:17:15
430
原创 getBoundingClientRect
getBoundingClientRect() 获取元素距离窗口的位置,得到的是一个对象getBoundingClientRect().topgetBoundingClientRect().rightgetBoundingClientRect().bottomgetBoundingClientRect().leftgetBoundingClientRect().widthgetBoun...
2018-11-26 16:13:16
590
原创 清除浮动4种方法
为什么要清除浮动?浮动的特性是使元素拖标,不能撑开父盒子,会对页面布局产生影响,我们所说的清除浮动,并非真的把float去掉,而是清除浮动的元素给页面带来的影响,当父元素有了高度,后面的布局就不会出错。1、overflow: hidden此方法固然可以清除浮动,但是有一个缺陷,就是oveflow: hidden原意是溢出隐藏,所以,溢出的元素是看不见的。2、额外标签法.clear { cl...
2018-11-12 17:19:22
288
原创 ps两种切图方式
1、切片切图这种方式一般用来切那些比较规整的矩形图片。第一步、选择切片工具第二步、使用切片工具选中自己先要的图如果这步出现,框选时多了或少了,可以使用切片选择工具对切片进行微调第三步、批量导出我们的切片文件 -> 导出 -> 存储为Web所用格式然后会弹出一个界面,选中我们的切片,鼠标左键单击其中的一个切片,然后按shift+鼠标左键进行复选,最后效果是几张选中的...
2018-11-12 13:35:42
589
原创 filter:drop-shadow实际运用
参考了张鑫旭大神的博客,然后自己写了demo。直接上效果图:filter: drop-shadow:box-shadow:细微差别就是,box-shadow算阴影的时候,并没有将伪元素生成的三角算在元素内,而filter:drop-shadow是将伪元素囊括在内的。下面是代码:结构:<div class="box">drop-shadow</div>
2018-11-09 16:16:32
1606
原创 box-shadow实现云雨图
还是老规矩,先上效果图。猜猜用了几个div,其实只写了一个。样式: <style> body { background-color: #333; } .cloud { position: relative; width: 100px; ...
2018-11-09 14:33:03
1404
原创 文字垂直居中
1、单行文字水平垂直居中,text-align:center,line-height=height。如果没有高,父元素设置上下padding。2、多行文字垂直居中,父元素有高度:设置父元素display: table,子元素display: table-cell,vertical-align: middle。父元素没高度,同上,设置上下padding。...
2018-11-09 10:51:41
144
原创 css3实现加载小动画
HTML:<div class="box"></div>CSS:body { background-color: #59488b; } .box { position: relative; margin-top: 100px; margi...
2018-11-01 17:37:09
606
原创 magin,padding百分比。定位top,left百分比总结
1、margin-top,bottom,left,right 百分比,都是相对的是父元素的宽度。假设父元素的宽1000px,给子元素设置margin-top: 10%, 就是 1000px * 10% = 100px。当然padding四个值也是相对于父元素的宽度进行计算的。2、定位的元素,边偏移百分比left,right百分比相对于的是带有定位的父级元素的宽度。top,bottom百分...
2018-10-11 09:21:11
901
1
原创 addLoadEvent()
假如我们希望某个函数在网页加载完毕之后就立即执行。网页加载完毕时会触发一个onload事件,所以我们可以利用onload事件来加载这个函数。一般我们想到的是: window.onload = function () { fn1(); fn2(); ... }但,其实还有一个更好的解决方案: function addLoadEvent(func){ var oldonL...
2018-09-20 09:39:27
399
1
原创 兼容性问题,长期更新
1、a元素包裹img,img元素在IE9以下浏览器会有蓝色边框,点击a链接后变成紫色边框, 解决方案:img { border: none; }。 2、a包裹img/文字,点击时的一瞬间会在IE9以下浏览器中出现虚线边框。解决方案:a:focus {outline: none; }。 3、forEach时数组的方法,当循环一组DOM对象时会有问题。解决方案:...
2018-09-18 14:03:27
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人