最近在尝试做一个QQ截图那样的工具,其中一个功能就是要做一个选择框,自然用到了CRectTracker 但是有一个很关键的东西就是,拖拽CRectTracker的时候,不能让CRectTracker“移出”屏幕,否则截图出来就有黑色的块 怎么办?搜了一下,也没搜到什么有用的资料(可能是我搜索技能太low) 去MSDN看着CRectTracker的文档,想一想应该是Override其中某个method就可以的. 后来琢磨了一下,搞定了,直接Override CRectTracker::OnChan…
JS基础知识 /********************** 1:基础知识 1 创建脚本块 1: <script language=”JavaScript”> 2: JavaScript code goes here 3: </script> 2 隐藏脚本代码 1: <script language=”JavaScript”> 2: <!-- 3: document.write(“Hello”); 4: // --> 5: </script> 在…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>在页面上实现一个秒表 00:00:00 (分钟:秒钟:百分秒) ,通过三个按钮(开始.停止.重置)来控制</h1> <p id="…
0 前言 上周的一个练习,由于没来得及编写笔记,这里补充一下~ 虽然CSS3中提供了overflow:scroll; 来实现滚动条,但是这里可以使用原生JS来编写一个,以达到练习组件编写的效果. 练习要点包括以下几点: dom对象操作 鼠标点击事件 鼠标滑轮事件 滚动条显示比例设计逻辑 感兴趣的朋友欢迎点击屏幕左上角的小猫咪进入我的github,或猛戳这里下载源码~ 1 需求分析 需要支持鼠标点击响应:点击上下箭头时,能上下滚动文章内容. 需要支持鼠标拖拽响应:拖拽滚动条并上下滚动文章内容.此外…
H5新增属性classList h5中新增了一个classList,原生js可以通过它来判断获取dom节点有无某个class. classList是html元素对象的成员,它的使用非常简单,比如 console.log(document.body.classList); 目前已知classList API有length,item,add,remove,toggle,contains length 静态属性.可以获取元素类名的个数,使用方式: var len = document.body.cla…
H5新增属性classList h5中新增了一个classList,原生js可以通过它来判断获取dom节点有无某个class. classList是html元素对象的成员,它的使用非常简单,比如 console.log(document.body.classList); 目前已知classList API有length,item,add,remove,toggle,contains length 静态属性.可以获取元素类名的个数,使用方式: var len = document.body.cla…
在此之前,jQuery的hasClass.addClass.removeClass我们已经再熟悉不过了,然而我们并不会在每一个项目中都会去使用 jQuery或者Zepto,譬如在移动端的网页中,考虑到传说中的性能和静态资源的请求量等因素,我们通常会选择采用原生js,而对于元素的class 操作.你首先想到的就是className,这位伙计完美地得到了包括ie6在内的所有古现代浏览器的支持,尽管它的功能简直弱爆,但是人们在相当长的一 段时间还是用得不亦乐乎,甚至一些基础库也只是通过classNam…
js小技巧 每一项都是js中的小技巧,但十分的有用! 1.document.write(""); 输出语句  2.JS中的凝视为//  3.传统的HTML文档顺序是:document->html->(head,body)  4.一个浏览器窗体中的DOM顺序是:window->(navigator,screen,history,location,document)  5.得到表单中元素的名称和值:document.getElementById("表单中元素的I…
本文转载自:http://blog.csdn.net/ocean20/article/details/2498699 每一项都是js中的小技巧,但十分的实用! 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得…
本文通过拖拽案例,实现"跟随鼠标.边界限定.轨迹回放"三大效果: 完整代码中有详尽注释,故不再进行细致讲解: 对于案例中需要注意的重点或易错点问题,会总结在最后. 效果图(仅演示左.上边界限定) 完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"…