随笔分类 - JavaScript
摘要：VDOM VDOM，JavaScript对象，即对真实DOM的描述； 虚拟DOM创建页面性能：创建JavaScript对象的计算量 + 创建真实DOM的计算量；（第一步，创建JavaScript对象，即真实DOM的描述；第二步，递归地遍历虚拟DOM树并创建真实DOM；） 虚拟DOM更新更新页面过程：
阅读全文
摘要：冒泡排序： 比较相邻的元素，根据排序从小到大还是从大到小判断是否交换，一趟下来，有一个已排好序；如果遇到某一趟数据已经没有出现交换，说明已是有序数组，退出即可 function bubble(arr){ if(!(Array.isArray(arr))) { alert('数据类型有误，请传入数组'
阅读全文
摘要：描述：不同的请求接口，不同的code权限码，不同的type类型，相同的处理逻辑，后端配合几个接口数据返回格式名称一致 解决：采用配置项的形式，写一套逻辑代码，简化代码 getSelectData = () => { const selectDataArr = [ { service:aService
阅读全文
摘要：简单思路：（1）全选的checkbox的ng-checked设置为函数isAllSelected，即isAllSelected返回true则列表的各项全部选中，否则都不选中；（2）同时给列表各项的checkbox的ng-checked设置为各数据项的属性isChecked，该属性为前端处理后台数据时主动加上的，用于区分单项是否选中；（3）再分别给全选及各个列表项的checkbox加上点击事件；（4...
阅读全文
摘要：Promise Promise是一个对象，里面保存着某个未来才会结束的事情，从其可以获得一个异步操作的消息；其总会返回一个结果，可能成功也可能失败；可以理解成一个构造韩，用来生成一个Promise实例； Promise对象是一个异步操作，有三种状态：pending/fulfilled/rejecte
阅读全文
摘要：将dataTemp值根据type值不同赋给不同的数组如allData，inData，outData
阅读全文
摘要：当图片大于div时，想要图片居中显示，如果图片等比例缩小可能会导致图片不能填充整个div，如果直接将图片不设置宽高，将其外层div设置overflow:hidden；这时即使外层div设置了水平垂直居中，图片也不是居中的效果： 解决方法： 1- 把图片设置为背景图片 2- 给图片设置相对div的10
阅读全文
摘要：angularjs select通过动态加载option有空白项的处理方法 && 对选择select下不同的选项做出不同的处理 在用select通过动态加载option实现下拉框时，在没有设置“请选择”默认显示框时，出现了开白项，且一开始显示的也是空白，没有显示option中的第一项，这里需要显示设
阅读全文
摘要：需求：不能输入汉字，在input的type为text时，jQuery的val值是可以获取到的，这时可以利用keyup事件，当获取到的值为非数字时，直接将输入框清空，这样可以实现禁止输入汉字之类的非法字符
阅读全文
摘要：当input的type为number时，有required的属性： <input type=”number” class=”aa” /> 在type为number的情况下，如果输入e或者为空，利用$(“.aa”).val()获取的值都为空，这时提示无法分开，但需求要求“输入格式不正确”或“不能为空”
阅读全文
摘要：当input的type为number时，没有required的属性： <input type=”number” class=”aa” /> 在type为number的情况下，如果输入e或者为空，利用$(“.aa”).val()获取的值都为空，这时提示无法分开，但需求要求“输入格式不正确”或“不能为空
阅读全文
摘要：预先准备两张图片表示选中与未选中，当点击该元素时进行选中与未选中图片的切换，即可实现选中与未选中，然后根据该元素的src属性判断是否选中，然后判断该执行什么操作：
阅读全文
摘要：参考：http://blog.csdn.net/zbw18297786698/article/details/52819173
阅读全文
摘要：在ajax请求成功的方法里写click事件，实现显示隐藏功能，但结果点击一次，可能触发多次显示隐藏的切换，后采用先解绑click事件再绑定click事件的方法解决掉，ps：unbind后添加click，不要写明方法，不然还是会出现上述问题。代码如下： ps：有小伙伴明白其中奥秘的可以帮忙说一下哦
阅读全文
摘要：img先设置一个占位符，用来存放后台返回的图片地址，如果图片存在且地址正确则替换掉当前图片，如果后台获取的图片地址不正确，则还显示默认图片，这里提供onerror进行控制： <img src="../images/default_male.png" alt="店铺icon" id="store-im
阅读全文
摘要：eg.点击按钮即可实现将input标签中的内容复制到剪切板里
阅读全文
