前端乱谈

不写程序的时候写写文

ES6写JSDoc的一些经验和实例

ES6写JSDoc的一些经验和实例 关于JSDoc和它的基本语法支持,请参考官方文档:http://usejsdoc.org/。虽说官方文档还是比较全的,实际使用中还是需要摸索一下适合自己项目的写法,并考虑最终文档生成工具的支持。 例1:Object类型在function中的定义 假设我...

2018-09-10 11:40:36

阅读数 537

评论数 2

为Git库设置持续集成做自动化测试(TravisCI + Github)

CI - Continuous Integration 也就是持续集成。关于持续即成的概念可参考其他大神的日志:http://www.ruanyifeng.com/blog/2015/09/continuous-integration.html。 随着近年Devops的盛行,市面上CI服务提...

2018-08-28 13:02:11

阅读数 299

评论数 0

手把手教你为Javascript/Node Github库设置测试覆盖率徽标(Coverage Badge)

# 手把手教你为Javascript/Node Github库设置测试覆盖率徽标(Coverage Badge) 怎样让一个Github库变得炫酷起来?很简单,README.MD文件作为库的封面,可以做很多文章。 最显眼的应该就是badge(勋章)了。勋章通常位于库标题下方,或是动态生成,...

2018-08-27 14:23:51

阅读数 185

评论数 0

用Javascript如何拷贝指定文字?

页面上给用户提供一串字符(通常是URL或者分享代码),然后旁边有个拷贝按钮可以让用户直接点击复制是个很常见的简单的功能.但真的要去做的时候,发现一切并没有我理想当中的那么简单. 浏览器为了确保是用户自己做的操作,复制的内容必须是“选中”的,“可见”的。除此之外,还需要考虑头疼的浏览器兼容问题。 ...

2018-01-14 19:59:42

阅读数 1299

评论数 0

用JS分析、导出CSV文件

CSV是comma separated values的缩写,现已成为常用的数据文档格式之一。虽说它可以用Excel等表格处理软件打开修改,但它本质上是个纯文本文件,并且格式相当简单:每一行数据为行,每一列数据由分隔符隔开。因此,在分析CSV文件的时候,我会选择将其转为二维数组或一组Object便于...

2017-11-19 16:30:29

阅读数 4502

评论数 0

配置bash on windows前端开发环境

在不需要安装虚拟机的情况下,安装一个ubuntu命令行作为一个windows的程序来使用

2017-11-04 23:36:26

阅读数 338

评论数 0

Ember.js的那些坑

用了一年Ember.js,从2.3到2.10,因为数据量大,以及项(xu)目(qiu)的复(bian)杂(tai)性踩了不少坑,感觉再也不会爱了。在把这个锅甩出去之前,小小总结一下,以示后人,知己知彼方能百战百胜。注意,这篇我只吐槽。

2017-04-25 00:14:14

阅读数 9068

评论数 0

使用Yeoman你必须要知道的

不得不说,这年头写JS程序变得越来越复杂了。虽然大家都为了让写JS变得更简单而创建框架、创建工具,但是感觉已经开始偏离了最初的目的。 今天来说说Yeoman,一帮人为了让写AngularJS程序更高端智能而创建的一个工具。可以利用简单的命令行操作帮你初始化一个Angular App,CSS、图片、...

2014-09-22 21:42:08

阅读数 2026

评论数 0

用GruntJS合并、压缩JS文件

长期东忙西忙,却不忙更新自己的博客,缺少输出,甚为惭愧 记得我当初刚接触GruntJS的时候对NodeJS一知半解,所以第一次使用花了些时间才熟悉起来。本文希望能帮助朋友们快速入门。 为什么要合并、压缩你的JS文件? 在开始之前,先重申一下这个问题。因为经常在帮忙改东西的时候看到HTML页面上引用...

2014-07-07 23:38:23

阅读数 1842

评论数 0

用jQuery UI做简单九宫格拼图(2)

上一篇中介绍了一个简单的拼图。缺点是图片只要放对位置,就不会再被拖动。现在我们可以把这个拼图的代码稍加修改,给它增加一些难度。(改动的代码我会用注释的方式作为比较和参考。) 继续沿用上一篇中的HTML结构,小修CSS:#jigsaw IMG.dropped{ position:absolut...

2014-07-05 21:02:19

阅读数 947

评论数 0

