青春..荒唐
- 浏览: 974102 次
- 性别:
-
最新评论
-
ouyida3：
大年初一写技术博客，牛
多种方案实现 CSS 斜线 -
青春..荒唐：
标准①lang 属性规定元素内容的语言，lang=" ...
前端面试问题总结 -
青春..荒唐：
新增1：①垂直居中一个img：img{ display: ...
前端面试问题总结 -
青春..荒唐：
新增：①事件委托：利用事件冒泡，自己所触发的事件，让父元素代替 ...
前端面试问题总结 -
田进丰：
居然还有java代码？
基于jQuery图片轮播
文章列表
最近由于工作和其他事情的原因，很久没有写博客了。部分文章直接写到了个人网站，所以更新较少。
今天闲下来制定一下近期规划
（1）微信小程序
（2）JS深入研究及框架源码
（3）移动端jquery mobile框架
（4）UI相关知识的深入学习
博客的话以后尽量每天一更，记录自己在学习和工作里的点滴。
这里记录下长期以来的易错点，以后会不断更新
1.CSS系列之Less 参考链接：http://blog.csdn.net/p312011150/article/details/73331300
2.绝对定位absolute
我们经常错记成绝对定位是相对于有相对定位属性的祖先级元素进行定位， ...
经常能看到两种导出模块的方式：module.exports和exports。穿插一个必备小知识：在文件a.js中用exports或module.exports导出的对象（方法、变量），可以在另一个文件b.js中通过require('./a')引用。
module和exports是Node.js给每个js文件内置的两个对象。
在node.js中打印console.log(module)可以看出 module 和 exports 都是node中提供的两个对象，其中module里包裹着exports
Module {
id: '.',
exports: {},
...
【前言】
本文简单介绍下JS基础数组与伪数组
【主体】
1.基本用法
window.Array是全局函数（也是函数）
Array()与new Array()是一样的效果在JS中基础类型与复杂类型不同
【前言】
本文简单举个案例，涉及继承
【主体】
小贤是一条可爱的小狗(Dog)，它的叫声很好听(wow)，每次看到主人的时
候就会乖乖叫一声(yelp)。从这段描述可以得到以下对象：
function Dog() {
this.wow = function() {
alert(’Wow’);
}
this.yelp = function() {
this.wow();
}
}
小芒和小贤一样，原来也是一条可爱的小狗，可是突然有一天疯了(MadDog)，一看到人就会每隔半秒叫
一声(wow)地不停叫唤(yelp)。请 ...
【前言】
最近在给学生整理面试题，这里简单记录下课堂遗落的一个知识点，即阻止事件冒泡stopImmediatePropagation函数和stopPropagation函数的区别
【主体】
在事件处理程序中，每个事件处理程序中间都会有一个event对象，而这个event对象有两个方法，一个是stopPropagation方法，一个是stopImmediatePropagation方法，两个方法只差一个Immediate，这里就说说这两个方法的区别
1、stopImmediatePropagation方法：
stopImmediatePropagation方法作用在当 ...
【前言】
本文主要介绍下JS的Error name相关属性.
当 JS 引擎执行 JS代码时，会发生各种错误。
①语法错误，通常是程序员造成的编码错误或错别字；
②拼写错误或语言中缺少的功能（可能由于浏览器差异）；
③来自服务器或用户的错误输出而导致的错误；
④由于许多其他不可预知的因素；
当发生错误时，JS通常会停止并产生错误消息。技术术语是这样描述的：JavaScript 将抛出异常（抛出错误）。JS实际上会创建一个Error对象，该对象带有两个属性name和message。
【主体】
（1）Error对象
JS拥有当错误发生时 ...
【前言】
本文简单介绍下link与@import区别
【主体】
（1）@import优缺点
@import可以在css中引入其他样式表利于修改和扩展
第一种：css文件引入
@import “test1.css”;
@import “test2.css”;
第二种：html中在 ...
【前言】
毕业季即将到来，简单总结写常问面试题，希望对大家有所帮助。
本文主要讲解下url、href、src区别
【主体】
（1）url
①简介：统一资源定位符（或称统一资源定位器、URL地址等，英语：Uniform Resource Locator，常缩写为URL），有时也被俗称为网页地址网址。如同在网络上的门牌，是因特网上标准的资源的地址Address。
②URL的语法规则：比如网址 http://segmentfault.com/html/index.asp，必须遵守以下的语法规则：
scheme://host.domain:port ...
【前言】
本文主要讲解下助手安装方式
【主体】
敏感词问题，将文章发布到博客园Chrome安装助手踩坑
.
【前言】
近期文章发布到博客园，今天有个同事为了个问题。原生js实现左右滑动轮播的案例。给他写了个简单的，详细注释加到了代码里，这里分享下
【主体】
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>轮播</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
li ...
【前言】
JS中经常遇到字符串换行，这时除了拼接外，还可以通过\，即在每行字符串后加入’\’表示换行。
【主体】
通过案例简单了解下
var x = "我的\
公司市值\
2000亿美元"
console.log(x);
.
【前言】
今天有个同事问了道问题，jquery的动画想实现转换类效果，发现无效。。。
【主体】
首先w3c中展示的animate的支持属性:
所以这是jquery本身代码库的问题，animated方法中没有封装transform属性
解决方案：
（1）css方法
$($sub).animate({},5000,function(){
$(this).css({'transform':'translateX(300px)'});
})
在动画函数的回调函数里执行。时间和效果就没了意义，毕竟函数是在动画完成之后才有调用
（ ...
【前言】
今天有个参加工作的学生问了道问题
描述：子元素设置绝对定位，并不需要一定给父元素设置相对定位。祖先元素有定位属性即可。那为什么在开发过程里，经常给父元素设置相对定位，然后给子元素设置绝对定位呢？
【主体】
针对这个问题，也是前端里经常出现的一个问题。有的入门不久的经常按照编程习惯记成“子绝父相”，即子元素绝对定位，那么父元素一定要设置相对定位。
这个只是编码习惯造成的错误理解。。。
之所在开发里经常给父元素加相对后再给子元素加绝对定位，是因为父元素加相对定位后才不会摆脱流式布局，其他定位属性会让其摆脱流式布局的文 ...
【前言】
本文简单介绍下冒泡排序
【主体】
1.比较相邻的两个元素，如果前一个比后一个大，则交换位置。
2.第一轮的时候最后一个元素应该是最大的一个。
3.按照步骤一的方法进行相邻两个元素的比较，这个时候由于最后一个元素已经是最大的了，所以最后一个元素不用比较。
详见文章冒泡排序
.