小屋博客

原创 js详解

原创 js面试题总结

以下都是整理出来的JS面试题，答案仅供参考。1、截取字符串abcdefg的efgalert('abcdefg'.substring(4));2、判断一个字符串中出现次数最多的字符，统计这个次数/*var str = 'asdfssaaasasasasaa';var json = {};for (var i = 0; i         if(!j

原创 WEB前端简历模板

详细资料            姓名：XXX                     出生年月：XXXX年X月                                              名 族：X 族               政治面貌：XXXX                                                       Q Q

原创 Bootstrap框架---CSS全局样式之按钮样式

预定义样式首先，我们先要链接css样式和JQ文件 使用下面列出的类可以快速创建一个带有预定义样式的按钮。DefaultPrimarySuccessInfoWarningDangerLink尺寸需要让按钮具有不同尺寸吗？使用 .btn-lg、.btn-sm 或 .btn-xs 可以获得不同尺寸的按钮。

原创 JQ选择器详解

一、什么是jq jq就是人家把js的函数封装好的一个库。二、为什么要用jq1、简化了js的复杂操作2、无需在去关心兼容性问题（最爽的一点）3、提供了大量的使用方法三、jq的选择器1、基本选择器#id：通过元素的 id 属性中给定的值$("#myDiv");element ：指向 DOM 节点的标签名$("div");.class 一个元素可以有多个类，只

原创 web前端简历的详解

一、基本信息基本信息就是介绍自己的姓名、性别、年龄、出生年月、婚姻状况、民族、籍贯、政治面貌、身高、现所在地、练习电话、电子邮箱等，其中一些事必须要写的，有些事不需要写的，看个人情况。二、求职意向我对于求职意向，有以下建议，大家可以参考以下：  1、切忌写很多意向，如果写了很多意向，特别是相关性不强的，我们会觉得你对自己的职业发展根本没有过思考，所以很盲目；  2、作为应届毕业

原创 css3选择器详细探索

css3选择器详细探索可链接W3School详细查看CSS3（以下简称C3）是一种用于屏幕上渲染html，xml的一种语言，C3主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样我们选择相应的元素就很重要了，如何选择对应的元素，此时就需要我们所说的选择器。选择器主要是用来确定html的树形结构中的DOM元素节点。C3选择器分开成4部分，第一部分是我们常用的部分，叫做基本选

原创 面试技巧

1、请你自我介绍一下你自己？ 回答提示：一般人回答这个问题过于平常，只说姓名、年龄、爱好、工作经验，这些在简历上都有。其实，企业最希望知道的是求职者能否胜任工作，包括：最强的技能、最深入研究的知识领域、个性中最积极的部分、做过的最成功的事，主要的成就等，这些都可以和学习无关，也可以和学习有关，但要突出积极的个性和做事的能力，说得合情合理企业才会相信。企业很重视一个人的礼貌，求职者要尊重考官，在

原创 系统对象的详解

JavaScript 本地对象、内置对象、宿主对象     以我个人的理解，本地对象，就是那些官方定义好了的对象。内置对象是本地对象的一种，其只包含Global对象和Math对象。而宿主对象则是那些官方未定义，你自己构建的对象加上DOM和BOM对象组成的。1、本地对象       ECMA-262 把本地对象（native object）定义为“独立于宿主环境的 ECMAScrip

原创 js面向对象的基本概念和使用方法

1、什么是面向对象？    OO(Object Oriented，面向对象)是当前计算机界关心的重点，它是90年代软件开发方法的主流。面向对象的概念和应用已超越了程序设计和软件开发，扩展到很宽的范围。如数据库系统、交互式界面、应用结构、应用平台、分布式系统、网络管理结构、CAD技术、人工智能等领域。    OO方法(Object-Oriented Method，面向对象方法) 面向对象的方

原创 网页框架与布局

1、网页框架与布局从我们的需求以及美观方面，现在于网页布局上考虑的就是以下几点：（1）视觉框架固定的模版，相同的布局框架，标志性的醒目信息栏（2）面板规划用可移动或收起的面板显示大量信息（3）界面平衡用对称的页面平衡视觉上对重点的注意力，在分辨率或页面大小改变时同时改变页面的信息量2、空间的利用率很多的网页都 具有一个特点，用一个字来形容，那就是“塞”，它将

原创 Ajax探究

1、什么是Ajax？    AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）    国内翻译常为“阿贾克斯”和阿贾克斯足球队同音。Web应用的交互如Flickr,Backpack和Google在这方面已经有质的飞跃。这个术语源自描述从基于Web的应用到基于数据的应用的转换。在基于数据的应用中，用户需求的数据如联系人列表

原创 js实现盒子的拉伸

拉伸盒子    前面我们实现了将一个盒子就行移动（拖拽），在这里我们将对盒子本身的大小进行操作，将盒子拉宽或者拉高。首先我们也是布局，给出一个盒子。 *{margin: 0;padding: 0;border: none;} body{padding: 100px;} #box{width: 150px;height: 100px;backgrou

原创 css布局-搜索框制作

对搜索框的制作    我们要实现下面的搜索框，我们首先去考虑怎么布局，以及代码的优化。制作这个搜索框方法很多，可以抹掉文字图片截取整个大框作为一个div的背景图，在写入内容即可；也可以直接用div来装内容，设置圆角即可。提供的两种方法都可以，也比较简单。                                我的做法就是用一个大的div装住里面的三个部分，左边绿色框，中

原创 css3渐变（Gradients）

CSS3 渐变（Gradients）线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向径向渐变（Radial Gradients）- 由它们的中心定义   语法:background: linear-gradient(direction, color-stop1, color-stop2, ...);例：

原创 js数组Array探究

1、创建数组    创建数组的方法有多个，我们用自己喜欢的写法就好。在创建数据组的时候，可以是一个空数组，也可以为他指定长度，也可以直接赋值给它。 var arrayObj = new Array();　 //创建一个数组 var arrayObj = []; //创建一个数组，和上不同写法 var arrayObj = new Array(5);　 //创建一个数组

原创 简易拖拽以及bug的修复

1、拖拽的实现    我们将实现一个盒子在屏幕窗口随着鼠标按下跟随者鼠标指针移到，当鼠标松开将会静止不动；若再按下又可移动盒子。我们先准备盒子，代码如下： #box{width: 200px;height: 200px;background: cornflowerblue;position: absolute;} js代码：

原创 js中的事件绑定

1、事件绑定    事件是用户或浏览器自身进行的特定行为.这些事件都有自己的名字,如click(点击),load(载入),mouseover(鼠标经过).用于响应某个事件而调用的函数称为"事件处理函数"或者"事件监听函数".事件处理函数有两种分配方式:1)在HTML页面中: //点击后执行JS代码中已经定义好的函数:doSome;2)在JS中: var

原创 js数据类型详细

1、js数据类型Javascript中的数据类型可以分为基本数据类型和复合数据类型两种:基础数据类型有5种：Undefined、Null、Boolean、Number和String。复合数据类型包括：函数（Function）、数组（Array）、Object（对象)。（1）基础数据类型1、UndefinedUndefined类型只有一个值，即undefined，使用

原创 js函数的理解

1、创建函数JavaScript 中需要创建函数的话，有两种方法：函数声明、函数表达式，各自写法如下：第一种： function fn() {}; 第二种： var fn = function () {};此外，可以说还有一种方法，称为“函数构造法” var fn = "{name:'color red'}"; var obj = new Fu

原创 js变量的声明、作用域以及闭包

1、变量的声明使用var多次声明同一个变量，是合法的，不会因此语法的错误；重复的声明并初始化变量值，只是相当于普通的赋值语句。读取一个未声明的变量值，js会产生一个错误。尝试给一个未经var 声明的变量赋值，js会隐式声明该变量，隐式声明的变量被创建为全局变量。无论是全局变量还是局部变量，最好都使用var进行声明。如果在var中没有初始化变量的值，则默认为undefined.当要声

原创 js事件归纳

在运用js去写一些特效的时候，往往会用到各种事件去触发特效，以下为我归纳的一些事件事件名说明onclick鼠标点击ondblclick鼠标双击onkeyup按下并释放键盘上的一个键时触发onchange文本内容或下拉菜单中的选项发生改变onfocus获得焦点，表示文本框等获得鼠标光标

原创 js中定义变量名有哪些规范

学习js的朋友一定要知道和注意，其实每种语言都有它的命名规则。下面总结了几条：a、变量命名必须以字母或是下标符号”_”或者”$”为开头。b、变量名长度不能超过255个字符。c、变量名中不允许使用空格，首个字不能为数字。d、不用使用脚本语言中保留的关键字及保留符号作为变量名。e、变量名区分大小写。(javascript是区分大小写的语言)举例：a：以字母或下划线_

原创 js中事件的应用

大家在页面上添加各种特效必不可少的运用到某些事件，比如点击onclick、经过onmouseover、离开onmouseout、移动onmousemove等，上面的为鼠标事件，还有键盘事件onkeydown，诸如此类的事件还有很多。这里我给大家介绍一点我了解的知识给大家，运用event对象和事件来处理一些事。首先，对event对象进行兼容性处理window.onload=function

原创 瀑布流图片布局

自pinterest网站爆红以来，国内一度掀起“仿PIN”狂潮，诸如花瓣、蘑菇街等等。正是如此，“瀑布流”式布局受到广大网民的青睐。众多知名JS库，也相继出现“瀑布流”布局插件，譬如jQuery的Masonry插件、KISSY的waterfall插件等。今天闲来无聊，我也自己动手弄了段原生JS代码，实现了简单的“瀑布流”布局效果，并且图片可以无线加载，当然肯定不能和以上那些优秀插件相提并论，有兴趣