Web Responsive Table, 只需CSS使table在手机和平板中完美显示

在做responsive或者手机版页面的时候,经常碰到在手机和平板中会因为长度问题把页面撑大。最近看到一个比较好,比较方便的方法,而且仅仅用CSS 2就可以实现! 实例URL:http://dbushell.com/demos/tables/rt_05-01-12.html 已经验证支持webki...

2014-04-03 19:15:41

阅读数 2758

评论数 0

BUG笔记:Win8 IE10下input[type="password"]内字符显示被截取问题

这个BUG发生的截图: 这是发生在Windows8 IE10下,type为password的input文本框内输入长串字符后,初次失去焦点的时候会发生的一个BUG。 发生BUG的原因是这个文本框上应用的字体为@font-face指定的非web-safe字体。 不过我并未使用多个web...

2014-03-27 11:40:50

阅读数 1073

评论数 0

[Google Maps API 3]Marker从Clusterer中分离及Marker置于Cluster上一层的解决办法

在Google Maps API的使用中,经常用到Clusterer来避免过密的Marker显示。但仔细看一下Clusterer的设置参数中并没有直接将某些Marker除外的方法,那遇到这样的需求,怎么做呢?以下是我从StackoverFlow上获得的解答,也是实践下来最佳的方法: 思路很简单,就...

2014-03-18 22:53:53

阅读数 1345

评论数 0

BUG笔记:Firefox select选项右侧边框没了

Firefox 的default select在某些情况下右侧边框会消失。截图如下: 这个目前为止没有看到有任何解决方案,HACK也没有。。。囧。。。 有高人知道吗?

2014-03-04 17:53:09

阅读数 1164

评论数 0

BUG笔记:Win XP IE8下HTML Parsing Error: Unable to modify the parent container element before the child

[Bug描述]Windows XP IE8的某些版本下页面只显示一部分,其余为空白。IE左下角有惊叹号报错标志,点开后显示字符如下: HTML Parsing Error: Unable to modify the parent container element before the chil...

2014-03-01 00:12:23

阅读数 1549

评论数 0

iOS中textbox文本框清除圆角

在iOS、Mac safari中,所有的textbox, select, checkbox都会被强制美化为圆角。但在特殊情况下需要清除圆角时发现iOS中使用以下传统的css无效:border-radius: 0; -webkit-border-radius: 0;然后无奈之下用了以下代码才奏效: ...

2014-02-23 21:53:56

阅读数 1209

评论数 0

用SCSS需要小心IE对css的几个限制

IE对CSS的限制主要有两个: 一个页面中引用的CSS只读前32个一个CSS文件中只读前4095个选择器 关于这个问题的文章有很多,我就不细讲了。 我想讲的是在用SCSS写CSS的时候非常容易超过这第二个限制。SCSS的继承,MIXIN和其他特性非常好用,我们可能会分成很多个文件,这些文件都...

2014-02-16 17:23:57

阅读数 2196

评论数 1

BUG笔记:Android原生浏览器不认负百分数margin致Foundation Orbit往右滑动动画出错

一看这标题就知道无比蛋疼了是不?至少我从来不用安卓自带的浏览器。。。 发现这个bug的场景:万恶的Foundation,它的滚动图片插件Orbit在安卓自带浏览器下手指从左往右滑动时动画仍旧表现为从右往左滑动。只有在安卓自带浏览器下会发生哦! 罪魁祸首是foundation写这个插件时候用jQ...

2014-02-14 10:53:14

阅读数 1615

评论数 3

Bug笔记:Google Map第一次缩放位置偏移

这是个让人蛋疼的bug,认真查看Google maps API文档的童鞋们一定不会碰到。 我的同事为项目写了个针对map这块的jQuery plugin,然后在项目测试中发现,刚加载完页面时,直接点击map上toolbar的zoom in/out按钮或者用鼠标滚轮对地图进行放大缩小时,位置不...

2014-02-12 11:11:10

阅读数 1090

评论数 0

Bug笔记:-webkit-appearance:none导致无法获取checkbox值

这个BUG发生的背景有点复杂。大概就是一个Form表单,要用Validation Plugin验证,Ajax提交。结果发现在Webkit浏览器下无论怎样都阻止这个form在提交的时候刷新整个页面。 最后总算抓到元凶是checkbox上的-webkit-appearance:none属性。 ...

2013-01-17 10:51:20

阅读数 5035

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