卡布洛-CSDN博客

原创 SASS安装教程详解

最近，机缘巧合之下，研究了一下SASS，但是在安装的过程中，却发现了很多坑，在此特意做个分享，让大家迅速方便的安装SASS。第一步：下载RubySASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SASS。因为本人比较穷，买不起苹果本，所以暂时只介绍window环境下SASS的安装。最新版本的Ruby是2.3.1，我们使用神器RubyInst

2016-10-28 13:52:47 1717

原创用面向对象的编程思想去写js

有时候，还会看到一些搞前端的朋友或者苦逼被迫兼职写前端的后端朋友，去写js的时候，还是一个方法一个方法的去罗列。就像下面这样：function click1(){ alert("1");}function click2(){ alert("2");}function click3(){ alert("3");}或者高级一点的就这么写：var MyC

2016-08-05 14:46:29 4645

原创【探究jQuery】jQuery.extend 和 jQuery.fn.extend 的区别

jquery在拓展方面，提供了两个很强大的方法：jquery.extend和jquery.fn.extend。接下来我们来深究一下这兄弟俩的具体区别。其实从字面上我们就可以看出，一个是对jquery的extend，一个是对jquery.fn的extend。这么说可能有点笼统，但是很方便理解。我们一步步来看。首先，理解jquery是什么我们知道，在使用jquery的过程中，我

2016-08-05 13:57:10 627

原创 GitHub使用教程详解（下）——Git的安装以及Git命令详解

上一篇GitHub使用教程详解（上）——官网操作指南[翻译]，是针对官网的guide进行了翻译，其实个人来说，我是很不喜欢那么操作的，又要等待页面加载，操作又慢！程序员嘛，还是直接敲入命令代码更迅速高效吊炸天！现在，就让我们一起来学习在电脑上安装Git以及Git的常用命令吧！废话不多说，想安装当然还是需要先把软件下载下来，巧妇难为无米之炊，没有丁丁，怎么造宝宝？Git安装教程第一步：下载git点击下

2016-08-02 18:32:26 6957 1

原创 ajax、反向ajax、jsonp详解

ajax详解什么是ajax其实ajax已经属于老技术了，现在几乎没人不会用了，在这里主要是把底层的东西给大家分享一下，以备应对装逼的面试官。ajax即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在

2016-08-02 17:02:19 5714

原创你创业为什么会失败？

自从“大众创业，万众创新”的方针提出来之后，各种创业公司如雨后春笋一样biu~biu~biu~的就冒出来了，然而结果如何呢？创业失败率高达80%，90后创业失败率高达95%，很多企业撑不过三年。为什么这么多的创业都失败了呢？可能很多人会说：——“哎呀，我们当时用户痛点没找准”——“哎呀，我们没拿到投资，要是拿到投资肯定……”——“哎呀，我们没赶上好时候，政策不好”——“哎呀，我们的想法被某某大公司抄

2016-07-09 20:42:52 2432

翻译 GitHub使用教程详解（上）——官网操作指南[翻译]

GitHub 指南原文地址：GitHub官网指南示例项目：Hello World十分钟轻松教学在学习计算机语言编程的过程中创建Hello World 项目是一个历史悠久的传统。当你接触一门新事物的时候可以用它来做一个简单的练习。让我们开始使用github吧！通过本文，您将会学到：如何创建和使用仓库如何创建和管理分支如何改变一个文件并将它提交到github上如何发起以及合

2016-07-06 17:48:23 53391 9

原创 Grunt安装教程详解

上一篇我们已经通过自己勤劳的双手和智慧的大脑把node给装上了，这一篇我们就来学一下如何安装grunt当然，grunt安全前提是得先装node，废话不多说，还是简洁明了的傻瓜式教程奉上Grunt是啥？ Grunt是一个带有内建的常用任务的基于任务的构建工具这么说可能你会有点晕+_+ 我们来通俗的说一下，平常我们的项目中，可能需要不停的做一些重复的任务，例如压缩（minifi

2016-06-30 17:34:56 22002 11

原创 node安装教程详解

