- 博客(45)
- 收藏
- 关注
RSS订阅原创 自动配置代理
有些时候 手机或者pc上面需要频繁的切换代理与取消代理，感觉切换时非常的麻烦，看见有自动代理，故搜索了下 下面贴出代码。[code="java"]function FindProxyForURL(url, host) { if(url.indexOf("MLXCJK")>0){ return "PROXY 192.168.0.115:8888;"PROXY 192.16...
2017-02-13 15:42:36
580
原创 对话框回调
今天遇见一个需求 在提交数据时需要同时弹出3个确认菜单，点击了确认之后才能出现下一个弹出框，并且弹出之后确认框的逻辑在每一个点击确认后的回调函数中。就会有3个嵌套关系。既然是同一个逻辑的重复，自然想到了递归来实现。[img]http://dl2.iteye.com/upload/attachment/0122/5230/bb16c810-bff0-3cd1-908f-ae41994310f...
2017-01-11 10:26:30
274
原创 svg, 支持mouseover
今天项目中的需求，是在一个fill后的svg path上面加上一个mouseover事件。鼠标移上去显示最近的数字。[img]http://dl2.iteye.com/upload/attachment/0122/4985/14f70bb1-40d0-3d79-8798-7007053e3b2f.png[/img] 但是在火狐下面测试发现。使用raphael时 火狐不支持mouse...
2017-01-09 18:07:37
1155
原创 vue 生命周期钩子
和生命一样，vue组件创建过程中会进入一系列的阶段。可以在这些阶段执行对应的方法。先上图：[img]http://dl2.iteye.com/upload/attachment/0122/4591/d949cfb2-f49c-3737-bb45-aec96b2ccdda.png[/img]还有路由生命周期钩子，但是路由通常不属于组件的。是在所有组件生命周期开始之前被调用。组件有以下...
2017-01-07 22:11:40
258
原创 vue,vue-router,vux,综合
实例化vue实例时初始化router store 状态管理。触发router去渲染对应的组件，然后通过对组件组件的操作来完成状态的变更。先引入js脚本 [code="html"]html [/code]js脚本[code="js"] const Foo = { template: 'foo{{count1}...
2017-01-04 17:36:25
150
原创 分享vue脚手架工具,vue-cli
脚手架渲染原理：下面是翻译：来源于[url]http://vue-loader.vuejs.org/en/workflow/testing.html[/url]*.vue每个.vue文件由3个顶级标签组成。 [code="java"] {{ msg }}export default { data () { return { ...
2017-01-04 15:42:54
135
原创 平时chrome调试遇见的 浏览器优化
js基础：在一个事件处理器（click）会形成一个闭包，可以访问外层的变量。形成了一个闭包。故原则上所有的外层变量都可以被访问到，但是今天调试最新版本的chrome时候，发现 当事件回调里面没有使用某一个变量时，会直接被销毁。这样的话可以优化内存。触发事件时的断点：[img]http://dl2.iteye.com/upload/attachment/0122/3841/aaf86...
2017-01-04 11:23:59
147
原创 nodejs once 模块
module once 模块主要功能是为了使得回调只会执行一次 非常适合于只需要执行一次的函数[code="java"] var wrappy = require('wrappy')module.exports = wrappy(once)//执行一次后 在函数的原型上定义一个once 方法，once.proto = once(function () { Objec...
2016-12-11 17:18:00
1388
原创 百度文库复制方法
即时对象初始化方法[code="java"](function(){//code here}).init()常见错误1.在对象每个方法内部，提前保存this指针，一遍下面引用，不然进入setinterval内部指针变化，this指示错误。2.当点击一个按钮发请求时？？3.jquery当取到一个元素为空时 返回a= [] 判断为空，要使用a.length===0...
2015-11-11 10:24:35
868
原创 浏览器跨域问题，top与iframe之间的通信问题
window.postMessage 是一个用于安全的使用跨源通信的方法。通常，不同页面上的脚本只在这种情况下被允许互相访问，当且仅当执行它们的页面所处的位置使用相同的协议（通常都是 http）、相同的端口（http默认使用80端口）和相同的主机（两个页面的 document.domain 的值相同）。 在正确使用的情况下，window.postMessage 提供了一个受控的机制来安全地绕过这一...
2015-07-30 17:00:33
1231
原创 面试题
网上看见几道面试题，贴上来[img]http://dl2.iteye.com/upload/attachment/0110/4564/0e33dc47-9b8a-39d0-88d4-c12dfb4852b0.jpg[/img][img]http://dl2.iteye.com/upload/attachment/0110/4566/09b6b96f-f96a-3e12-b1f3-3...
2015-07-25 15:06:08
123
原创 自动向上滚动框的制作
隔一段时间慢慢向上滚动一段距离！如图：[img]http://dl2.iteye.com/upload/attachment/0110/2751/db414912-f508-3bae-80dc-ee801469c7da.png[/img]保证不会出现回滚。即由最后一个元素再滚到第一个元素是向上滚动而不是向下。用ul来制作，一个li相当于每次显示的一行，滚到时的动画效果用transi...
2015-07-19 19:21:08
136
原创 滑过导航时出现描述框的制作
[img]http://dl2.iteye.com/upload/attachment/0110/2742/ab254eb4-cafc-3830-8dca-a1717117541c.png[/img]当滑过左边导航栏时右边出现描述框的制作。1. hover时如何把右边的边框去掉。2.如何让 外部右边3px的border在hover时变成1px 。3.如何让列表项在没有hover时...
2015-07-19 18:44:00
179
原创 js array对象的迭代方法
所有方法都接受两个参数:(fn,ctx);默认的函数里面ctx是window，现在可以进行指定。1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素使用该函数 return 语句失效[code="java"]function square(num) {print(num, num * num);}var nums = [1,2,3,4,5,6,7,...
2015-07-16 12:09:37
146
原创 canvas中的像素绘制问题
pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。2.如果绘制点为一个像素的...
2015-07-06 21:32:30
481
原创 qq空间刷评论工具
[code="java"]var a=document.getElementsByClassName('textinput'); var b=[]; for(var m=0;m
2015-06-25 17:48:56
1659
原创 桌面上有多个球在同时运动，怎么实现球之间不交叉，即碰撞？
稍微想了一下，然后解决了很多bug，最后终于把它实现了。其实原理很简单。在每改变一个小球的x y坐标后，遍历整个在dom树中的其他小球，看一下它们与当前小球的距离是否小于球半径的两倍？若小于说明下一次绘制该小球（设为a）前要把他的方向变为原来相反方向（与a要碰撞的小球设为b），即假如当前小球的距离小于球半径的两倍的话，马上改变当前小球方向。那么下一次绘制也是先绘制b，再绘制a，由于a的方向已经改变...
2015-06-19 21:50:48
520
原创 数组元素是对象时,删除时需要注意的（不是直接用delete删除）
数组元素(虽然下面获得的不是一个数组，只是一个集合，但是也成利)是对象时，当销毁这个对象，则数组自动把它从数组中去掉，同时数组长度减为1，不同于delete ，delete一个数组元素，则这个数组元素所在的位依然在，数组长度不变。[img]http://dl2.iteye.com/upload/attachment/0109/6211/482528ee-c4cc-3308-a665-92efd...
2015-06-19 12:37:15
295
原创 有关浏览器窗口宽度高度几个值的解析
1 元素的 offsetWidth 包括border padding content 整体的宽度。clientWidth 只包括内容区 padding 不包括border。clientLeft = offsetWidth -clientWidth 即这个元素border的值offsetLeft 若无已定位的包裹元素，则它相对于html元素定位。（跟其他元素比如body有无m...
2015-06-18 11:47:20
128
原创 按对象属性排序
利用JavaScript进行对象排序，根据用户的年龄排序展示[code="java"]var bob={name;bob,age:30}var peter={name;peter,age:30}var amy={name;amy,age:24}var mike={name;mike,age:29}var john={nam...
2015-06-16 22:01:04
110
原创 动画合集
动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程1 transition 制作鼠标滑过图片时的放大效果[code="java"]css.wrap{ width: 340px;height: 340px; position: absolute; top: 30%; left: 20%; overflow: hidden;...
2015-06-15 15:06:18
110
原创 jquery内部链式调用机理
只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象（通过this 因为一旦一个函数称为一个对象方法的话那么在这个方法内部this（结合下面的setStyles）指向这个对象）[code="java"]function create(type){var element=document.createElement(type); //this=ele...
2015-06-07 21:17:10
170
原创 this问题 js
任何一个函数都可以被当做构造函数使用！并且new了之后一定是返回一个对象，这个对象有两种可能，第一种，return中返回的不是一个对象（包括数组，因为它也是一个对象,不包括函数，因为函数也是一种对象）（不是一个对象指返回一个变量值之类的）或者没有返回（实际上返回undefined 也不是一个对象），那么这样的话返回的就是未被初始化的this对象，return后面的返回值被自动忽略。第二种，若返回一...
2015-06-07 21:08:55
99
原创 算法 单链的创建与删除
[code="java"]先创建结构体struct student { int data; //int tag;//标记这是第几个 struct student *next;};// addone 用于将一个数插入已从小到大排好序的链中struct student *addone(struct student *h,int x){ if(h==NULL) ...
2015-06-07 11:31:27
163
原创 算法 快排解析
知道了快排的算法之后，就泄露一个程序（js）代码如下[code="java"]function searchDeep(arr){ var j=arr.length-1; var i=1,exchange=0; var len=arr.length; var temp=a[0],temp1; var b=[len]; var tag=0; for(var i=0...
2015-06-05 17:48:55
107
原创 程序运行时间的计数
一般程序运行时，如果遇见调用函数，则会进入它，直到从里面返回才继续执行下一条代码。故有[code="java"]// 计时函数 call 待计时的函数；para 待计时的函数的参数var timer={}timer.count=function(call,para){ var t=new Date().getTime(); var re= call(para); v...
2015-06-05 11:38:49
119
原创 js delete 删除机理以及它的内存泄露问题的解决方案
delete删除属性时只是解除了属性与对象的绑定，故当属性值为一个对象时，删除时会造成内存泄露 （其实还未删除）举例：[code="java"]var person={name:{firstname:'bob'}}var p=person.namedelete person.namep.firstname -->'bob'// 依然可以访问p.firstname，存在内...
2015-06-02 12:43:00
973
原创 遍历dom 并且存储（将每一层的DOM元素存在数组中）
数组从0开始！！[code="java"]var a=[],i=0;for(var j=0;j
2015-05-27 20:48:29
449
原创 带箭头的指示符
[code="java"]htmlcss.one{width: 0px;height: 0px;display: block;border: 10px solid;border-color: transparent transparent #666 transparent;position: absolute;left: 180px;top: 30px; }.o...
2015-05-21 19:03:25
150
原创 mouseover 与mouseout事件在绝对定位时层的问题（覆盖问题）
[code="java"] It belongs to you!... It belongs to you!... css .content li{list-style-type: none;float: left;width: 1140px;position: relative;} .conte...
2015-05-20 20:36:52
1248
原创 zoom.js
它的基于bootstrap 的[url]https://raw.github.com/twbs/bootstrap/master/js/transition.js[/url] transition.js模块引用顺序 [code="java"]先连接他们但必须在最后链接zoom 否则会出现无法使用git地址https://github.com/feix...
2015-05-12 19:01:20
439
原创 knob UI插件使用
图形是用canvas绘制的[code="java"]js代码var paras = { max:800, min:100, skin:'tron',//button type thickness:.3,//button width width:'200',//define canvas width.,canvas height displ...
2015-05-10 21:16:37
401
原创 workmark
在一个容器当中 指定宽度后自动适应左右两边 并且要设置position：relative 因为li元素会根据它进行绝对定位 [code="java"]js var options = { autoResize: true, // 当浏览器窗口改变大小时自动更新布局 container: $('#main'), // 父容器 off...
2015-05-10 18:07:22
237
原创 豆瓣电影首页的分析
网址[url]http://movie.douban.com[/url]1 先上图 [img]http://dl2.iteye.com/upload/attachment/0108/4474/df716945-930e-34c8-962a-1aac33013002.png[/img]下面4附图的onmouseover事件会悬空触发图片介绍div 并且它每一屏的第4个li的介绍是在外...
2015-05-08 22:48:34
180
原创 offsetParent 与parentNode的区别
[code="java"]var getAbsoluteLeft=function(obj){ var _currParent=obj.offsetParent; var _left=obj.offsetLeft; while(_currParent!==null){ _left+=_currParent.offsetLeft; _currParent=_currP...
2015-05-08 14:18:20
742
原创 将元素设为inline-block 之后的上下margin融合
外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。但是 设了display:inline-block;后 上下margin不会进行合并测试代码如下[code="java"]cssh2,p{display:inline-block;}h2,div,p{margin:10px 0p...
2015-05-07 21:06:15
168
原创 childNodes
[code="java"]$=function(id){return typeof (id) == 'string' ?document.getElementById(id):null} ;with($('move')){var a=childNodes,arr=[]; for(var i=0;i
2015-05-07 10:39:08
110
原创 匿名自执行函数 引入 $符号定义
若在文件中引入外部匿名自执行函数 一般在底部或html代码中（在需要获取的dom元素之后即可）引用 在head、内引用会导致dom还未加载就执行，若函数内有获取dom元素 并设置样式的代码 则会发生错误 并且它的加载发生在window.onload事件以前 因为载入外部样式也算是onload事件 而onload事件只在页面加载完成后触发 另外 浏览器显示正在载入表示正在加载dom 对自执...
2015-05-07 08:49:44
176
原创 cssText
cssText 批量为元素赋属性值[code="java"]css#div0{display: inline-block; width: 300px; height: 200px;text-align: center;color:red}html fdfdfff dfdfjsvar a=document.getElementByI...
2015-05-05 22:52:43
147
原创 nodeClone()
[code="java"] window.onload=function() { var sourse=document.getElementById('div0') for(var i=1;i
2015-05-05 15:42:17
149
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人