- 博客(14)
- 收藏
- 关注
RSS订阅原创 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
1411
原创 fs.readFileSync 读取数据不全
Node.js Fs 模块 readFileSync读取文件时，读出来的数据不全！！！这是fs.readFileSync同步方法下面是异步fs.readFile对比发现，很明显同步丢失了数据。
2021-03-25 14:30:50
1021
原创 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
336
原创 getBoundingClientRect
getBoundingClientRect() 获取元素距离窗口的位置，得到的是一个对象getBoundingClientRect().topgetBoundingClientRect().rightgetBoundingClientRect().bottomgetBoundingClientRect().leftgetBoundingClientRect().widthgetBoun...
2018-11-26 16:13:16
529
原创 清除浮动4种方法
为什么要清除浮动？浮动的特性是使元素拖标，不能撑开父盒子，会对页面布局产生影响，我们所说的清除浮动，并非真的把float去掉，而是清除浮动的元素给页面带来的影响，当父元素有了高度，后面的布局就不会出错。1、overflow: hidden此方法固然可以清除浮动，但是有一个缺陷，就是oveflow: hidden原意是溢出隐藏，所以，溢出的元素是看不见的。2、额外标签法.clear { cl...
2018-11-12 17:19:22
244
原创 ps两种切图方式
1、切片切图这种方式一般用来切那些比较规整的矩形图片。第一步、选择切片工具第二步、使用切片工具选中自己先要的图如果这步出现，框选时多了或少了，可以使用切片选择工具对切片进行微调第三步、批量导出我们的切片文件 -> 导出 -> 存储为Web所用格式然后会弹出一个界面，选中我们的切片，鼠标左键单击其中的一个切片，然后按shift+鼠标左键进行复选，最后效果是几张选中的...
2018-11-12 13:35:42
550
原创 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
1537
原创 box-shadow实现云雨图
还是老规矩，先上效果图。猜猜用了几个div，其实只写了一个。样式： <style> body { background-color: #333; } .cloud { position: relative; width: 100px; ...
2018-11-09 14:33:03
1333
原创 文字垂直居中
1、单行文字水平垂直居中，text-align:center，line-height=height。如果没有高，父元素设置上下padding。2、多行文字垂直居中，父元素有高度：设置父元素display: table，子元素display: table-cell，vertical-align: middle。父元素没高度，同上，设置上下padding。...
2018-11-09 10:51:41
120
原创 css3实现加载小动画
HTML:<div class="box"></div>CSS:body { background-color: #59488b; } .box { position: relative; margin-top: 100px; margi...
2018-11-01 17:37:09
554
原创 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
845
1
原创 addLoadEvent()
假如我们希望某个函数在网页加载完毕之后就立即执行。网页加载完毕时会触发一个onload事件，所以我们可以利用onload事件来加载这个函数。一般我们想到的是： window.onload = function () { fn1(); fn2(); ... }但，其实还有一个更好的解决方案： function addLoadEvent(func){ var oldonL...
2018-09-20 09:39:27
332
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
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人