tampermonkey应用二--Bit币提醒(第三版) 1、加入收益,本金等相关信息2、添加BTC提醒更新地址:https://raw.github.com/cswuxiang/lib/master/js/monkey/okcoin.js
tampermonkey应用二--Bit币提醒(第二版) 改进点:1、这个版本把提醒的值,放到前端页面来设置2、音乐取消功能下载使用地址:https://raw.github.com/cswuxiang/lib/master/js/monkey/okcoin.js第三版本优化点:1、加入btc2、交互优化3、争取能自动处理买卖
tampermonkey应用二--Bit币提醒 最近炒了一段Bit币,因为它是24小时交易,常常晚上又是突发点产生时刻,因此需要当其将到某点时,自动提醒我该买入。开始时,自己就用微信中服务号okcoin,当醒来时就手动刷新下,看看其价格,这种方式实在伤不起,所以就想到了tampermonkey来实现。
模块化js JS不像java那样java的模块化:下面这个class就是一个模块,专门处理人的事情public class Person{ //定义名字private String name ; //获取名字public String getName(){ return this.name;} .......
chrome中tampermonkey与github的使用----新浪基金最新数据查询 总的目标:因为最近在纵禄基金网上买了几支基金,每天又好奇基金涨跌数据,刚好新浪又有相关预测值,所以就想在纵禄基金网上挂上新浪的数据,避免每次打开新浪网。1、要在别人网站上运行相关code,tampermonkey给你方便入口2、运行的code中要使用一些样式文件以及自己的js库,所以需要把相关文件放到github上让tampermonkey可以访问具体的实现过程:
大话设计模式-观后感(1) 刚拿到大话设计模式书时,单从封面看觉得作者用浅显的道理来讲解软件开发中经常提到的设计模式。话说从2010步入软件行业,其间有一年的JAVA软件编程经验,用到过的设计模式有,单例,装饰,工厂,组合。至于为什么会这样用,“感觉”是觉得便于维护管理才这样做。由于没有系统,专一思考学习过设计模式,经常一听到"设计模式"觉得高不可攀,恐惧感直往上窜。就像打羽毛球一样,很多高手给你讲很
关于setTimeout与setInterval的区别 JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如[javascript] view plaincopyprint?setTimeout( function(){ alert(’你好!’); } , 0);
关心设计的一些心得(很多人说设计就是分类,我觉得设计就是分层) 1、为什么我们需要设计,当我在设计日历时,一起合作的的同事说,不用写什么设计文档,先做出来再说,诚然这样我们可以按以前经验快速完全需求。就拿日历来讲,其中的四个视图,月,日,周,列表从界面的展现与功能来讲,当然是都继承一基础视图为便。部分类结构图为:DayWeek为DayTable与WeekTabel,以及ListTabel,MonthTable共有的基类
代理的理解 生活中也许你很白代理一词,如我们去租房,找的中介,办各种证明委托的第三方单位,他们之所以存在,你知道吗?1、总的入口人2、斡旋剂。。。。。。在互联网中,经常会遇到“代理”一词,还有正向代理,反向代理登一系列名词。网关,路由器,是一种代理Fiddle 正向代理Nginx 反向代理
前端开发学习书籍 从2011年6月踏入JS开发到现在已有二年有余,这里记录下二年时间来所看过的书籍也许现在还有部分人说,学习JS好难,像写菜单,弹出框,日历等组件,觉得很迷惑的,其原因可能与下面几点有关:1、JS没有良好的封装,组织结构(如果你有后台语言C,C++ JAVA当然会简单很多)2、JS,DOM,BOM互相关联要学深,广,前端开发,必须有大型网站开发与设计,解决足够多的问题
开发web需要意识的几个点(提升速度) 1. 快速响应网络请求 a.从不同的域下载资源,使并发连接的应用最大化,分域名,js css分到一个域名,图片分到另一域名 b.尽量get而非post c.通过CDN定向用户 d.避免重定向2. 最小化下载的字节数。 a.压缩,gzip b.缓存 expire if-modify-since etag c.htm
浏览器的渲染模式 渲染模式有两种,1是标准模式(strict mode) 2是怪异模式(quick mode) 那么我们平时开发的页面,怎么判断是标准模式还是怪异模式呢 怪异模式: (1)!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> (2)什么也没有 标准模式: (1)!DOC
一个真实的自己 从容和淡定便是岁月所能赋予我最好的礼物,花开花落,云卷云舒,笑意红尘,我用自己的方式抒写自己的人生轨迹。 我走过,看过,哭过,呐喊过,笑过,爱过,痛过,失去过,寂寞孤独过,绝望过,振作起来过,一切的一切都是人生的一段旅途经历。 一段记忆当所有的所有都经历过之后,我越发的从容!淡定!笑看人生成败得失,一个真实的自己逐渐清晰。
关于XMLHttpRequest if(this.ActiveXObject && !this.XMLHttpRequest ){ var xmlHttpRequstActiveIds = [ "Microsoft.XMLHTTP"//IE5的,最早的XHR实现 ,"MSXML2.XMLHTTP" //偷懒的办法,调用的2与3.0的版本 //,"MSXM
web分析内存泄露点 内存泄露的根据原因: 两大对像:JS与DOM对象,之间存在相互引用。JS对象引用DOM结点,DOM结点的属性引用JS对象具体代码为:var obj = document.getElementById("someLeakingDIV");document.getElementById("someLeakingDiv").xx= obj;检查所用的方法:
web安全相关问题 起因:1、http 请求有get与post方式,get最大数据为2KB,而post没有限制。2、get方式只能是ascii字符,中文要进行转义加密:1、传入的数据进行md5加密(王小云破解部分)2、URL_encode对url进行加密,转码 (1)escape() 空格,标点符号,非ascii码 转成%+十六进制的形式,(@ + /*) (2)enc
shell 中参数化各种自己写的函数,以便下次方便调用 //将my_grep脚本保存在/bin下,主要为了下次调用方便1、 cat >/bin/my_grep //向里面输入内容,实现查询包含某字符串的文件2 、dir=$1 text=$2 if test -z $1 then dir="." fi if test -z $2 then tex
cache 浏览器中的几个参数 Pragma: no-cache:跟Cache-Control: no-cache相同,Pragma: no-cache兼容http 1.0 ,Cache-Control: no-cache是http 1.1。Pragma: no-cache可以应用到http 1.0 和http 1.1,而Cache-Control: no-cache只能应用于http 1.1.注意如
apache代理与反代理,负载均衡简单实例 1、所需环境为 apache http://httpd.apache.org/ tomcate http://tomcat.apache.org/ nodejs http://nodejs.org/ 环境的搭建就不再具体说明了2、apache的代理通过自身的proxy_mode进行 在http.conf文件
z-index与定位产生的IE与W3C的不同表现 #container { position: relative;background-color: red;width: 300px; height: 400px;z-index:1;}#box1 { position: absolute; top: 100px; left: 210px;
我应该做得更好 人的一生不应该这样:当他回首往事的时候, 因为碌碌无为、虚度年华而悔恨, 因为为人卑劣、生活庸俗而愧疚。 不要悔恨,不要愧疚8小时以内,我们求生存;8小时以外,我们求发展,赢在别人休息时间
nodejs简单应用四(数据库mysql操作) nodejs简单应用四(数据库mysql操作)var db = { //connection database client : null, TEST_DATABASE:'nodejs_mysql_db', TEST_TABLE:'test_table', connection:function(response){
nodejs简单应用三(热部署文件) nodejs简单应用三(热部署文件)1、配置文件config.jsvar cg = { _rootPath : '/home/wuxiang/nodeapp/', reg_ftype : '/\.([a-z]+?)$/', domain :'http://127.0.0.1:8899/', odomain :true, ftypes :{'g
nodejs简单应用二(读写文件) nodejs简单应用二(读写文件)——进行热加载var fs = require("fs");fs.watchFile("server.js",crashProcess);//观察文件是否改变//关闭线程function crashProcess (prev, cur) { 通过pre与cur中的时间来进行对比 }, 50);}
nodejs简单应用一(监听服务) nodejs简单应用一(监听服务)(浏览器请求)var http = require('http');http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': txt_type}); response.write("This request UR
与自己的对话 不管别人如何看待我,坚持与自己对话,做自己认为对的事情你没什么输不起的,也没有什么属于你,生活再糟糕,也要吃饭,睡觉多想想为什么,做个有思想武装的人草率轻薄之词,少提,别人只会怠慢于你要勇于与勤勉自己去发现未知,别等候他人的未知不管什么时候,别忽略亲人与朋友你已经老了,需要放弃该放弃的再多的疼只有知道才感触得到,那既是福也是一种疼任何时候别期望别人太多,自己才是最重
js将字符转成数字 ASCII 码,总共有 128 个,用一个字节的低 7 位表示,0~31 是控制字符如换行回车删除等;32~126 是打印字符,可以通过键盘输入并且能够显示出来。1、符号转成符var ch = "C";ch.charCodeAt();------>672、数字转成字符String.fromCharCode(20013);---->"中"
html5 1、html5的意义在哪里? 总体来说,应该是web浏览器的使用越来越普遍,人们越来越习惯于用浏览器处理日常生活与工作,由此webpage与webapplication,受到大量的应用,如1、webemail,webgeogpha,大家都希望web帮我们存储,走到哪里都可以打开已有的东西,2、不愿意再去下载各种应用,本地存储与寻找(特别是系统重装之后,咱们又得去找各种先前的应用,耗时
监听浏览器最小化与最大化时,执行的动作。 本周做项目时,实现页面内容滚动的一个功能时,发现在chrome与FF浏览器最小化后,当再次最大化时,滚动出现错位的现象。鉴于此,就去查了下http://html5test.com/中是否有相关的支持,下面列下各个浏览器化如何来监听最小化与最大化的相关code//IEif(document.addEventListener){document.addEventList
coder 内心的呐喊 最近正式入职前端职位以来,开发后台的那些哥们(java,c+)的觉得排序,去空格,过滤等一些分内处理的事情,总是要求前端人员来处理,尤其当你一问你这里有问题时,它总还振振有词的样式,"我没做什么处理呀,我那部分早已经处理完了",面对这样的回答,多次要抽人的冲动,真他妈不是人,shit,毫无责任感。 不知这样的日子,还能坚持多久。。。。。。。
escape,encodeURI,encodeURIComponent该用哪一个? (1)、escape一般用来转义,但是基于不能转义“+”号形如:http://domain?name=xx+xx;所以对于url的转义不建议采用escape.并且超过255的字符采用unicode的形式进行编码%uxxxx+号在服务器会被当作空格 表单提交时,空格符浏览器转成+ 分不清是输入的+还是空格(2)、encodeURI,与encodeURIComponent编码成
函数的定义在FF与IE,Chrome上的不同表现 1、var input = 5; switch (input) { case 10: function fun1() { alert(10); } break; case 5: function fun1() { alert(5);
XSS攻击 XSS --->跨站脚本攻击(Cross Site Scripting),与CSS有冲突,帮命名为XSS,也被认为是phishing攻击注入的方式;1、alert(1);|| alert(); 利用el.innerHTML="code"2、img标签 javascript:code"> "javascrip:code"> onerr
元素页面的位置 1、原生的判断方式navigator.userAgent.toLowerCase().indexOf()//chrome,firefox.msie,opera2、getBoundingClientRect()最先是IE的私有属性,现在已经是一个W3C标准【ie,ff,chrome】。所以你不用当心浏览器兼容问题,不过还是有区别的。IE只返回top,lef,right,bottom四个值,不
IE下的插件 1、IEtest: 目前只能装ie6-9 但不方便调试 2、utilu-ie-collection 解决xp上安装ie9 同时可以安装6-9http://www.afterdawn.com/software/network/browsers/ie_collection.cfm3、ie下调js调试工具 install-companionjs-v
让iframe也可以编辑 el与node的区别 (1)元素Element与Node的区别Element,document.getElementById(),是得到的元素如document与documentElement的区别1、Element 对象表示 XML 文档中的元素。元素可包含属性、其他元素或文本。如果元素含有文本,则在文本节点中表示该文本。是指的一个tag,document.getElementById()取得2、No
判断js中对象的类型 1、typeof 形如 var x = "xx"; typeof x == 'string' 返回类型有:'undefined' “string” 'number' 'boolean' 'function' 'object' 缺点:对于object类型不能细分是什么类型
杂 IE Companion.JS http://www.my-debugbar.com/wiki/CompanionJS/HomePagehttp://www.my-debugbar.com/wiki/CompanionJS/HomePage 正则js异步:文章http://han.guokai.blog.163.com/blog/static/136718271201
荡平众浏览器差异,从此兵来将挡,水来土掩 尽管目前IE chrome 以及FireFox都逐渐解析HTML与CSS逐渐趋于统一,但世界这么大,鬼明白用户用的是撒子浏览器,拿自身来讲,喜欢用Chrome,很少用IE与Chrome。作为一名开发人员,我们能做的就是专业与志注。 现在总结一下,各浏览器中的主要差异与特征。JS方面:1、 float的写法 IE下styleFoat FF下cssFloat
IE6与IE7,8下ifame中用JS控制滚动条的问题 1、IE6 7 8 横竖滚条动不显显示采用 2、对于只显示横或竖滚动条: a.IE6只能控制html里的style.overfowX与overfowY="hidden"来调整, b.7 8 可以通过body一层来控制
js中易出错的点..... 1、做项目的过程中对于报"xx"未定义,有时用if(xx)来规避,但都不切实际,需要通过 typeof xx来查看xx的类型 js中的类型有:数字_"number",字符_"string",布尔_"boolean",未定义_"undefined",复合类型_object(null...) 5种类型2、[].sort(function(){}); 可以传入函数,replace(fun
如何获取与修改元素样式(写在style文件) 1、如果直接写在元素style属性上,可以通过el.style.xx进行获取,当然含"-"的,采用连写第二个单字首字母大写,如:margin-left -->marginLeft overflow-x --->overflowX2、对于css文件中的样式,如何获取呢1、currentStyle是IE独有的2、w3c标准 :getComputedStyle与
跨域访问 1、什么是跨域访问? (1).同一父域名,不同域名之间的访问,包括同域名不同端口,如xx.com与yy.xx.com,xx:8088.com与xx:9200.com (2).完全不同的域名,如xx.com与yy.com 2、我们为什么要解决跨域? (1) 我们自己的系统需要把不同资源放在不同服务器上,如AJAX请求,邮件系统获取通讯录人信息;
JS常用方法的一些总结一 //一些常用的方法收集var Utils = window.Utils = $U = {name:"util",vesion:"wx_0.1"}//清除前后空格键$U.trim=function(str,type){ var regALL = /(^\s*)|(\s*$)/g; var regL = /^\s*/g; var regR = /\s*
高级正则表达式用法 //高级正则表达式用法//1、贪婪(+ ? * )[从最长的开始,有回溯]与非贪婪(+?)[最小开始]//2 分组运算()()//3 replace(/(A)(B)/,function("匹配的内容(A)(B)","A","第二个分组的值B") 模版中常用//4反向引用/([a]23423\1)/ \1 \2 var x = /(A)BBB\1/;x.test
计算机操作系统认识1 1、系统部间之间的工作大量都是数据的复制和转移,如从一个hello程序的执行,从磁盘到内存再到高速缓存或寄存器2、操作系统作了大量的抽像,如磁盘I/O抽像为文件,存储器抽像为虚拟存储器,运行的程序抽像为进程3、抽像化是为了更好管理与操作各种资源,如系统上运行的各种程序,如何进行资源的分配与数据调用,内存如何进行分配,磁盘文件如何方便读取。下一节:计算机中
IE6与IE7 8下iframe滚动条问题 1、IE6 7 8 横竖滚条动不显显示采用 2、对于只显示横或竖滚动条: a.IE6只能控制html里的style.overfowX与overfowY="hidden"来调整, b.7 8 可以通过body一层来控制代码:JS: document.getElementById("aa").contentWindow.doc
scrollWidth 与offsetWidth scrollWidth//指盒子总的长度,一般用来查看是否含有滚动条 offsetWidth//指盒子的长度,含有滚动条的宽度 clientWidth //指可视的长度,不含滚动条的宽度,有滚动条时会占padding或width的宽度,一般是的17px1、查看是否含有滚动条:scrollWidth>offsetWidth2.查看滚动条的宽
nodejs win7下安装 Step 1. 下载node.js在windows下是要安装在Cygwin下的,去Cygwin网站下载Cygwin安装程序。Cygwin网站:http://cygwin.com/直接下载地址:http://cygwin.com/setup.exe Step 2. 安装安装你下下来的Cygwin程序,基本上只需下一步就可以。在Choose A Down
闭包的一些简单看法 1、什么是闭包? 闭包是一个函数中申明了另一个函数。 2、闭包在什么时候能保存外部函数的变量? 必须外部函数执行后才能保存(指函数表达式被激活的时候,匿名函数表达式的激活有:call就是()调用,()分组,还有就是return的时候。) 函数是不是值得来锁定一个变量,是看该变量在调用这个函数的时候,是不是能在上下文作用域中找到这
正则表达式中的特殊字符---转载(http://www.blogjava.net/onejavaer/) 正则表达式中的特殊字符字符含意\做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*"。
oracle锁表与解表 http://blog.sina.com.cn/s/blog_694231520100syhx.html查询:SELECT lpad(' ', decode(l.xidusn, 0, 3, 0)) || l.oracle_username User_name, o.owner, o.object_name, o.object_type, s.sid, s.seria
fidder应用重定向 应用它的主要目的是:对于发布的现场或测试系统上的代码,开发人员无法像本地一样修改代码进行测试操作,所以使用fidder的重定向功能,拿到现场的js文件或css文件进行本地保存,再在本地进行修改,直接体现。 步骤: 1、下载Fiddler 连接:http://www.onlinedown.net/softdown/73207_2.htm 2、下载后,进行安装。。。。。。
分页查询 oralce sqlserver mybatic实现原理 oracel:实现原理SELECT * FROM (SELECT T.*, ROWNUM RN FROM PUB_USER T) WHERE RN BETWEEN 10(pageStart) AND 20(pageEnd);sqlservel: select top 5 * from pub_user wehre userID not in
模块化CSS的一些看法 模块化,最大的优势是代码的复用,这也是整个软件设计中最重要的准则。从面向过程编程再到面向对象又到面向组件 。。。。这些无不例外为了提高代码的复用率。将不变的集成起来,只去关注那些变动的部分,这就是要复用的部分,在设计模式中都遵循同样的道理。 编程与现实世界结合很紧密,有时你说有面象对像思想,到底怎么思考,并没有一个完全正确的思路,你可以将对象理解为一个个人,或洗车的各个零件,不同部分起个不同
UML 两天培训 从UML培训中收获最大的就是责任责任的重要性,1、从建模中的序列图的建立,建立起由计算机能完成的部分;2、需求,即用例图,主执行者与辅执行者,都是外界要求系统所做的功能。而此阶段不用考虑系统内的组件核心功能,只需知道能做什么。而这里也是找销售,找卖点。用例文档,从请求,验证,计算,返回,提醒。3、分析、主要是找核心问题(类图,与序列图)序列图中的方法,要注意是谁的。4、设计、关心类
javascript与java,连接字符串 问题: E6+E16+E20 变为:HK_E6+HK_E16+HK_E20 java: "HK_E6+HK_E16+HK_E20".replaceAll("([A-Z]+[0-9]+)", "HK_"+ "$1"); $1 为分组部分,第几个括号部分 js实现 方式 一致
设计模式的一些个人看法 1、模板模式 2、代理模式与装饰模式 1、装饰模式是“新增行为”,而代理模式是“控制访问”。 2、装饰模式是在原有基础之上增加额外的功能,而代理模式有两种情况可以使用第一种是延迟代理对象,对于大文件或者目前还未加载完的对象,使用比较合适。第二种为权限判断,在调用功能前判断当前用户是否有此权限 3、装饰模式以对客户透明的
前端组件编写经验————图片回去再传 Web应用已从单纯的HTML向RIA发展,用户在追求功能基础的同时,也更加青睐于快捷、绚丽和多功能效果的展现。目前基于前端UI组件的封装与开发是众多互联网公司的一种常见选择。然而与传统web页面相比,突然出现大量带有生命周期的javascript领域对象,无疑会减缓浏览器的执行效率与增加对应的内存消耗。在这里,我将带着在开发与重构大集中前端组件中所遇到的一系列问题,与大家一起分享在降低大量java
前端MVC_01 以前常关注后台的MVC,M即模型(数据vo以及处持久化操作等),V即展现方面,C控制,主要处理逻辑转向。而对于页面上的mvc模型,基本上与后台那套相差不几。体现优势:让js与html偶合性降低,复用与扩展性增加。最近最的项目中前端组件,也体现上面的思想————将后台传入的VO放在页面上,对于页面上某个标签的赋值,不需要再去访问标签,而是所有操作通过js处理。关于这个项目的思想我会在后面文章中提
js获取元素宽、高 取得元素高度: http://www.cnblogs.com/HuiFeiDeJian/archive/2011/07/21/2113093.htmljs与css浏览器兼容问题:http://topic.csdn.net/u/20110708/09/113A8425-006B-4C8D-9F9D-101010D1393D.html, http://www.cnblogs.com/leer/a