随笔 - 250, 文章 - 0, 评论 - 6, 阅读 - 14万
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
< 2025年1月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8

随笔分类 -  js

摘要:1.防抖:简单来说就是持续触发不执行,不触发了后等一段时间执行 鼠标在一个层中滑动,显示鼠标的坐标 <style> .box { width: 500px; height: 400px; border-radius: 8px; border: 1px solid #e6e6e6; color: #0 阅读全文

posted @ 2021-05-25 15:17 米粒3 阅读(41) 评论(0) 推荐(0) 编辑

摘要:1.一次展示几万条数据时,出现页面卡顿 甚至 假死状态,主要原因是页面加载的节点太多了。 解决方案:页面只需要渲染少部分的内容(可视区域),减少重新渲染组件和创建dom节点的时间 解决方案:vue-virtual-scroller 解决 2.eventbus中,$on监听事件重复执行 原因:监听事件 阅读全文

posted @ 2021-03-15 16:26 米粒3 阅读(29) 评论(0) 推荐(0) 编辑

摘要://手写eventhub(发布订阅) // 核心思路:1.使用一个对象作为缓存 // 2.on负责把方法发布到缓存的eventName数组中 // 3.emit负责遍历eventName中的方法数组 // 4.off负责清除缓存中的方法 class EventHub { cache={} on(ev 阅读全文

posted @ 2021-03-09 10:21 米粒3 阅读(91) 评论(0) 推荐(0) 编辑

摘要:简单需求的话:直接 JSON.parse(JSON.stringify(someobj)) 复杂需求的话:实现一个”完美“的深拷贝,只能求教上百行代码的 Lodash.cloneDeep() 了 面试够用版: function deepClone(someobj){ let cloneObj; // 阅读全文

posted @ 2021-03-05 18:10 米粒3 阅读(77) 评论(0) 推荐(0) 编辑

摘要:手写call: Function.prototype.ownCall=function(newObj,...args){ if(typeof newObj=='function'){ throw new TypeError('type error'); } let fn=Symbol('fn');/ 阅读全文

posted @ 2021-03-05 17:17 米粒3 阅读(97) 评论(0) 推荐(0) 编辑

摘要:相同点:1.都是用来改变函数的this对象指向的 2.调用时第一个参数都是需要指向的新对象 3.都可以利用后续参数传参 不同点:call、apply都是对函数的直接调用,而bind返回的是一个函数,需要进行再次调用才可以使用; 传递参数方式不同:call、bind 传递的是逗号分割的参数字符串,而a 阅读全文

posted @ 2021-03-05 14:44 米粒3 阅读(44) 评论(0) 推荐(0) 编辑

摘要:1、prototype的定义 javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解释是:返回对象类型原型的引用。 每一个构造函数都有一个属性叫做原型。这个属性非常有用:为一个特定类声明通用的变量或者函数。 你不需要显式地声明一个proto 阅读全文

posted @ 2017-05-02 11:31 米粒3 阅读(173) 评论(0) 推荐(0) 编辑

摘要:JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以 阅读全文

posted @ 2017-04-27 14:11 米粒3 阅读(108) 评论(0) 推荐(0) 编辑

摘要:引用地址:http://blog.csdn.net/business122/article/details/8000676 阅读全文

posted @ 2017-04-27 10:35 米粒3 阅读(261) 评论(0) 推荐(0) 编辑

摘要:html2canvas通过获取页面的DOM和元素的样式信息,并将其渲染成canvas图片,从而实现给页面截图的功能。 因为每个浏览器渲染页面的方式都不尽相同,所以生成的图片也不太一样。 环境要求: jQuery兼容性: Firefox 3.5+, Chrome, Opera, IE9 官网主页: h 阅读全文

posted @ 2016-12-16 16:27 米粒3 阅读(254) 评论(0) 推荐(0) 编辑

摘要:$scope.$on('$ionicView.beforeEnter', function() { console.log('beforeEnter'); }); 复制代码 $scope.$on('$ionicView.beforeEnter', function() { console.log(' 阅读全文

posted @ 2016-12-12 13:56 米粒3 阅读(4160) 评论(0) 推荐(0) 编辑

摘要:(document).height()、$(document).scrollTop(),有需要的朋友可以参考下。 jQuery(window).height()代表了当前可见区域的大小,而jQuery(document).height()则代表了整个文档的高度,可视具体情况使用. 注意当浏览器窗口大 阅读全文

posted @ 2016-11-14 19:53 米粒3 阅读(314) 评论(0) 推荐(0) 编辑

摘要://JS的扩展方法: 1 定义类静态方法扩展 2 定义类对象方法扩展 var aClass = function(){} //1 定义这个类的静态方法 aClass.sayHello = function(){ alert('say hello'); } //2 定义这个类对象的对象方法 aClas 阅读全文

posted @ 2016-11-14 19:52 米粒3 阅读(105) 评论(0) 推荐(0) 编辑

摘要:在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然后我们有时候确需要,找遍jQuery api文档也没有任何方法可以拿到。 看到有的人通过parent().html(),如果当前元素没有兄弟元素还行,如果有那就行不通了。后台实验发现有一个jQue 阅读全文

posted @ 2016-11-14 19:51 米粒3 阅读(226) 评论(0) 推荐(0) 编辑

摘要:/* js跳转页面 url跳转地址,params参数列表 */ function Posturl(url,params){ //创建form表单 var temp_form=document.createElement('form'); //设置form各种属性 temp_form.action=u 阅读全文

posted @ 2016-11-01 10:43 米粒3 阅读(215) 评论(0) 推荐(0) 编辑

摘要:JS转换HTML转义符 //去掉html标签 function removeHtmlTab(tab) { return tab.replace(/<[^<>]+?>/g,'');//删除所有HTML标签}//普通字符转换成转意符 function html2Escape(sHtml) { retur 阅读全文

posted @ 2016-10-19 08:59 米粒3 阅读(199) 评论(0) 推荐(0) 编辑

摘要:JS解析XML文件 <script type='text/javascript'> loadXML = function(xmlFile){ var xmlDoc=null; //判断浏览器的类型 //支持IE浏览器 if(!window.DOMParser && window.ActiveXObj 阅读全文

posted @ 2016-05-04 14:15 米粒3 阅读(3214) 评论(0) 推荐(0) 编辑

摘要:1.数组的创建 var arr=new Array(); 2.查找数组中的元素 for(var i=0;i<arr.length;i++) if(arr[i]==temp) return true; 3.下面比较一下Array和Object的特性: Array: 新建:var ary = new A 阅读全文

posted @ 2016-04-22 10:52 米粒3 阅读(190) 评论(0) 推荐(0) 编辑

摘要:jQuery的数组处理,便捷,功能齐全. 最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生js数组不能企及的功能. 最近时间紧迫,今天抽了些时间回过头来看 jQuery中文文档 中对数组的介绍,顺便对jQuery数组做个总结.温故,知新. 强烈建议你打开DEMO演示后再看下面的详解: 点 阅读全文

posted @ 2016-04-22 10:41 米粒3 阅读(411) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示