随笔分类 - JAvascript
摘要：Promise.all = function(iterable) { return new Promise((resolve, reject) => { let result = [] for(const item of iterable) { item.then(data => { result.
阅读全文
摘要：function longestCommonPrefix2(strs){ if(!strs || strs.length == 0){ return '' } var temp = strs[0] for(var i=0;i<strs.length;i++){ var j = 0; for(;j<s
阅读全文
摘要：【16进制转换为RGB 】 16进制一般有3位或者6位,如果为3位的话，需要补齐为6位 set16ToRgb(str){ var reg = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/ if(!reg.test(str)){return;} let newStr = (
阅读全文
摘要：最近在做项目，前端进行处理数据，导出excel中，还是遇到不少问题，这里将其进行总结一下，博主是vue框架开发，借用file-saver和xlsx插件进行导出excel,我们来看下代码和效果。地址链接如下：https://www.npmjs.com/package/js-xlsx 博主自己封装了一个
阅读全文
摘要：requireJS加载codemirror，并且配合angularJs一起使用的时候，高亮显示代码编辑器。要注意以下几点： 1：普通Js加载CodeMirror 代码如下： 这里，我使用了ui-codemirror的Angularjs的插件，调用如下 OK，我们能正常看到代码高亮并且可编辑，效果如下
阅读全文
摘要：为期半个月的项目实践开发，已完整告一段落，团队小组获得第一名，辛苦总算没有白费，想起有一天晚上，整个小组的人，联调到12点才从公司回去，真是心酸。这里总结一下，项目过程中遇到的问题 和感悟。哈哈，放张集体照。嘿嘿，项目所有的不同的team的小伙伴，一群优秀的小伙伴（大多都来自高校211,985）么么
阅读全文
摘要：总结一下自己在写这个需求遇到的问题，相信大家应该是经常遇到的。即要求滚轮滚动到指定的位置。先看下基本的解决方案。 1.给链接a加个#的方式来实现跳转。（锚点方法）这里直接贴下代码: html页面： css样式： 该锚点法，不需要任何的js代码，即可实现跳转的方法。缺点：点击链接url发生变化，刷新的
阅读全文
摘要：分享一个水珠自动下落的插件，下载地址：https://github.com/foreverjiangting/rainyday.js 下面来看看如何使用它？添加下面代码即可运行它。 实现效果如下： 代码如下： 下面来研究下rainy.js部分代码，源代码见上面的github里面的： 这里我想提到关于
阅读全文
摘要：一：跨平台事件 什么叫跨平台事件？即在不同的浏览器上执行同一事件，所使用的方法不同。 什么是EventUtil对象？有什么作用？即将所有与事件相关的函数，融合在一起的一个容器，方便管理事件对象，它没有属性。主要处理DOM事件和IE事件的磨合，使其尽可能的相似。 下面我们来看一下DOM和IE之间的对象
阅读全文
摘要：一：纯css+html的手风琴效果 这种用css写的手风琴比较简单，主要是应用到css中的，transition属性。 代码如下： 二：纯js+html制作手风琴 这个手风琴出现一个问题，就是单独移动每个li时，没问题，但是当移动很快时，最右边的li出现空隙。我感觉是定时器的问 题，就是当每个li还
阅读全文
摘要：今天做了个微博发布栏的效果，涉及到的知识点包括以下： 1.判断IE的方法：直接用 var ie=!-[1,];即可 2.连续发生事件的用法： IE下：触发对象.onpropertychange 标准下：触发对象.oninput 3.焦点聚集和移开事件。onfocus和onblur 4.判断单字节（0
阅读全文
摘要：事件委托:利用冒泡的原理，把事件加到父级上，触发执行效果，好处：提高性能，新添加的元素还会有之前的事件。event对象：事件源，不管在哪个事件中，只要你操作的那个元素就是事件源 获取事件源：IE：window.event.srcElement 标准下：event.target target.node
阅读全文
摘要：1.事件绑定 IE独有下的绑定事件 attachEvent(事件名，函数)--反向执行，且一个按钮可执行多个事件的功能。 detachEvent()--解除绑定 FF/chorme下的绑定事件 addEventListener removeEventListener--解除绑定2.捕
阅读全文
摘要：总结一下，拖拽所延伸出来的一些效果： 1.实现拖拉图片时，带框的效果。即当鼠标拖动某一个图片或物体时，其原有位置扔保留其型。 这种效果，其实很简单，主要是另外创建一个物体，使其与被拖拽的物体，宽和高一样，然后，将其变为拖拽的对象。 直接上代码： <!DOCTYPE html PUBLIC "-//W
阅读全文
摘要：今天做了一个照片墙，整个制作过程，主要需要解决一下几个问题： 1：如何进行布局转换？ 2：如何对图片进行拖拽处理？ 3：如何检测图片碰撞问题？进行碰撞检测 4：当多个图片进行碰撞，如何取其中距离对象最小的物体？ 5：如何将相互碰撞的两个物体的位置相互交换？涉及到运动的类库 代码如下： <!DOCTY
阅读全文
摘要：今天做了一个360度的全景照片，其中要注意以下几个问题： 1：如何在拖图片时，使其加载变快？---注意让图片隐藏的性能比让图片切换的性能高，且在IE9下运行，会出现图片加载的问题1：如何使图片带有一定的速度转1：考虑如果x为负数和负数两种情况 代码如下： <!DOCTYPE html PUBLIC
阅读全文
摘要：数组的用法有很多，这里稍微的总结一下： 1.sort（）函数 从小到大排序与从大到小排序： var arr=[1,2,3]; arr.sort(function(t1,t2){ return t1-t2; 从小到大排序 如果使return t2-t1 从大到小排序 像数组的这种用法比较常见，一定要牢
阅读全文
摘要：下面是自己写的一个关于js的拖拽的原型声明：代码如下 需要注意的问题包括: 1.this的指向到底是指向谁--弄清楚所指的对象 2.call()方法的使用 3.直接将父级原型赋给子级与使用for将其赋给子级有什么区别？ 比如：for(var i in Drag.prototype){ LimitDr
阅读全文
摘要：下面总结一下这几天学习关于运动框架的总结： 【1】匀速运动框架 startMove(itarget) 【2】缓冲运动框架 startMove(obj, iTarget) 【3】任意值运动框架 startMove(obj, attr, iTarget) 【4】链式运动框架 【5】多值运动框架 star
阅读全文
摘要：总结一下自己今天学习运动的基本思想：‘ 【1】对于移动的div，使其在某一个位置停止将其封装成一个函数，仅仅改变speed的正负即可 涉及到问题包括： var time=null; function startMove(target) { var oDiv=document.getElementBy
阅读全文
