JavaScript
文章平均质量分 77
小小荧
这个作者很懒,什么都没留下…
展开
-
TailWind css 与 React框架结合使用
简介TailWind.css是什么?(顺风)?他是一个CSS的工具集。Tailwind CSS 是一个高度可定制的基础层 CSS 框架,它为您提供了构建定制化设计所需的所有构建块,而无需重新覆盖任何内建于框架中的设计风格。繁杂在日常的项目开发阶段,我们最头疼的就是各种情况的兼容和布局自适应问题,每当不同的业务场景和数据场景都会出现不同的布局适应问题,这个时候开发人员大量时间都会忙于调试布局问题,兼容问题,包括每一个页面基础架子的搭建,都会需要重新设计,除非你自己设计一套可以兼容该项目的CSS框架,这原创 2021-03-15 22:09:15 · 2424 阅读 · 0 评论 -
关于for in 与 Object.keys()在遍历对象上面的区别
使用for in 去遍历 对象会将prototype上面扩展的方法或者属性也打印出来// 递归写法Object.prototype.clone = function(){ let o = this.constructor === Array ? [] : {}; for(let e in this){ o[e] = typeof this[e] === "object" ? this[e].clone() : this[e]; } return o; }原创 2020-07-27 08:57:48 · 447 阅读 · 0 评论 -
如何为你的网站加入FPS监测
$('body').before('<div id="fps" style="z-index:10000;position:fixed;top:3;left:3;font-weight:bold;"></div>'); var showFPS = (function () { var requestAnimationFrame = window.requestAnimationFrame || .原创 2020-07-25 18:04:41 · 487 阅读 · 0 评论 -
node-sass安装错误,提示缺少python2包
解决办法参考https://segmentfault.com/a/1190000010984731?utm_source=tag-newestnpm uninstall node-sassnpm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/原创 2020-05-25 10:36:44 · 6088 阅读 · 0 评论 -
什么是楼梯特效?
什么是楼梯特效?如果各大网站点击按钮本页面跳转对应的板块的功能就是楼梯效果思路大家可以看到左侧的按钮和右侧的内容板块是一一对应的,所以我们需要知道右侧每个板块在当前页面的位置在可以通过左侧的楼梯去控制右侧的板块内容的跳转。试想,右侧每一个板块都会距离页面顶端距离,只需要点击左侧按钮让对应位置的楼梯跳转到对应板块的高度位置即可。接下来具体代码实现.js核心代码 // 梯子对象 ...原创 2020-04-28 16:01:15 · 249 阅读 · 0 评论 -
jQuery zTree
jQuery zTreezTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。本教程是为了配合项目实战 的简易教程,主要实现了 异步加载 树形结构数据的功能,具体用法请参考官方文档官方文档页面引用css部分 <link rel="stylesheet" href="/static/assets/plu...原创 2020-04-18 20:40:17 · 192 阅读 · 0 评论 -
jQuery treeTable
jQuery treeTabletreeTable 是跨浏览器、性能很高的 jQuery 的树表组件,它使用非常简单,只需要引用 jQuery 库和一个 js 文件,接口也很简单优点:兼容主流浏览器:支持 IE6 和 IE6+, Firefox, chrome, Opera, Safari接口简洁:在普通表格的基础上增加父子关系的自定义标签就可以组件性能高:内部实现了只绑定了 tabl...原创 2020-04-18 20:39:37 · 2383 阅读 · 0 评论 -
jQuery Datatables
jQuery DatatablesDataTables 是一款 jQuery 表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。中文网站:http://www.datatables.club/实例索引:http://www.datatables.club/example/参考手册:http://www.datatables.club/manual/帮助文档:h...原创 2020-04-18 20:38:48 · 199 阅读 · 0 评论 -
jQuery Validation
页面引用<!-- jQuery Validation 1.14.0 --><script src="/static/assets/plugins/jquery-validation/js/jquery.validate.js"></script><script src="/static/assets/plugins/jquery-validation...原创 2020-04-18 20:36:49 · 146 阅读 · 0 评论 -
jQuery iCheck
页面引用CSS部分<!-- iCheck for checkboxes and radio inputs --><link rel="stylesheet" href="/static/assets/plugins/iCheck/all.css">JS部分<!-- iCheck 1.0.1 --><script src="/static/as...原创 2020-04-18 20:34:22 · 119 阅读 · 0 评论 -
Gulp的使用
Gulp是一个前端自动化构建工具,基于流的的构建系统,主要优点是速度,效率和简化Gulp可以干什么?开发服务器,Sass,Less或Stylus文件的预处理器,处理JavaScript的自动化脚本,代码优化工具,压缩,编译或移动文件Gulp的官网 https://www.gulpjs.com.cn/gulp类似的工具 : grunt webpackgulp是基于nodejs的, g...原创 2020-04-12 14:48:10 · 161 阅读 · 0 评论 -
JS深浅拷贝
为什么使用深浅拷贝在JS中我们经常会遇到一个数据赋值,但是又不符合真正意义上的数据赋值的问题。这个问题产生的原因又是什么呢?这就先要了解一下JS的数据类型了,在JS中数据类型分为基本数据类型和引用数据类型两大派系。众所周知基本数据类型存储的位置就是栈中,以key=>value的形式去存储的,每一个value都对应一个key,但是在引用数据类型中他的存储结构并不是栈而是堆,在堆中堪比一个空间...原创 2020-04-06 20:44:37 · 103 阅读 · 1 评论