标签：前端开发
共 64 篇文章
Easy Way to Install Nodejs on Ubuntu 16.04(Useful!!!!)
There are many methods to install on Ubuntu, such as NVM, n, PPA, complie, But if just want to install specific version, it would be easily. Just do as follow.
CSS3 first-child not work
For some reason, I tried to use CSS3 selector :first-child, but it not works in my project.
Date.parse() method not work in IOS
Maybe it's a big bug that I had experienced recently, when I use JavaScript method Date.parse('2016-10-24 18:36'), two different outputs in Android and IOS. In Android it output the right timestamp which i need, but in IOS, it can not get the timestamp.
Inject jQuery into Any Webpage
Even MVVM framework is more and more popular in the web front developments, but the strength of jQuery cannot be replaceable. Sometimes, we need the jQuery's useful APIs to achieve some complex actions, but many webpages give up jQuery, so some skills is needed to inject the jQuery into the webpages which had abandon the jQuery library.
继续阅读ES6 Tips in Chrome (2016-08-08)
Nowadays ES6 is more and more popular in front end development, so I plan to learn and practice it via Chrome browser. Why is Chrome? Because it can support most of ES6 features(Nearly 97% until 2016-08-08), but I also find a few method that it can't support.
继续阅读jQuery $.ajax Method Ignored the Undefined Values
Recently, I used jQuery to get the data from the server client via $.ajax method. As we known that, we should send the request with some parameters. The code as follow.
继续阅读JavaScript和jQuery中获取div宽度和高度的方法小记
前文 关于CSS中box-sizing属性的一点心得 中介绍了关于box-sizing 并顺带写了一下盒模型，突发奇想了一个问题：使用 JavaScript 和 jQuery 获取的宽度是盒模型中的哪一部分的宽和高呢？
继续阅读关于CSS中box-sizing属性的一点心得
最近需要写这样一个布局：一个父元素，里面有两个子元素，两个子元素的宽度为父元素的一半。这在CSS中倒是一个很简单的问题，所以很容易就有如下代码。
<style type="text/css">
*{
padding : 0;
margin : 0;
}
#outer{
width : 600px;
height : 300px;
background : red;
color : white;
}
#outer:after{
content : "";
clear : both;
}
#in1{
width : 50%;
height : 80%;
float : left;
background : blue;
}
#in2{
width : 50%;
height : 80%;
float : right;
background : green;
}
</style>
<div id="outer">
<div id="in1">
IN1
</div>
<div id="in2">
IN2
</div>
</div>
XMLHttpRequest中的进度事件响应及注意事项
在W3C的标准中制定了关于XMLHttpRequest 2级的相关规范，增加了许多极其有用的方法，如loadstart,loadend,progress等。最近写了一个应用需要监控上传信息，有一个细节很有意思，这里记录一下。