沉寂多年，不忍心被时代所抛弃，本菜鸟又要重出江湖了！啥也不多说，直入正题！Node.js是啥？ Node.js是一个Javascript运行环境(runtime)，是一个基于Chrome JavaScript运行时建立的平台。实际上它是对Google V8引擎进行了封装，用于方便地搭建响应速度快、易于扩展的网络应用。V8引擎执行Javascript的速度非常快，性能非常好。N

2016-06-30 12:16:35 14169 1

原创全自动遮罩层插件layer2.0版本发布（可传参），兼容IE7以上

遮罩层是我们在网页中经常用到的一种功能，本人将其封装成了一个插件，以便更快捷方便的使用。此插件原理很简单，首先生成一个遮罩背影，然后计算内容显示窗体所要距离浏览器上下的距离进行定位，当浏览器窗口大小发生变化后即时变动，且内容显示窗体不随滚动条滚动而滚动。引用方法： *注：请不要将自己的任何标签的id命名为layer,id为la

2015-09-18 13:57:30 6115

原创 css3新属性placeholder兼容ie7/ie8

IE7和IE8发布时间较早，而且微软老版本浏览器支持一向不好，css3的新属性placeholder在IE7和IE8上完全不支持（本人已完全放弃IE6），为了让IE7和IE8也能够用上如此好用的css3新属性，写了一个插件来做下兼容。此插件原理很简单，运用blur和focus和keyup等事件来设置input的value或者textarea的text,以此来模拟placeholder的性能

2015-09-18 13:52:53 4452

原创 jquery模拟实现仿select效果

本着服务为人民的远大理想，最近写了个jquery模拟select效果的小东东，挺好用，分享下。可以直接在我上传的资源里下载压缩包，下载地址：jquery模拟实现仿select效果。首先，上html页面代码js模拟select 省份北京河北省山东省城市

2015-07-14 16:24:28 7629 1

原创 input标签实现让光标不出现！

最近遇到一个很让人着急的问题，我在运用input的标签的时候，我不想让光标出现，因为input内容是系统给定的，不让用户更改。可能有人会说，直接用div模拟一个input出来，这样在条件允许的情况下也是比较好的选择，但很遗憾，我的条件不允许我模拟，就必须用input！这时候很自然的想到了input标签的readOnly属性，设置上之后，发现点击的时候，虽然不能更改内容，但是有小光标出现，要

2015-06-16 11:39:50 40895 3

原创【积少成多】各种js或者jquery或者html或者css等微知识------持续更新！

