随笔分类 - JavaScript
js的世界我只走了一小半，其他任我行
摘要：ajv 使用 在使用前，需要知道 json-schema 是什么。 json-schema json-schema 是一个用来描述json 数据格式。 ajv ajv 是一个校验 json-schema 的数据格式工具（也有其他的，这里具体讲解 ajv）。 ajv 引入 import Ajv fro
阅读全文
摘要：节点围绕圆排列 最近在做一个大屏，需要动态计算节点围绕圆依次有序排列。大致效果这样的 分析 每个三角都是一个独立div, 基于定位进行排序。现如今需要知道如何计算每个三角相对于圆的位置。需要设计到一些额外的基础数学知识 三角知识 正弦 sinθ = b / a 余弦 cosθ = c / a 正切
阅读全文
摘要：最近几次老是看到这个问题 ['1','2','3'].map(parseInt) ，感觉都没有说到重点，也不知道是太简单了还是怎么的，都不屑于解释了，既然如此，我便自告奋勇来说道说道了。 一些必要的说明 map 使用很简单，不做过多说明 parseInt 需要说一下，我们都知道用来对数据进行取整，若
阅读全文
摘要：tab切换引起浏览器卡顿 最近写了基于 index 索引关联进行切换的tab组件，谁知道频繁点击后，几个浏览器都卡死，连查看 performance 都看不了。在尝试几次后，没能在 chrome 的 performance下看到原因，因为卡的动不了。反而在 firefox 下看到原因了。 本地代码业
阅读全文
摘要：邮件书写探讨 经常碰到要写邮件模板，但是在实际开发中，不断碰壁。新的h5属性标签样式都不能使用。而且还不得不使用很老的 标签，而这就很痛苦，为了实现一些基本的内容，都有写够呛。因而前前后后看了许多关于这块的资料，终于有点像样的东西出来。 邮件书写的一些要求 + Doctype + 尽可能使用 tab
阅读全文
摘要：web与后台交互 websocket 一直都想进行了解一下，而且在实际开发过程中，经常遇到类似的问题，奈何一些缘故，被迫选择长轮询模式。思来想去还是不妥，因而自己先研究一下再说话。 尝试 既然选择 ，那就需要前台后台了。在这过程中，有一点犯难了。 当后台选择 node 作为服务时，有很多类似的 包
阅读全文
摘要：解析RSS数据 没想到有一天还会进行解析 xml 文件，很是意外。想当初了解这块时，自己并没有太上心，当时 称天下。可rss源一直都有存在，而这也是一种数据源，没必要再单独去开发后台了。 为此简单了解了一些解析xml数据的api + "ActiveXObject" + "DOMParser" 然后了
阅读全文
摘要：通过链接如何找到指定位置 现在有一个需求，就是通过链接调到指定页面的位置，不然就得不同链接不同页面，那样工作量大之外，还太浪费。于是决定在一个页面中，通过链接跳到指定位置。需要跟github的效果一样 通过上面的github图，可以看出几个基本需求 + 跳转时携带 ，自动跳转到指定位置 + 被选中的
阅读全文
摘要：最近做的一个项目，利用form表单（可以避免跨域问题）提交，在chrome可以正常进行跳转，但是在手机端，以及一些pc端浏览器却无法正常跳转。通过检查后台日志，没有正常跳转的都是因为后天直接没有收到该请求，此时就一个疑惑： WHY? 查找问题 由于在chrome下是可以进行的，潜意识地便认为自己的代
阅读全文
摘要：由于元素设置了 时，页面便不会对其渲染，导致无法获取其元素的宽高。目前一般的做法都是先对其设置 ，拿到数据再设置其为 。如此便可以了 代码 如何获取 元素的宽高？？？ html js + 判断元素是否隐藏 + 设置样式 + 获取元素的宽高 通过设置样式，基本都可以拿到元素的宽高，但是需要注意，理当先
阅读全文
摘要：由于目前项目基础界面，业务逻辑一样，只是细微有所差别。因而使用iframe来进行定制化处理。 如何来区分不同需求不同页面呢？ 最初是想通过 携带参数来进行区分，但是随着需求变多，定制化也越来越细微，若是再使用url进行处理，有些太累赘了。因而思量再三，开始使用 " " 进行处理。 postMessa
阅读全文
摘要：select 模拟 目前仿写 的方式 + 给 来使 （无法获取焦点的元素）来获取元素，这样便可以在失去焦点时，是否将下拉框收回 + 通过 的点击，来判断是否点击了当前元素 + 利用 的自带 来处理 ui + "heyui" + "iview" + "element ui" + "fish ui" +
阅读全文
摘要：了解 offsetWidth clientWidth scrollWidth 的区别 最近需要清除区分开元素的width，height及相应的坐标等，当前这篇用来区分 `clientWidth scrollWidth`的区别 各自的概念 假设有一个元素，width有以下几个进行组合 + conten
阅读全文
摘要：如何在浏览器关闭发送请求 有的，我们需要在页面关闭时，统计用户在该网站浏览时长；有时需要告知后台，该用户已离开... 遇到这样的情况并不少见。 只是在此之前，有两件很重要的事情需要区分开来: + 如何知道浏览器是 关闭 还是 刷新 + 关闭时发送请求，使用哪种 请求方式 才好 页面的生命周期函数 当
阅读全文
摘要：Bootstrap 可视化布局 拖拽后弹窗进行编辑 最近后台想一个需求，使用 "可视化布局 中文" | "en" 中拖拽表格后，弹窗进行编辑，保存下载后在后台生成pdf格式。 奈何各种问题不断，使用 中的 "draggable" 各种坑不断，哎，一言难尽，最怕这种不是自己写的，只能不断踩坑，踩着踩着
阅读全文
摘要：复合数据类型进行深拷贝浅谈 最近做项目时，碰到用到复合数据类型进行对比，需要保留最开始的值和最后的值进行对比，用到深拷贝，正好好好总结一下 虽有 没有堆栈的说法，但是却一直被应用。开始进入分析，剖析 数组进行深拷贝 1.使用 2. 使用 扩展运算符结合解构赋值 若是数组变复杂了，则数组的方法无法解决
阅读全文
摘要：文件读取 javascript 绑定文件上传变化事件 onchange 利用window对象 FileReader 调用方法 readerAsDataURL onload 方法 异步读取 属性： 获取到上传的文件 </form var pic = document.querySelector(' p
阅读全文
