- 博客(73)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 使用Sonar检查Typsscript和Javascript
本地有两个工程，一个Angular4的UI工程，使用Jest和Jasmine做单元测试，jest会出code coverage报告。一个后台Node工程，JS编写，用Jasmine做单元测试，istanbul出code coverage报告。项目需要集成Sonar进行代码检查。 步骤：1. 下载安装并启动SonarQubehttps://docs.sonarqube.org...
2018-07-24 11:05:10
2922
分组与“或者”的关系
正则表达式里面，表示或者用 “(xxxx|yyyy)”表示。分组也使用括号表示。如果用match函数执行一下带分组和“或者”关系的正则表达式，可以看出来“或者”关系的语法也被认为是一个分组。 正则： /.*(\/.*)\/\(((.*)\/\/|(.*)\)$)/ URL： http://localhost:3002/part1/(part2//popup:pop)...
2018-05-14 15:47:09
205
Angualr动态加载使用了继承的组件
class ParentComponent implements OnInit{ constructor(protected router: Router){ } ngOnInit(){ ... }} class ChildComponent extends ParentComponent { c...
2018-05-11 15:05:48
167
原创 DIV纵向撑满父元素
<div class="parent" style="width: 100%; position: relative"> <div class="left" style="position: absolute; top: 0; bottom: 0">1</div> <div class="right&
2017-12-06 15:32:31
1492
原创 Flaw: Constructor does Real Work
http://misko.hevery.com/code-reviewers-guide/flaw-constructor-does-real-work/
2017-11-29 21:38:27
99
原创 ES6学习笔记
学习资料：http://es6.ruanyifeng.com/#docs/function 1. 箭头函数中的this指代的是定义时的作用域而不是运行时的作用域。原因是箭头函数没有自己的this2. arguments, super, new.target这三个变量在箭头函数中也不存在，它们指代的都是定义时的外层函数的对应信息。3. 无法用call(), apply(), bi...
2017-11-21 09:33:54
73
原创 获取对象的属性信息
获取对象自己的属性的数量：var map = {'aaa': 'aaa'};Object.getOwnPropertyNames(map).length; // 1 判断对象中是否有某个属性：var map = {'aaa': 'aaa'};map.hasOwnProperty('aaa'); // true ...
2017-07-17 22:10:53
196
原创 用jQuery触发click事件导致回调函数中得到的checkbox的值错误
页面有一个checkbox，默认选中，并且绑定了click事件。在事件的回调函数中使用event.target.checked检查checkbox的最新值。用户通过鼠标点击checkbox，在回调函数中，event.target.checked的值是false，没问题。在Jasmine中，如果用jQuery触发click事件，在回调函数中，event.target.checked的值是...
2017-01-10 16:51:35
429
原创 设计模式六大原则
设计模式六大原则 作者：zhengzhb ，发布于2012-11-2,来源：CSDN 原文作者博客: http://blog.csdn.net/zhengzhb/article/details/7278174复制来源：http://www.uml.org.cn/sjms/201211023.asp 目录：设计...
2016-10-27 11:02:03
93
JQuery selector - not
<div class="table"> <div class="row header"></div> <div class="row"></div> <div class="row"></div>&a
2016-07-09 03:23:04
71
原创 如何得知是哪个方法调用了当前的方法
http://stackoverflow.com/questions/280389/how-do-you-find-out-the-caller-function-in-javascript arguments.callee.caller.toString()注意：对 var kkk = { aaa: function(){ mmm(); }};var mmm = f...
2016-05-26 09:42:01
244
原创 Java的Split函数要点
Java的Split函数，只支持正则表达式匹配。所以，在使用时要格外注意。比如： System.out.println("123|456".split("|").length);System.out.println("123|456".split("\\|").length); 输出结果，第一个是8，第二个是2。...
2015-09-07 12:02:43
117
原创 UML, 类图，时序图，数据流
http://wenku.baidu.com/view/3f5950751711cc7931b7165e.html
2015-07-17 13:56:31
373
原创 定位解决项目中的Defect
最近经常要解决以前没做过的功能的Defect，对业务逻辑和代码逻辑都不熟悉，使工作遇到了很大阻力。需要总结一下几个要点，以防忘记：1. 用原始帐号在DIT上重现问题，弄清楚Defect到底描述的是什么问题，现在是否还存在。有必要的话，还需要另换帐号重现。2. 用排除法！缩小问题范围，比如通过JS断点，检查Ajax的返回数据。若数据没问题，则可能是前端代码出问题了。若返回的数据有问题，则...
2015-03-23 08:47:23
192
原创 转载：用户体验的时间尺度
转自：http://cdc.tencent.com/?p=1685用户体验的时间尺度悟空 / 交互设计 / 2009.10.26 / 相关标签 理论 用户习惯14 从接触互联网开始，一直在关注每个网站页面浏览速度，不管大小国内外网站，而且每个用户的浏览时间都不一样，从而了解用户在浏览页面上时间体验尺度的重要性。前几天看了这文章觉得不错，所以译了其中一部分与大家...
2015-03-10 17:23:55
129
原创 CSS hack only for Chrome
转贴：http://stackoverflow.com/a/23594288@media all and(-webkit-min-device-pixel-ratio:0)and(min-resolution:.001dpcm){#selector { background: red;}}如果用@media screen and(-webkit-min-de...
2014-11-25 16:01:36
77
原创 letter-spacing影响文字行数
工作中发现，同样一段文字，在IE8，Firefox和Chrome中，行数不同。IE8和Firefox中行数相同，Chrome中行数要多一样。最终的解决方案是使用 letter-spacing: -0.2px; /* for Chrome */ 减小字母的间距，这样文字在3个浏览器中表现的结果就一样了。...
2014-11-20 21:05:16
154
原创 CSS清理浮动
转贴自：http://lightcss.com/all-about-clear-float/ 清理浮动的那些事儿（1）——6种清理浮动的方法发表于 2011年2月1日 由 Sivan文章目录[ - ]前言清理浮动的方法使用带有clear属性的空元素使用CSS的:after伪元素使用CSS的overflow属性进行怪异处理给浮动元素的容器添加浮动...
2014-11-13 14:20:47
85
原创 坑爹的BR标签
工作时遇到两个问题：1. <p><span>abc<br/> <br/></span></p>这个HTML代码，在IE中，span标签有3个自节点，分别是text, br, br。两个BR之间的空格没有被算成Text节点。Firefox中，两个BR之间的空格，也被算成Text节点了，造成Firefox中年，span的自节...
2014-09-24 14:45:04
163
原创 -webkit-min-device-pixel-ratio的顺序问题
因为非Retina屏的iPad的-webkit-min-device-pixel-ratio是1.0Retina屏的设备是2.0。所以如果想对这两类设备分别设置css样式时，可以使用@media screen and (-webkit-min-device-pixel-ratio: 1.0)和@media screen and (-webkit-min-device-pixel-rati...
2014-06-05 14:59:39
323
原创 如何清除和关闭Firefox的缓存
转自 ：http://feilong.org/firefox-ie-no-cache 网站开发特别是初级前端开发人员时经常会有这样的疑问：为什么我修改了代码，也刷新了页面，但是也没还是没有看到改动呢？这是浏览器缓存中作怪，特别是firefox浏览器，缓存很顽固，你有时间即使按下 ctrl+f5,或者点击浏览器的那个刷新图标，页面竟然还没如预期改变。如何禁用浏览器缓存？如何让fire...
2013-11-08 15:37:22
190
原创 Highcharts的donut图，中心圆圈的文字居中
转自：http://stackoverflow.com/questions/17286457/how-to-center-text-inside-donut-chart-embedded-in-combination-chart $('#container').highcharts({ chart: { events: { ...
2013-10-18 16:19:47
478
原创 使用HttpClient发送https请求
项目中需要用到HttpClient去网站请求数据，连接需要使用https方式。参考网上的各种资料，我的实现步骤如下： 1. 使用浏览器访问网站，导出网站的证书。2. 我使用的是jdk1.7，内含jre1.7。我在jdk1.7/bin目录中执行：keytool -import -keystore "my-jdk-jre-root/lib/security/cacerts" -sto...
2013-10-10 11:09:40
314
原创 工程启动报ContetLoaderListener和RequestContextListener配置错误
今天启动工程，报Error configuring application listener of class org.springframework.web.context.ContextLoaderListener错误在网上查找一番，得到几个解决方案：1. 缺少spring-web.jar2. web.xml文件中，listener标签要放在servlet标签前面3....
2013-10-07 10:33:26
197
原创 KeyPress和KeyDown事件对按键识别的区别
转自：http://bbs.csdn.net/topics/310249435#post-312366787 在按下与 ASCII 字符对应的键时将触发 KeyPress 事件。ASCII 字符集不仅代表标准键盘的字母、数字和标点符号，而且也代表大多数控制键。但是 KeyPress 事件只识别 ENTER、TAB 和 BACKSPACE 键。KeyDown 和 KeyUp 事件能够检测其...
2013-09-13 15:50:22
532
无法打开outlook, word, excel和ppt中的链接的解决办法
我在安装Safari之后，发现无法用浏览器打开outlook, word, excel和ppt中的链接了。每次点击链接都会弹出警告框：This operation has been cancelled due to restrictions in effect on this computer. Please contact your system administrator. 解决...
2013-08-06 15:21:30
460
原创 纯CSS气泡效果
转自：http://www.cnblogs.com/daxiong/articles/3158630.html纯CSS气泡框实现方法探究 气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示：拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个...
2013-07-29 17:18:01
142
原创 函数constructor的返回值与匿名对象
转自：http://www.zhangxinxu.com/wordpress/2013/07/jquery-%E5%8E%9F%E7%90%86-%E6%9C%BA%E5%88%B6/ 只要new表达式之后的constructor返回（return）一个引用对象（数组，对象，函数等），都将覆盖new创建的匿名对象，如果返回（return）一个原始类型（无return时其实为retur...
2013-07-29 15:07:25
247
原创 jQuery 元素内部全是浮动元素时使用slideToggle函数的注意事项
<div class="container" style="width: 100px; height: 50px;"> <div style="float: left; height: 10px; width: 10px;"></div> <div style="float: right; height: 10px;
2013-07-25 16:03:42
142
原创 使用javascript让文本框得到焦点和选中其中内容
转自：http://blog.zxnn.net/2008/01/javascript.html 得到焦点：element.focus();选中其中内容：element.select();得到焦点时选中内容：<element onfocus="this.select();" /> 另外一个选中指定长度字符串的方法：http://bbs.csdn.net/t...
2013-05-30 17:01:00
214
原创 如何防止window.open打开的弹出窗口被浏览器拦截
转自：http://www.cnblogs.com/litao229/archive/2012/02/24/2367056.html 经常有人用window.open()的时候被浏览器拦截了 比如btn.onclick=function(){ function aa (){ window.open("xxx"); } aa();}...
2013-05-30 14:52:47
106
原创 JavaScript的日期设置
Date对象负责处理日期和时间。API参见：http://www.w3school.com.cn/js/jsref_obj_date.asp 我们可以通过使用 new Date(year_value, month_value, day_value, hour_value, minute_value, second_value) 的方式，创建指定日期的Date对象。需要注意的是，mon...
2013-05-24 11:30:56
68
原创 Chrome插件开发练习 - 还未完成
manifest.json的内容：{"name" : "My First Extension","version" : "1.0","manifest_version" : 2,"description" : "The first extension that I made.","browser_action" : {
2013-05-23 16:46:18
115
原创 禁用Firefox的浏览器缓存
转自：http://www.yunbx.com/firefox-ie-the-chrome-to-disable-browser-caching/ firefox禁用浏览器缓存步骤:1)打开firefox浏览器:2)在地址栏中打”about:config”；3)找到”network.http.use-cache”；双击它直至它变为”False“。...
2013-05-16 14:27:11
89
原创 JavaScript break跳出多重循环
转自：http://www.cnblogs.com/gordonchao/archive/2011/04/15/2017406.html多重循环在编程中会经常遇到，那么在JavaScript中如何指定跳出那层的循环呢。其实这也是break的一个用法，下面是一个不错的例子，来自《JavaScript权威指南》，可以参考下：Code?<script type...
2013-04-22 16:45:07
64
原创 Java中跳出多层循环的简单方法
转自：http://developer.51cto.com/art/200902/108488.htm在Java程序中可能使用多层循环来处理复杂的逻辑。但如果要从最内层循环跳出最外层循环是比较麻烦。下面的代码是一个三层循环的例子：String[]arr=newString[]{"a","b","c"};for(Strings:arr){for(Stringss:arr)...
2013-04-22 15:45:44
116
原创 javascript事件对象 target,currentTarget,originalTarget,explicitOriginalTarget区别
转自：http://shuaigg-babysky.iteye.com/blog/1561188 console.log(e.target);console.log(e.currentTarget);console.log(e.originalTarget);console.log(e.explicitOriginalTarget); body上绑定的mousemo...
2013-04-22 15:41:18
230
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人