HTML/CSS/Javascript
文章平均质量分 72
PkJY
这个作者很懒,什么都没留下…
展开
-
获取指定区域内的坐标点位,在线查看经纬坐标
基于 turfjs 库的很简单的封装,实现输入范围的多边形数据,返回指定坐标间隔的点位。多边形数据可以从高德地图API获取,还准备了一个简单的网站,方便查看批量的经纬度坐标点原创 2022-10-12 20:30:00 · 1176 阅读 · 1 评论 -
HTML5网页播放pcm语音流 websocket ArrayBuffer DataView webaudio PCM player
ArrayBuffer DataView 数据存储方式 字节序处理ArrayBuffer & DataView图解数据的存储方式数据溢出截断字节序处理参考链接PCM player demo原文地址:GithubJavascript在数据的处理上一直不是强项,比如数字不分整型和浮点数统一使用了64位浮点数,如果涉及到二进制运算则显得非常无力,在数据传输上也非常浪费带宽。在ES6针对Javascript二进制数据处理上的无力引入了原始缓冲区ArrayBuffer,并且还提供了多种位数的int类型原创 2020-06-14 13:38:36 · 3389 阅读 · 6 评论 -
关于sheetjs家excel工具(js-xlsx)的坑
这里写自定义目录标题关于sheetjs家excel工具(js-xlsx)的坑新需求社区版/Pro版价格缘由xlsx-style 库 or 魔改最终方案关于sheetjs家excel工具(js-xlsx)的坑浏览器将数据转为excel格式下载是一个非常常见的需求,一直一来我都是选sheejs的js-xlsx。作为一个老牌并且兼容性超强,支持格式,支持的规范超多,还持续在维护的excel库,作为首...原创 2019-08-04 00:22:57 · 13375 阅读 · 9 评论 -
Javascript,html,css学习过程中的小细节。——持续更新——
1、关于.value和.innerHTML的区别。.value取回值;.innerHTML取回文本。innerHTML输入/出的该DOM的内部纯HTML代码(流)value(innerText)输入/出的是转义的文本(字符串)表单元素用value,其他非输入(表单)类元素用innerHTML:如div, span,em等 简单的说.innerHTML所控制的是对应ID所在处的标签起始位置和结束位置原创 2016-03-06 16:45:40 · 411 阅读 · 0 评论 -
IndexedBD的一些心得(总结)
IndexedBD的一些心得教程推荐HTML5本地存储——IndexedDB(一:基本使用) html5 web IndexedDB使用详解前端的数据库:IndexedDB入门MDN使用 IndexedDB以前做一个webapp(Hours)碰到的坑HoursWEB 版查看,转制的APK下载 更多的DEMO可以在个人主页查看——pkjy的个人主页1想要通过cursor.key读取对应内容原创 2017-02-09 15:41:38 · 11643 阅读 · 0 评论 -
【Hours】使用indexedDB中遇到的问题。
1、想要通过cursor.key读取对应内容的其他储存了得值,结果一直提示找不到数据。到处找解决方法都没找到,去知道提问也没人解答。各个介绍indexedDB API的网站也翻遍了,谁知道最后检查的时候发现是查询的内容加了双引号。。。该内容是个变量,结果蠢蠢的给它加了双引号,害我半天搞不清坨。。以下是错误和正确的代码。看看就明白了!! function loadDetails(curso原创 2015-12-01 15:39:25 · 1403 阅读 · 0 评论 -
关于chrome浏览器打不开编写的jquery mobile—报错“ cannot be created in a document with origin 'null'.”
想用HMLT5+CSS3+jQuery Mobile写一个小应用。一直是放在火狐浏览器和opera模拟器模拟的手机浏览器里测试,也利用cordova生成了APP在安卓系统上跑了一下,看了看效果,一切都正常。最近想完善应用的数据储存方面的功能,决定用IndexedDB来储存数据,冲着Chrome上可以查看各种数据的情况,便开始用Chrome测试。但是奇怪的事发生了,Chrome怎么都打不开网页,原创 2015-11-15 14:31:53 · 2433 阅读 · 0 评论 -
前端面试题
朋友碰到的笔试题,在此记录一下,并且记下碰到的有难点但是自己没注意的到的面试题!一、检查一个值是否NaN?function isNumber(x) { if (isNaN(x)) { console.log("Not a number"); } else { console.log("Number") }原创 2016-04-13 15:50:37 · 530 阅读 · 3 评论 -
联动下拉实现
联动下拉实现联动下拉实现思路一思路二到目前为止,用了两种方案来实现下拉联动。思路一一个是把联动的内容写成对象放在JS里,通过选择的函数生成select的option选项。这个里面的下拉用的是第一种方案思路二另一个是把联动的内容写在HTML里面,display设为none,通过选择的函数把对应的内容display设为block。这里的下拉用的就是第二种方案总结来说,我觉得第一种方案的思路更原创 2016-11-10 11:28:39 · 343 阅读 · 0 评论 -
数组去重方法大全
原文链接:再见,重复的你(数组去重)思路一:双层循环,外层循环元素,内层循环时比较值 如果有相同的值则跳过,不相同则push进数组Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(转载 2016-05-15 13:19:40 · 5511 阅读 · 0 评论 -
jQuery1.9+ 废弃的函数和方法 升级Jquery版本遇到的问题
面临问题很久没关注JQuery了,今天突然想升级一下系统中使用的jquery版本,突然发现,升级JQuery版本到1.9之后出现了很多问题,比如:$.browser is undefined。突然就想到难不成jquery升级删除了这个属性?记得以前有个版本中JQuery已经不建议使用该属性来判断浏览器了。查了一下Google发现jQuery升级1.9还真是去掉和废弃了不少的东西,升级系统就转载 2015-11-01 16:20:01 · 2085 阅读 · 0 评论 -
模仿playnext网站hover后抖动的效果
偶然情况下看到了playnext网站,对于前端菜鸟来说,其图标抖动的效果十分亮眼。 最开始是打算研究其CSS样式看是怎么实现的,但是。。。在看过CSS样式表后,都在一排。。看之前要花大量时间去排版,于是决定自己研究。 加之最近想攻克CSS3中的动画keyframes,于是就做了下。最初版式用原生JS实现的,后来尝试用jQuery实现,后来更加了解了jQuery后,又简化了jQu原创 2015-11-01 15:41:21 · 791 阅读 · 0 评论 -
JavaScript获取当前鼠标指针坐标
接触了HTML+CSS+JS一小段时间了,发现如果想要有比较好的用户体验,良好的交互,在CSS动画的同时,必需要用到获取当前鼠标指针所在的坐标。比如一款jQuery/CSS3写的侧边栏菜单,所用到的效果,点击每一个li选项时,都有一片淡白色缩放,非常美观。点击查看。于是我也寻思做一下类似这样的效果,研究了一番后发现动画大概是这样的:.ink { display: block;原创 2015-11-15 14:12:13 · 2215 阅读 · 0 评论