- 博客(22)
- 收藏
- 关注
原创 获取指定区域内的坐标点位,在线查看经纬坐标
基于 turfjs 库的很简单的封装,实现输入范围的多边形数据,返回指定坐标间隔的点位。多边形数据可以从高德地图API获取,还准备了一个简单的网站,方便查看批量的经纬度坐标点
2022-10-12 20:30:00 1350 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 3647 6
原创 移动ims对接,sip协议需要digest认证,计算response的坑
移动ims对接,sip协议需要digest认证,计算response的坑起因最近在和同事对接移动的ims线路,我们这边是用voip来呼电话的。之前和其他外部呼叫中心或者类似的线路方对接的时候,sip协议只需要基本的认证。账号密码等生产Authorization就能注册上了。但是运营商的这个sip协议,我抓包之后发现,以前的认证方式并不能注册上,查询资料后跟抓包的数据一对比发现,跟移动那边的...
2019-08-04 00:46:21 1531 2
原创 关于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 13836 9
原创 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 11786
原创 Sublime Text3 主题修改-Brogrammer为例
情况过程解决第一步第二步第三步第四步第五步尾声情况:安装配置好 Brogrammer 主题之后,发现底部的Status栏蜜汁的宽,作为还用着1366x768的笔记本电脑屏幕来说,显示的空间真的是一寸多一寸金,这么个Status栏占了如此大一块那是相当的肉疼。如图: 这里可以告诉大家,这里设置的margin是(15;10),可见这么一个Status栏占了多少。过程:在网上搜了半天
2016-12-03 14:26:12 9183
原创 联动下拉实现
联动下拉实现联动下拉实现思路一思路二到目前为止,用了两种方案来实现下拉联动。思路一一个是把联动的内容写成对象放在JS里,通过选择的函数生成select的option选项。这个里面的下拉用的是第一种方案思路二另一个是把联动的内容写在HTML里面,display设为none,通过选择的函数把对应的内容display设为block。这里的下拉用的就是第二种方案总结来说,我觉得第一种方案的思路更
2016-11-10 11:28:39 350
原创 ECMAScript 6 notebook
接触了React、Redux、Webpack等等,在查阅官方文档和一些todo的实例的时候发现很多都是用ES6的写的。Σ( Д )ﻌﻌﻌﻌ⊙ ⊙对于一个没接触ES6的人来说很吃力,不太看得懂,于是开这一篇博客记录一下学习中碰到的ES语法。let和const命令let简单的说,let和var关键词都是用来声明变量,但是let只在其命令所在的代码块内有效(块级作用域)。这也就有效的防止了var关键词的全
2016-05-15 16:11:45 439
转载 数组去重方法大全
原文链接:再见,重复的你(数组去重)思路一:双层循环,外层循环元素,内层循环时比较值 如果有相同的值则跳过,不相同则push进数组Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(
2016-05-15 13:19:40 5527
原创 React实战——基于百度IFE学院task50
背景2016年的百度IFE学院进行到现在已经快要收尾了,最后一个阶段也就是第四阶段的任务早已放出来了,第四阶段其中的一个任务task50是问卷调查的网页。这个问卷调查网页一度想用jQ mobile去完成,因为无论是界面、功能还是使用终端上来说,这个问卷调查的页面都挺适合用web app的框架来写。 但是jQ mobile已经写过了一个TODO来练手了,所以这次打算用React撸一下,顺便入个Rea
2016-05-12 17:35:17 1091
原创 百度IFE前端学院2016年任务习题汇总
2016年的学院貌似只开春季一季就不再办了,这里是github地址, 百度IFE前端学院任务Github地址16年的任务分为4大阶段,15年的则是分为了春季和秋季两季。 具体内容可以查看github里面每一阶段的readme.md。个人Github:http://pkjy.github.io 欢迎互相学习交流。
2016-05-10 16:17:58 10249 1
原创 关于网站流量的优化
百度无法爬取github page由于使用的是github page,同时Github又单方面的禁用了百度的spider,于是百度也就自然而然未收录github page,导致在百度里面搜索自己的名字甚至是把网页完完整整敲进去都搜不到自己的网页。 捣鼓的一个晚上,大家解决的方法大概有这么两种:
2016-05-10 11:46:49 532
原创 前端面试题
朋友碰到的笔试题,在此记录一下,并且记下碰到的有难点但是自己没注意的到的面试题!一、检查一个值是否NaN?function isNumber(x) { if (isNaN(x)) { console.log("Not a number"); } else { console.log("Number") }
2016-04-13 15:50:37 566 3
原创 说出来你可能不信!莫名其妙的问题浪费了一个下午的时间!!
哎,前些天把github的个人主页给CNAME到我自己买的一个域名上去了。但是这几天想了想,买的域名今年12月就要到期了,每年续期费接近100大洋,我就寻思着,反正有了github个人主页,干嘛还花那个冤枉钱呢?于是开始了血崩的“改革之旅”。因为GITHUB主页转到个人域名是通过新建一个内容为个人域名的CANME文件,放在GITHUB主页目录中。例如我自己的是 pengjy.xyz,就把内容填这个域
2016-03-09 17:28:36 657 2
原创 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 424
原创 Chrome里面Ajax本地跨域问题 Cross origin
Ajax本地跨域问题当我在测试《JavaScript语言与Ajax应用》里面关于Ajax示例的时候,发现Chrome提示 Cross origin requests are only supported for protocol schemes 但是用Firfox运行之后却没有问题,遂网上寻找答案之,发现很多人也碰到过,这是Chrome浏览器的本地跨域问题,需要配置Chrome浏览器。解决方法:
2016-03-05 09:24:57 4712
原创 【Hours】使用indexedDB中遇到的问题。
1、想要通过cursor.key读取对应内容的其他储存了得值,结果一直提示找不到数据。到处找解决方法都没找到,去知道提问也没人解答。各个介绍indexedDB API的网站也翻遍了,谁知道最后检查的时候发现是查询的内容加了双引号。。。该内容是个变量,结果蠢蠢的给它加了双引号,害我半天搞不清坨。。以下是错误和正确的代码。看看就明白了!! function loadDetails(curso
2015-12-01 15:39:25 1441
原创 关于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 2475
原创 JavaScript获取当前鼠标指针坐标
接触了HTML+CSS+JS一小段时间了,发现如果想要有比较好的用户体验,良好的交互,在CSS动画的同时,必需要用到获取当前鼠标指针所在的坐标。比如一款jQuery/CSS3写的侧边栏菜单,所用到的效果,点击每一个li选项时,都有一片淡白色缩放,非常美观。点击查看。于是我也寻思做一下类似这样的效果,研究了一番后发现动画大概是这样的:.ink { display: block;
2015-11-15 14:12:13 2250
转载 jQuery1.9+ 废弃的函数和方法 升级Jquery版本遇到的问题
面临问题很久没关注JQuery了,今天突然想升级一下系统中使用的jquery版本,突然发现,升级JQuery版本到1.9之后出现了很多问题,比如:$.browser is undefined。突然就想到难不成jquery升级删除了这个属性?记得以前有个版本中JQuery已经不建议使用该属性来判断浏览器了。查了一下Google发现jQuery升级1.9还真是去掉和废弃了不少的东西,升级系统就
2015-11-01 16:20:01 2111
原创 模仿playnext网站hover后抖动的效果
偶然情况下看到了playnext网站,对于前端菜鸟来说,其图标抖动的效果十分亮眼。 最开始是打算研究其CSS样式看是怎么实现的,但是。。。在看过CSS样式表后,都在一排。。看之前要花大量时间去排版,于是决定自己研究。 加之最近想攻克CSS3中的动画keyframes,于是就做了下。最初版式用原生JS实现的,后来尝试用jQuery实现,后来更加了解了jQuery后,又简化了jQu
2015-11-01 15:41:21 819
原创 使用CSS3制作简单的图形运动变换
animation:n. 动画,keyframes: n. 关键帧。在CSS3中,要运用到animation动画的话,需要联合运用好keyframes和animation。注意:所有浏览器都需要加前缀才能支持。Firefox 支持替代的 @-moz-keyframes 规则。Opera 支持替代的 @-o-keyframes 规则。Safari 和 Chrome 支持替代的 @-w
2015-10-11 20:42:11 1142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人