- 博客(19)
- 资源 (7)
- 问答 (1)
- 收藏
- 关注
原创 CSS3&JavaScript 瀑布流
实现方法概述html页面要实现瀑布流,目前有两种方案,它们的适用场景不同CSS3 的 column-count(适用于所有元素一次性加载,页面更新用分页来实现,且元素与位置依赖度不高的传统布局上)CSS2 的 flot 配合 JavaScript 动态测量(适用于所有元素分批加载,滑动到底部自动添加下一批元素的情况)当然,网上还有介绍 CSS3 的 grid 方案,很可惜,目前为止,所...
2018-11-28 11:10:50 1311
原创 CSS3 常见切换动画 & 零宽断言匹配
<!DOCTYPE html><html lang="en"><head&am
2018-11-14 10:47:10 2296
原创 CSS3 流动边框(仿王者荣耀等待效果)的三种实现方式
<!DOCTYPE html><html><head><meta charset="utf8"><style>:root { --b
2018-11-06 18:36:28 13973 4
原创 WEB开发常用编码 Base64、BCD码、URL编码、Unicode、utf-8 的简单总结
Unicode 创造史参考 https://www.jianshu.com/p/36d20de2a1eeBase64Base64 是网络上最常见的用于传输 8bit 字节代码的编码方式之一。有时候我们需要把二进制数据编码,然后放在URL中传输,以便不会被人直接看出。通过编码防止意外生成的系统定界字符编码为base64之前 数据是以字节数组存放, 里面任何二进制字符都是可能的。如果有的语...
2018-11-30 14:47:00 3994
原创 Java Byte.parseByte() NumberFormatException
最近在做pinblock加密的时候遇到一个问题:将String的 “FE” 作为 Byte 类型,结果报错 NumberFormatException,其实就是值越界了。因为 byte 的范围是 -128~127,Byte.parseByte() 会把 value 当作一个无符号 byte 来转换,其值就是 254,毫无问题。可问题是 java 的 byte 它就是一个 sbyte(sign...
2018-11-23 18:57:28 1957
原创 JavaScript 格式化字符串 & 需要转义的正则表达式
<!DOCTYPE html><html><head><meta charset="utf8"><script>String.prototype.format = function() { let result = this; console.log(arguments) if(arguments.length == 1 ...
2018-11-23 15:34:41 1347
转载 CSS3 缓动函数
转自 https://easings.net/zh-cn#缓动函数指定动画效果在执行时的速度,使其看起来更加真实。现实物体照着一定节奏移动,并不是一开始就移动很快的。当我们打开抽屉时,首先会让它加速,然后慢下来。当某个东西往下掉时,首先是越掉越快,撞到地上后回弹,最终才又碰触地板。本页可以在每次你需要时,帮助你找到想要的缓动函数。CSSCSS 属性 transition 和 anima...
2018-11-23 10:38:04 2969
原创 CSS3&JavaScript 仿微信对话框和时间格式化处理
<!DOCTYPE html><html><meta charset="utf8"><head><style>* { margin: 0; padding: 0;}body { background-color: #EBEBEB;}.chat { padding-left: 1rem; padding-rig...
2018-11-21 16:57:00 3368
原创 CSS3&JavaScript 图片分隔切换
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html lang=&amp;amp;quot;en&amp;amp;quot;&amp;amp;amp;gt;&amp;amp;amp;lt;head&amp;amp;amp;gt;&amp;amp;amp;lt;meta char
2018-11-16 17:19:18 1155
原创 CSS3 不执行 Transition 过渡动画
如果元素设置了transition,那么当 JavaScript 改变相应属性值的时候,就会触发该过渡动画。有时候,我们想直接设置该值,而不触发过渡动画,最直观的想法就是先设置 transition-duration 为0,然后设置该值,最后恢复 transition 的值。但是这个方法是行不通的,因为JavaScript是单线程的,它采用消息机制,当我们给元素赋予某个样式的时候,它并没有立即执...
2018-11-15 16:51:23 9050 1
原创 Node,js 事件循环原理(Event loop)
《新时期的Node.js入门》读书笔记事件循环就是一个程序启动期间运行的死循环,Node代码虽然运行在单线程中,但仍能支持高并发,就是依靠事件循环实现的。用户在前台不断产生事件,背后的循环(由浏览器实现)会逐个地处理它们。而JavaScript是单线程的,为了避免一个过于耗时的操作阻塞了其他操作的执行,就需要通过异步加回调的方式解决问题。Node作为另一种运行时,事件循环由底层的 libuv...
2018-11-15 14:48:05 1296
原创 JavaScript 火狐window.event为空的替代方式
<!DOCTYPE html><html><head><meta charset="utf8"><script>//严格模式下,这些都是不能用的//TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mo...
2018-11-12 16:51:04 1557
原创 JavaScript 监听页面显示状态
一、visibilitychange浏览器的标签页被隐藏或显示的时候都会触发 visibilitychange 这个事件。通过 visibilitychange 这个事件,我们可以在标签页隐藏的时候停止播放音乐视频、停止一些不必要的轮询、还可以停止一些诸如轮播等循环的动画效果等等。这些可以节省服务器和本地的开销。document 中定义了两个只读的属性 hidden 和 visibilit...
2018-11-12 14:11:21 5835
原创 JavaScript shuffle 数组洗牌
<!DOCTYPE html><html><head><meta charset="utf8"><script>function createArray(max) { const arr = []; for(let i = 0; i < max; i++) { arr.push(i); } return arr..
2018-11-12 11:20:40 1662
转载 CSS3 vertical-align 无效的问题
转自 https://www.cnblogs.com/starof/p/4512284.html?utm_source=tuicool&utm_medium=referralvertical-align:middle的定位方式是:将子元素盒子的垂直中点与父盒子的baseline加上父盒子的x-height的一半位置对齐父盒子在排列子盒子的时候,一般都是把它们的baseline对齐,默认...
2018-11-07 16:39:59 3616
原创 CSS3 box-shadow(3D球,翘边纸)
参考:http://www.cnblogs.com/fsjohnhuang/p/5477194.html1. 属性概述box-shadow : none | &amp;amp;amp;amp;lt;shadow&amp;amp;amp;amp;gt;[, &amp;amp;amp;amp;lt;shadow&amp;amp;amp;amp;gt;]* 默认值为none&amp;amp;amp;amp;lt;shado
2018-11-07 16:27:20 2932 1
原创 CSS3 倒计时 / 技能冷却
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;&amp;lt;meta charset=&quot;utf8&quot;&amp;gt;&amp;lt;style&amp;gt;:root { --c
2018-11-06 18:30:47 2571
原创 CSS3 图片扫光/辉光
<!DOCTYPE html><html><head><meta charset="utf8"><title>流光/扫光效果</title><style>:root { --stream-effect-width: 25em; --stream-effect-he
2018-11-02 15:25:17 2890
原创 CSS3 波纹定位
SVG的定位图标可以使用 “在线SVG编辑器”并从常用图形中选取也可以从http://www.bootcss.com/p/font-awesome/design.html ,通过文字库的方式使用。&lt;html&gt;&lt;head&gt;&lt;style&gt;:root { --ripper-width: 3em; --ripper-height: 3em;
2018-11-01 18:50:54 1142
zbar libiconv.so libzbarjni.so 32 64位的配置包
2024-06-20
zbar so包 -arm64-v8a,armeabi,armeabi-v7a,mips,mips64,x86,x86-64
2024-06-20
React Developer Tools 4.2.0_0.crx
2019-11-29
tar for windows 64位绿色版,可以打包大量文件
2018-12-10
Xffect Editor Pro v5.3.0 修正版
2018-06-25
XffectEditorPro V5.3.0
2018-06-25
Qt 使用Poppler实现pdf阅读器
2016-08-03
Qt 右键菜单快捷键无效
2016-08-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人