一、attr("src"," ") 属性在ios端图片切换异常问题。当我们让一个图片显示/隐藏的时候，如果用到这种方法：$(".aaa").attr("src","../images/logo.png");-----显示$(".aaa").attr("src"," ");-----隐藏在ios端可能会出现图片隐藏的时候并没有隐藏掉。解决方法：隐藏时用此种写法: $(".a

2015-06-10 10:42:10 707

原创论——中国互联网企业该如何管理？

偶然间看到一篇文章，说的是目前招聘、培训、管理而后评估的传统模式应该被推翻也注定被推翻，深有感触，遂写下自己的感想。第一点，不要招聘。目前国内各个行业，尤其是互联网行业，每到年初，毕业季，都会迎来招聘潮流，而年底以及年后年终奖发放之后，则会迎来员工离职潮。本人认为，招聘，就必须有专门的hr，企业还要相应的预约，安排面试，甚至还要复试，既浪费应试者世间，也浪费面试人员时间，而且从

2014-11-21 16:58:06 1121

原创【备用】标准CSS引用自定义字体格式

如题，本文为备用篇章。自定义CSS引用字体

2014-08-14 12:56:56 909

原创自写日期年月日三级联动效果jquery插件

哈哈，好久没写新博文啦，原因是最近一直在研究用jquery UI实现截取头像的功能，哈哈言归正传，有时候呢，我们会在用户资料的页面用到一个年月日日期的三级联动效果。在网上找了找，没看到有多么合适的（主要是本屌丝倾向于用jquery写成插件的形式使用，哈哈~~）这篇博文呢，主要目的是给大家看下我用jquery写成插件的形式。原理很简单，就是判断闰年，然后在select chang

2014-07-17 13:50:38 6153 4

原创 CSS截取字符串，多余文字用省略号显示

最近才知道css也有这么叼炸天的一面~~~做个类似论坛的页面，用户头像70px，但是用户名没法限定啊，英文中文都可以，你说他要是取个“我的名字好长呀，你该怎么办呢”，那老衲不就蛋疼菊花紧了~~幸好，老衲于不幸中的万幸中发现了css这么叼炸天的一面，以前一直不知道，写出来分享给大家很简单，大屁不多放，直接开菊花：css里面如下设置：a.name{ line-height: 30

2014-06-16 13:47:39 7750 1

原创 checkbox的attr("checked")一直为undefined问题解决方案

最近本屌丝应项目开发需求，需要做个一个全选的checkbox功能。哎呀吗~~这不是很简单的事情么，一个总的checkbox，N多个子checkbox，总的checkbox一旦选中，子checkbox全部选中，总的一旦不选中，子的也都不选中。拿到这个小需求，本屌丝一阵窃喜，多么简单的功能啊，OK，两分钟完事~~~时间一分一秒的过去，本屌丝内心奔腾的草原的马儿，从一直逐渐增加到了千万只~~

2014-06-13 12:48:49 1328

原创自写图片遮罩层放大功能jquery插件源码，photobox.js 1.0版，不兼容IE6

阿嚏~~~话说本屌丝没啥开发插件的经验，但是天公不作美，公司需要让我自己开发个图片放大的插件但公司老大的话，犹如吾皇之升值，微臣必当肝脑涂地，莫敢不从啊~~~于是乎，作为一个超级小白，本人只能瞎研究了，幸好黑天不负屌丝人，本屌丝终于搞出来了，虽然不尽善尽美，但是功能还是可以用的啦先附上源码，求各种大神指导：/*******************************

2014-05-28 18:38:29 1968

原创自写jquery网页回到顶部效果，渐隐图标，引用js文件即可

唔，进来开发需求，当网页内容草鸡多的时候，用户就需要有个按钮快速回到顶部，而不是自己去滚滑轮~原本以为比较难的说，因为上头要求全部用js来实现，哪个页面引用，哪个页面显示。于是乎，本屌丝就尝试写了下，唔，没发现，还挺easy的说~~有屁我就快放了，直接上代码，屁放多了就成屎了~~唔，罪过，阿弥陀佛，阿门~~$(function(){ var $btn_top =

2014-05-26 19:01:09 1764 2

原创自写jQuery插件，实现简单网页遮罩层/弹出层功能，兼容IE6、IE7

本屌丝最近工作要求重写网站所有代码，so...极其蛋疼的事情出现了，管我的人要求不能用网上的插件，oh~~~my god!! 这是多么能让千万只草原上的马儿奔腾的要求~~~先实现一个比较简单的功能：需求：网页遮罩层/弹出层，兼容IE6幸好本屌丝以前聪明收集了个js的版本，so，自己改写成了jQuery插件形式的，方便以后使用。屁话不多放，无码无真相！/*************

2014-05-06 21:09:26 4470

转载 js判断浏览器类型以及IE版本

本篇文章乃本菜鸟搜的，手机下来以备以后shi'yong

2014-04-30 18:13:12 771

原创如何在页面加载完毕后获取图片高度或宽度问题

日前，本技术屌丝又遇到了一个很有意思的问题，应项目要求，需要在页面加载完毕之后获取图片的高度，以此来调整图片上面的覆盖层相对于图片顶端的位置。但在jquery(function(){ /*XXXXXX*/});里面写了之后发现不是很理想，因为当jquery准备就绪的时候，此时图片绝大部分情况下都没加载完毕，这可急坏了本屌丝~~~T~T本屌丝就想啊，要是jquery有个跟js的onload

2014-04-09 20:54:28 6219 1

原创万能js实现翻页，动态生成内容自动翻页，兼容各种浏览器（已测试）----神器版！

要求：动态输入内容，点击post生成内容条，实现自动翻页！废话不多说，直接上代码：js代码：var date=new Date();var myDate=date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear();var arr=new Array();var pagesize=8;var curpage=0;v

2014-02-10 21:22:41 11118 1

