xiaomiya
- 浏览: 133457 次
- 性别:
- 来自: 杭州
-
文章列表
写个最简单的原生js的星级评分：
<div id="rank" class="pingfen">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<p>加载中</p>
</div>
<style type="text/cs ...
今天看到一个这样的基础js面题。就是让写一个字符串转成驼峰的方法：
如：border-bottom-color 》 borderBottomColor
想想应该有两种方法：
1，用传统的字符串操作。
2，用正则表达式的方法。
首先我们看看第一种的实现原理：我们要把-b和-c转成大写的B和C。那么我们可以用split()方法来进行分割
利用toUpperCase()方法来转大写。最后用join()方法来拼接。
OK
var str = "border-bottom-color";
function test(str){
var arr = ...
13年在部门做了一个简单的分享seajs，温故一下。
js模块化
我们看一下问题
1，当你的网站开发越来越复杂的时候，会经常遇到这些问题吗？
比如说冲突，比如说性能，比如说依赖
这些问题用模块化开发都可以解 ...
知识点温故而知新
1，什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。
也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。
好处呢：1，提高性能。
我们可以看一个例子：需要触发每个li来改变他们的背景颜色。
<ul id="ul">
<li>aaaaaaaa</li>
<li>bbbbbbbb</li>
<li>c ...
知识点温故而知新 ：函数声明和函数表达式以及他们的区别
//函数声明 function 函数名（）｛｝
//函数表达式 function 函数名（可写可不写）（）｛｝命名函数表达式，匿名函数表达式
/*function aaa(){}//函数声明
var a = function aaa(){}//命名函数表达式
var a = function(){}//匿名函数表达式
(function aaa(){})//函数表达式
~function aaa(){}
-function aaa(){}
+function aaa(){}
!functi ...
今天做一个项目中用到很多select，但是产品经理让制定的select可以用户输入首先想到的是1，用模拟select来实现2，就是不常用的clip属性来实现
1,第一种很常用的就是模拟select
<div class="select_box">
<p><span class="select_input">请选择</span><span class="select_tip"></span></p>
<ul class= ...
知识点温故而知新
提到闭包，我们就会问到这几个问题：
1，什么是闭包，
2，闭包有什么好处？应用在哪里？
3，闭包需要注意的地方？
下面我们就一一来解释这几点。
1，概念：函数嵌套函数,内部函数可以引用外部函数的参数和变量，参数和变量不会被垃圾回收机制所收回。
//闭包的写法，，不回收
function aaa(a){
var b=5;
function bbb(){
alert(a);
alert(b);
}
}
function aaa(){
var a = 5;
function bbb(){
alert( ...
最近做了一个活动页面需要做到轮播效果，并且有左右点击，和上面的tab切换类似的。
就用原生代码写
html结果
<div class="img33" id="carousel">
<img src="images/img01.jpg" />
<a href="###" id="oleft" class="left"></a>
<a ...
最近做了一个仿win8的磁铁效果使用seajs封装模块，，并且通过传参做到通用。js代码如下：
//@charset "utf-8"
define(function(require,exports,module){
function initCt(wrapSelectStr,wrapInner,topValue,into)
{
$(wrapInner).mouseover(function(){
$(this).attr("notMoveFlag", 1);
$(this).find(into).show();
});
$(w ...
接上一篇的。(4300,5128) on() trigger() 事件操作的相关方法(5140,6057) DOM操作 添加，删除，获取，包装，(6058，6620) css() 样式的操作，如：兼容性，像素，百分比等等都有处理(6621,7854) 提交的数据和ajax()的操作。如：ajax(),load(),getJson()等等方法(7855,8584)animate() 运动的方法(8585,8792)offset() 位置与尺寸的方法.(8804,8821)JQ支持模块化的模式(8826) window.jQuery = window.$=jQuery; 提供对外的接 ...
逐行分析jQuery源码奥秘-1
我们要把jquery先从整个大局的分析，在从大的模块分析，最后在逐行分析。
()()把匿名函数放到小括号里，，匿名函数自执行，好处(就是在这个匿名函数里面写的都是局部，防止冲突)。全部 是局部的那也不行，我们也要在外面找到一些方法 如：$(),所以要对外提供接口。（8826）window下挂载$()与JQuery();(function(){(21,94)定义了一些变量和函数 比较重要的一个函数 JQuery = function(){}；就是我们通过$或者jquery找到这个方法。8826行提供对外的接口就可以 ...
IE6，IE7margin导致下级div出错
<div class="speech" style=“width：100px；margin-left：10px；”>
<textarea>我也要参与交流</textarea>
</div>
在ie6，和IE7中，textarea左边也会继承10px 的margin值。
我解决的办法是margin改成padding就可以了。
js事件监听是学习js过程中必然要学习和掌握的。下面是js事件监听的代码
function addEventHandler(target, type, func) {
if (target.addEventListener)
target.addEventListener(type, func, false);
else if (target.attachEvent)
target.attachEvent("on" + type, func);
else target["on" + ...
前端开发工程师如何在2013年里提升自己
发布时间：2012-12-28 11:32 分类： IT技术 都等你发言
分享到：
大部分人非常在意个人在技术上的提升。但是保持对新技术的了解是一项不小的挑战， 毕竟我们需要的信息在数量上过于庞大。2012年里，伴随着前端发展的是大量的革命性突破和对前端的重新定义。
我们在实践的路上飞速前进，具体的进步体现在使用抽象化，优秀的代码质量，维护性上的提升以及更好的性能。如果你实在忙到没有时间来跟上最新的技术，不用担心。
随着假日的来临，我们就有了一些空闲的时间可以自己支配，我想，如果我把我收集的前端相关的精品讨论列表分享出来，那一定会对大家有一些 ...
今年公司来了不少新童鞋，在css中还是用中文的字体来表示字体。推荐看看，css样式中最好不要出现中文。中文名 英文名 Unicode Unicode 2 Mac OS Windows Office华文细黑 STHeiti Light [STXihei] \534E\6587\7EC6\9ED1 华文细黑华文黑体 STHeiti \534E\6587\9ED1\4F53 华文黑体华文楷体 STKaiti \534E\6587\6977\4F53 华文楷体华文宋体 STSong ...