书架
✨

书架

=一个知识书库=

packery+draggabilly 无间隙可拖动的布局
269 字1 分钟

packery+draggabilly 无间隙可拖动的布局

![](http://www.lixianglong.cn/bg_store/img/content/60.jpg) 在我的项目中的效果 : http://lixianglong3210.gitee.io/packery/ <!--more--> > 官网地址: [https://packery.metafizzy.co/](https://packery.metafizzy.co/ "https://packery.metafizzy.co/") > # 入门用法 ## 1、筛选过滤 （官网例子:https://codepen.io/desandro/pen/mjcG
技术设计,前端,packery
more...
html5 页面加载loading 动画效果 第二弹(基于原生JS CSS)
662 字3 分钟

html5 页面加载loading 动画效果 第二弹(基于原生JS CSS)

![](http://www.lixianglong.cn/bg_store/img/content/53.jpg) <!--more--> > 上一篇博客已经实现了第一种加载中特效 最近用在新网站后发现问题，刷新频率高的情况下，动画太多反而引起不适。 故又用同样方案，重做了一个好看又干净的loading加载中动画，用法和之前一样，也是基于原生js css，无第三方依赖。 **loading.js** ```javascript document.body.innerHTML += ('<div id="preloader-body"><div id="cube
技术设计,前端,html
more...
html5 页面加载loading 动画效果 基于原生css3 javascript
1014 字4 分钟

html5 页面加载loading 动画效果 基于原生css3 javascript

![](http://www.lixianglong.cn/bg_store/img/content/51.jpg) <!--more--> > 服务器配置或者网络等原因，若一个页面原本加载速度过慢， 或者js css加载完成初始化成功之前，页面先会暂时很扭曲，用户体验会很差。 就需要给html5页面加上一个加载中的loading动画。 我在百度找了十多种，都发现一个共同的问题，就是代码很牛，效果很好，就是不会用， 于是我找了一个完全是原生JavaScript + CSS3的方案，集成到js和css中来实现。 无需其他任何依赖，也不需要自己再实现代码。 本文并非原创
技术设计,前端,html
more...
前后端高效率实现Base64编码解码
434 字2 分钟

前后端高效率实现Base64编码解码

前端javascript没什么可说的啦 直接贴代码吧 ```javascript // 引入base64.js <script type="text/javascript" src="js/base64.js"></script> ``` <!--more--> ```javascript // base64.js 文件内容 function Base64() { // private property _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789
设计开发,安全
more...