原创 360浏览器下禁止自动填写用户名密码

目前开发一个项目遇到一个很恶心的问题，本来在登陆界面输入用户名密码后登陆，选择记住密码后，在内容页里面的以及会把登陆界面输入的用户名密码填写在内容页里。而内容页是想建立新的子账户，这问题真叫一个恶心巴拉~~~当然，在火狐，IE8以上版本等高档次浏览器下不会出现这种情况。问题出在360！不负众望，本菜鸟经过了以下的尝试：第一种：把浏览器里的自动填写密码取消掉。很遗憾，这玩意对360毫

2013-12-27 11:25:52 4460

原创 input:checkbox多选框实现单选效果

最近遇到一个小小的问题，就是有时候我们使用单选radio的时候，会发现当我们选中一个之后，再也无法一个都不选了，即选中后没有取消的功能，此时便想到了功能强大的checkbox，但他是多选，怎么才能让他变成单选，效果跟radio一样呢，本菜鸟就自己写了个小程序，代码很简单，只有四行。废话不多说，直接代码：无标题文档$(function(){ $(":checkbox").cl

2013-07-24 11:06:15 14409 1

原创关于JS截取字符串以及截取数组项的几种常见方法解析

js字符串数组截取操作常用方法综合解析。1.substr()substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。语法：stringObject.substr(start,length)start:必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，0是指字符串中第一个字符，-1 指字符串中最后一个字

2013-07-17 15:13:09 21459

原创 Jquery动态添加及删除页面节点元素

通常我们会遇到选中某个条件，然后添加，累计多个后，再进行执行。废话不多说，直接上代码！Jquery动态添加及删除页面节点 .container{ width:1000px; margin:0 auto;} .top{ height:25px; line-height:25px;} .top select{ width:80px; height:22px; line

2013-07-13 22:42:03 4412

原创纯js实现div内图片自适应大小----神器版！

这代码实现的功能就是平常我们遇到的一个div里面包含img的时候，在img图片大小未知，div大小未知的情况下，让图片自适应大小，对于图片本身小于div容器大小时，不作处理。因为如果拉伸，图片可能就失真了。废话不多说，直接上代码，已测试，兼容火狐，谷歌，IE6，IE7/8以下是js代码： window.onload=function(){ changeImgSiz

2013-05-29 11:23:22 7187 1

原创解决火狐下焦点无法重复获取问题------神器版！

今天遇到了一个很棘手的问题，就是在做一些输入框的验证的时候，我这边项目的业务逻辑就是当我选中某个select的某个特定option的时候，需要显示出一个input输入框让用户输入东西，但是如果用户啥也不做，就必须弹出警告框让用户输入，等其输入后，我这边再将input隐藏掉。因此，便产生了如下问题，input输入框显示的时候，需要自动获取焦点，此时，我是用的document.ge

2013-05-23 13:18:16 1189

原创纯js实现Div在页面垂直居中！可根据浏览器大小的改变而改变！兼容各种浏览器----神器版！

今日，在csdn上看别人提问题的时候看到了这个需求，就是让div在浏览器中垂直居中！水平居中大家肯定都会了，只需要margin:0 auto; 就可以了，但是垂直居中，以前我也是搜了各种网页也解决不了，今天突发奇想，自己用js实现了！下面为源代码：无标题文档function getWindowSize() {//获取浏览器可见区域高度 va

2013-05-20 17:45:32 4944

原创万能js实现翻页，兼容各种浏览器（已测试）----屌丝版！

本js实现翻页是我现在初学js弄着完所写，很老土但很实用，兼容各种浏览器（已测试！），可以适用于从数据库读取数据之后对其进行分页。以下是用到的js，页面引用为：// JavaScript Document var curPage=1;//记录当前页码 var pageCount=12;//默认每页显示12条 function GetId(_obj) {//获取所显示的记录

2013-05-07 17:42:10 5143 1

原创在HTML页面加载完毕后运行某个js.

js方法：window.onload=function(){ var userName="xiaoming"; alert(userName);}以下为jQuery方法，需要引用jQuery文件。$(document).ready(function(){ var userName="xiaoming"; alert

2013-05-07 14:02:44 5353