随笔分类 -  web_js

js小技巧
Visual-platform，基于Vue的可视化大屏开发GUI框架
摘要：visual-platform 基于Vue的可视化大屏开发GUI框架 CreatedBy ©漆黑小T 构建用于开发可视化大屏项目的自适应布局的GUI框架。 github仓库: https://github.com/BugsMaster/visual-platform 开发环境 Node.js: ^8 阅读全文
posted @ 2020-08-10 16:24 漆黑小T 阅读(7664) 评论(2) 推荐(1)
uniapp结合小程序第三方插件“WechatSI”实现语音识别功能，进而实现终端控制
摘要：最近在用soket实现终端控制器的功能，然后就想用语音控制，这样显得更AI WechatSI在manifest.json中配置： 在vue中插入如下展示代码： 如果需要按住按钮说话，松开回调： 接下来就是js使用方法： 实现的效果如下： 另：结合利用soket通信推送消息，可实现语音控制大屏展示项目 阅读全文
posted @ 2019-08-01 15:22 漆黑小T 阅读(6165) 评论(2) 推荐(0)
dataTable tab栏切换时错位解决办法
摘要：做后台管理类网站肯定要写列表，首选dataTable，功能强大 最近在做一个tab栏切换时发现了一个很诡异的事情：表头错位了！ 主要时因为当table被隐藏后，table的header宽度会计算错乱，解决方案就是在table切换的时候重新调整列的宽度，找到好多解决方案，不过最简单的是下面这种： va 阅读全文
posted @ 2017-11-28 15:21 漆黑小T 阅读(1973) 评论(0) 推荐(0)
写个（粗糙）方法：统计一下这个字符串中的哪个字符出现的次数最多：字符和次数
摘要：数组去重和取值 function selectWhatYouWant (Istring) { var index = 1; var max = 0; var max_string = ""; if(typeof Istring != "string"){ return; } Array.protot 阅读全文
posted @ 2017-08-10 16:48 漆黑小T 阅读(270) 评论(0) 推荐(0)
simple高度自定义的jqPaginator 项目中做分页的应用技巧
摘要：最近做后台管理系统，分页用到的不少，项目中其实已经有分页功能的组件但是不够高度自定义，于是就找到了 jqPaginator 高度自定义的Html结构 初始化引用如下： $(" paginator").jqPaginator({ totalPages: 1, visiblePages: 10, tot 阅读全文
posted @ 2017-05-16 09:14 漆黑小T 阅读(1098) 评论(0) 推荐(0)
webpack+vue 组件间传参(单一事件中心管理组件通信--$root)，如果有路由的话会失效
摘要：先给一个例子： 利用全局初始化Vue对象作为载体： 此时可以传递一些信息，在不同.vue文件内传递方式： 初始化定义一个event的vue对象，然后“发射”数据： 绑定数据： 这样可以实现组件间的信息的传递，但是如果有路由的存在的话就不行了，可以使用路由传参的形式来实现： 主要有以下几个步骤： （1 阅读全文
posted @ 2017-04-17 14:24 漆黑小T 阅读(5965) 评论(0) 推荐(0)
iscroll.js实现上拉刷新，下拉加载更多，应用技巧项目实战
摘要：上拉刷新，下拉加载更多。。。仿原生的效果 iscroll是一款做滚动效果的插件，具体介绍我就不废话，看官方文档，我只写下我项目开发的一些用到的用法： (如果不好使，调试你的css，想必是个很蛋疼的问题，给点提示 ：#wrapper，以及#scroller-content要注意） html如下： cs 阅读全文
posted @ 2017-04-13 09:46 漆黑小T 阅读(341) 评论(0) 推荐(0)
前端cookie操作用到的一些小总结
摘要：前后端完全分离的是目前web开发的大趋势，包括现下流行的前端框架的应用vue,angular，在不同页面跳转时，前端需要对用户登录状态进行判断，拿到用户的id，除了Ajax从服务器端获取数据外，对cookie的操作亦必不可少。 设置cookie每个cookie都是一个名/值对，可以把下面这样一个字符 阅读全文
posted @ 2017-04-10 10:40 漆黑小T 阅读(4301) 评论(0) 推荐(0)
UC和QQ两个主流浏览器 * 点击触发微信分享到朋友圈或发送给朋友的功能(转载)
摘要：转载（声明：仅供学习使用） /** * 此插件主要作用是在UC和QQ两个主流浏览器 * 上面触发微信分享到朋友圈或发送给朋友的功能 * 代码编写过程中 参考: * http://mjs.sinaimg.cn/wap/module/share/201501261608/js/addShare.js * 阅读全文
posted @ 2017-03-21 14:45 漆黑小T 阅读(453) 评论(0) 推荐(0)
HTTP协议中的短轮询、长轮询、长连接和短连接,看到一篇文章有感
摘要：关于短轮询、长轮询 短轮询主要是前端实现，JS写个死循环，不停的去请求服务器中的库存量是多少，然后刷新到这个页面当中，这其实就是所谓的短轮询。 长轮询主要取决于服务器，在长轮询中，服务器如果检测到数据没有变化的话，将会把当前请求挂起一段时间（这个时间也叫作超时时间，一般是几十秒）。 在这个时间里，服 阅读全文
posted @ 2017-03-01 10:08 漆黑小T 阅读(217) 评论(0) 推荐(0)
手机端图像编辑上传-cropper
摘要：编辑头像，实现相册，照像功能，并能缩放裁剪功能，可自定义UI，引用'cropper.js', 'exif.js' /*初始化裁剪插件*/ var screenWidth = $(window).width(); var screenHeight = $(window).height(); var C 阅读全文
posted @ 2017-02-10 16:46 漆黑小T 阅读(357) 评论(0) 推荐(0)
2017年前小纪（有关http的一些缓存理论知识）
摘要：position的top和bottom的区别：前者基准点定在top，后者基准点定在bottom。 for-in 遍历属性的顺序不确定 手机端，line-height对光标大小非常有影响 有些css3属性必须加私有前缀：如tansform； 查看chrome的DNS缓存：chrome://net-in 阅读全文
posted @ 2017-01-20 10:15 漆黑小T 阅读(97) 评论(0) 推荐(0)
jQuery-mobilevalidate使用 的一些心得，小小总结
摘要：在做M站时比较纠结的是表单验证，不像pc端，移动端的验证要求插件更小更轻量，更加灵活，说不定是冒气泡的报错提示？！ 介绍一款好用的移动端的表单验证插件：jQuery-mobilevalidate： 代码写的简洁一点吧，方便查看，基本结构： <form class="basic_form" metho 阅读全文
posted @ 2017-01-18 09:52 漆黑小T 阅读(368) 评论(0) 推荐(0)
hashchange事件的认识
摘要：写过路由的同学都知道其原理是通过URL的改变，由导航信息来决定页面信息。。。表述的好像有点不准确 这么说吧，只要URL参数列表只要变化就会调用hashchange事件，此时event对象包括oldURL和newURL两个属性，分别保存参数列表变化前后的完整URL。 目前支持hashchange事件的 阅读全文
posted @ 2016-12-23 09:47 漆黑小T 阅读(317) 评论(0) 推荐(0)
面向对象的写法，见到就添，持续更新。。。
摘要：面向对象的写法，各种回调，有的相当有逼格，写法很丰富： 第0种： var personalData = {}; (function(window) { personalData.mainPublic = function() {// textarea限制字数 $(".onesec").on('inp 阅读全文
posted @ 2016-12-22 10:23 漆黑小T 阅读(314) 评论(0) 推荐(0)
history对象的一些知识点
摘要：history对象可以保存用户的上网的历史记录，即从窗口被打开的那一刻算起。这里有个比较纠结的问题，出于安全因素的考虑，开发人员无法得知用户浏览过的URL， 只能通过用户访问过的页面列表，实现后退和前进，进而模仿浏览器的“后退”和“前进”按钮。 具体实现方法： //后退一页 history.go(- 阅读全文
posted @ 2016-12-20 09:57 漆黑小T 阅读(491) 评论(0) 推荐(0)
你不知道的函数节流，提高你的JS性能！
摘要：浏览器的DOM计算处理非常耗费CPU时间，霸占内存，这对我们的开发来说是非常不友好的，，比如IE浏览器的onresize事件就可能在用户稍微拖动一下窗口时计算上千次，甚至更高频率直接让浏览器崩溃。。。 手写过轮播图的同学都知道节流阀的存在，那么函数节流亦是如此（参考高程）： var processo 阅读全文
posted @ 2016-12-19 09:47 漆黑小T 阅读(134) 评论(0) 推荐(0)