随笔分类 - Javascript
主要用于记载工作中遇到过的问题以及解决方案，主要是js方面的，旨在积累、思考与备忘。千里之行，始于足下，完成了一定的储备，对知识才可能有更深一步的理解与应用，在技术上才可能实现一个质的飞越！
摘要：vmodel.result = data.HeWeather data service (错误方式) vmodel.result = data['HeWeather data service 3.0'] （正确方式） 参考链接：json对象的key有空格的处理方式
阅读全文
摘要：以上代码是promise最直接的一个应用了，因为直接在接口请求成功的回调里写大量的代码处理，代码并不清晰和友好，且有的时候接口请求成功后的处理与接口请求的代码不在同一个文件中，这个时候用promise进行一层包裹是非常合适的了。
阅读全文
摘要：在项目中，经常会遇到一些涉及到拖拽的需求，github上面有一个开源的 SortableJS 的插件，支持Vue，React，Angular等多种框架，实现效果很好，基本可以满足大部分的需求，下面就第一次在jquery中的使用做个简单的demo记录。 1. 引入文件Sortable.min.js 2
阅读全文
摘要：在大多数的vue项目中，都可以看到引用了Moment.js这个JavaScript 日期处理类库，进入官网看了一下，确实十分实用，基本日常用到的和时间相关的逻辑处理，都能通过moment.js轻松实现，下面就平时用过的一些api做个总结。 当前日期格式化 指定日期格式化 日期操作 减法，对应于：su
阅读全文
摘要：实现方法如下： javascript / @param strBirthday：指的是出生日期，格式为"1990 01 01" / function GetAge(strBirthday){ var returnAge, strBirthdayArr=strBirthday.split(" "),
阅读全文
摘要：实现方法如下： 说明： window.location对象下的search属性，是指从问号 (?) 开始的 URL（查询部分） URL传递中文参数可能出现乱码的情况，涉及到编码和解码的问题，此处用的是decodeURI来解码的 参考链接：https://blog.csdn.net/yang_yang
阅读全文
摘要：实现方法如下所示 1.根据身份证号码获取出生日期 代码中的if判断是因为一代身份证是15位，二代身份证是18位。但是现在第一代身份证已经失效了，所以不考虑也是可以的 2.根据身份证号码获取性别 性别是根据身份证的倒数第二位来判断的，奇数为男生，偶数为女生 顺便说明： 字符串截取不要使用substr，
阅读全文
摘要：问题背景： 使用ztree删除节点之前，询问用户是否删除，采用confirm进行询问的时候，该语句是具有阻塞性的，用户操作后，才返回结果，继续执行。但是，现在希望使用layerUI的layer.confirm的样式，因为它不具有阻塞性，其后的代码都直接执行了。 解决方法： 在beforeRemove
阅读全文
摘要：问题描述：在上一篇文章"非跨域情况下iframe 高度自适应的问题解决"的背景下，在低版本google浏览器下运行时，出现了一个问题，"当页面切换时，从内容长（有滚动条产生）的页面回到内容短（没有滚动条产生）的页面，滚动条不会消失"，查找原因后发现，是iframe自适应函数在google低版本下不兼
阅读全文
摘要：在项目中，常会涉及到日期的计算，之前对日期对象了解不够，其实，Date对象是可以直接按照它的进制直接进行计算的，这里做一个简要记录和阐述。 日期对象Date的详细介绍文档，见MDN https://developer.mozilla.org/en US/docs/Web/JavaScript/Ref
阅读全文
摘要：问题描述： layer弹窗的弹出位置不在浏览器视口居中，而是根据页面内容居中了，导致页面内容很长时，看不到弹窗，滚动滚动条才能看到，通常情况下，这并不满足需求。 解决方法： 使用 parent.layer 来调用弹窗，这样，弹窗的位置就会相对于上一级的window定位，而不是当前所在的window了
阅读全文
摘要：从开始接触iframe，就总是各种坑，现在就部分内容做一个简要的记录总结。 iframe 高度自适应的问题 1.问题背景：在默认情况下，iframe标签有一个约150px的默认高度，如果不主动设置iframe的高度，iframe的高度是不会由内容撑开的，而是超出滚动。因此，就涉及到了动态设置ifra
阅读全文
摘要：通过模板引擎，可以不再使用字符串拼接的方式来进行动态结构和数据的添加，同时，可以使页面结构更加清晰，易于修改和维护。特别对于需要循环添加的dom，正适合使用。所有的模板引擎都是类似的，现在针对jquery.tmpl.js模板引擎进行一个简单的使用总结，方便再次使用的时候节约搜索及调试时间。 使用步骤
阅读全文
摘要：实时显示当前时间 为方便后续相同需求复制代码，节约时间，特整理如下，返回按需拼接的字符串即可
阅读全文
摘要：代码实现 具体示例 简要说明如下： Array(5) = 创建了一个长度为5的空数组 console.log(Array(5));// [empty × 5] Array(5).join(0) = 用0拼接将数组转换成字符串 console.log(Array(5).join(0));// 0000
阅读全文
摘要：在获取容器尺寸的时候，一定要分清是内部尺寸还是外部尺寸，特别是在使用一些框架的时候，本身会默认带一些边距，如果不注意很容易出现bug且不易查找，具体区别如下所示： height(): 其高度范围是所匹配元素的高度height； innerHeight(): 其高度范围是所匹配元素的高度height+
阅读全文
摘要：总结： 一、table结构 如以上代码所示，对于table表格而言，thead标签里面会默认自动加上一层tr标签，同时，与thead相并列的tbody标签，如果不加，也是会自动默认加上的，tbody里面的td外如果没有tr，那么也会被默认加上。所以，在使用选择器来选择table里面的元素时一定要注意
阅读全文
