2017年12月_娄笙悦

原创 js构造函数全面解析（面向对象编程基础）

面向对象编程（OOP）面向对象编程（Object Oriented Programming，OOP，面向对象程序设计）是一种计算机编程架构。 OOP 的一条基本原则是计算机程序是由单个能够起到子程序作用的单元或对象组合而成。 OOP达到了软件工程的三个主要目标：重用性、灵活性和扩展性。为了实现整体运算，每个对象都能够接收信息、处理数据和向其它对象发送信息。面向对象与面向过程的区分

2017-12-27 21:58:36 318

原创 BOM对象处理

BOM是什么？BOM是browser object model的缩写，简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是- windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3CBOM最初是Netsc

2017-12-24 22:20:24 363 2

原创 js定时器setInterval和setTimeout

js定时器就2个方法，非常简单，直接看代码： window.setInterval(function(){ //handle },1000); // 这里表示每隔1000毫秒执行一次function(){...}方法 window.setTimeout(function(){ //handle }, 3000); //这里的3000表示3秒

2017-12-24 20:38:44 664

原创 js 正则表达式入门到“能干活”

看到这个文章标题就感觉非常的奇怪对吧。其实一点不奇怪，看看下面几个小例子，如果能够秒懂，说明你的js正则表达式已经懂了，再下面的东西估计都是多余的。先来看看replace() 方法 var str = 'I like apple'; str = str.replace('apple', 'banana'); console.log(str); //I li

2017-12-23 18:44:57 387

原创 dom对象处理

什么是DOM? DOM是W3C标准（是HTML文档对象模型的英文缩写，Document Object Model for HTML）。 DOM定义了用于HTML的一系列标准的对象，以及访问和处理HTML文档的标准方法。通过DOM，可以访问所有的HTML元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。 DOM独立于平台和编程语言。它可被

2017-12-23 16:59:42 492 1

原创 html5 浏览器缓存 sessionStorage 之 LsySession.js插件的使用方法

LsySession.js的使用方法sessionStorage是什么？sessionStorage是HTML5提供的没有时间限制的数据存储方法。相比cookie，它的存储容量更大，读取更方便。sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。。由于使用sessionStorage所提供的setItem()、getItem() 、remo

2017-12-23 12:40:23 889

原创 html5浏览器缓存 localStorage 之LsyStorage.js插件的使用

localStorage是什么？localStorage是HTML5提供的没有时间限制的数据存储方法。相比cookie，它的存储容量更大，读取更方便，由于没有过期时间限制，它可以将数据保存很长时间（除非手动清楚浏览器缓存数据）。由于使用localStorage所提供的setItem()、getItem() 、removeItem() 等方法具有局限性（对数组，对象存取不方便），在此，封装了一个插件L

2017-12-22 12:33:18 815

原创 js cookie 插件LsyCookie.js的使用

序这是一个关于浏览器cookie操作的插件，使用方法非常简单，直接引入即可。下载：点击下载LsyCookie.jsgihub地址：https://github.com/loushengyue/LsyCookiebower下载：$ bower install https://github.com/loushengyue/LsyCookie.git如果您不仅

2017-12-21 07:58:44 663

原创 js cookie设置cookie, 删除cookie, 获取cookie,清空cookie

cookie是什么？ cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。把下面的5个方法弄明白，您的cookie已经学会了一大半设置cookie//key为cookie的名称， val为cookie的值， time为过期时间（单位为秒）function set

2017-12-21 00:36:13 9548

原创 js事件处理

事件的概念指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器（或者处理程序）来预定事件，以便事件发生的时候执行相应的代码。事件处理过程3步骤事件产生事件对象event，在触发DOM上的某个事件的时候，会产生一个事件对象event，而在这个对象当中会包含着所有与事件有关的信息。这个event对象通常含有一些重要的信息，比如：srcElementtargetchildN

2017-12-20 00:13:44 668

原创闭包函数匿名函数自调用匿名函数解析

js函数申明方式(三种)//函数申明function fn1() { //handle}var fn2 = function () { //handle};var fn3 = new Function();//函数调用fn1();fn2();fn3();Js常见内置函数eval(str); //老板打死你都不要用这个函数，会带来安全隐患parseInt(str,

2017-12-19 18:22:06 502

原创 SASS安装 SASS编译 SASS基础语法

SASS 是个啥？如果说css是钉子，那么less就是生产钉子机器，而sass则是全自动钉子生产线……如果你非要了解标准的定义，那么出门右转官方文档SASS安装请点击Window 系统下 Ruby安装 Sass安装 Compass安装编码风格nested 嵌套缩进css风格，默认格式expanded 扩展的css风格，最常见的格式compact 简介css风格，没有注释compresse

2017-12-18 19:49:57 568

原创 compass watch Encoding::CompatibilityError on line ["87"] encodings: GBK and UTF-8

$ compass watch>>> Compass is watching for changes. Press Ctrl-C to Stop.Encoding::CompatibilityError on line ["87"] of C: incompatible character encodings: GBK and UTF-8Run with --trace to see the full back

2017-12-18 15:48:31 724

原创 git / git bash 下载与安装

Git是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。 Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。 Git 与常用的版本控制工具 CVS, Subversion 等不同，它采用了分布式版本库的方式，不必服务器端软件支持。git下载官网下载请点击git下载downloads，根...

2017-12-18 08:22:25 37830 1

原创使用requirejs编程实现模块化

使用requirejs编程实现模块化开发下载命令行下载：bower install requirejs 或者 npm install requirejs 官网下载点击下载requirejs主要方法define定义模块require 加载模块

2017-12-17 23:53:08 1283

原创封装tap小插件

如果你看不明白以下代码，我建议你先看看js自调用匿名函数与内部实例化封装插件;(function (win, $) { //handle})(window, jQuery);

2017-12-17 18:09:22 630

原创封装一个简单的banner轮播插件

一般普通企业网站都有一个首页轮播，为了实现这个功能，我们可以引用第三方插件（比如：swiper）；当然，我们更感兴趣的是如何自己封装一个简单的轮播插件

2017-12-17 17:21:34 1856

原创封装一个提取url参数的小方法

假如当你需要从这样一个http://www.loushengyue.com/test_好好.html?id=8&name=loushengyue&age=18&sex=男#box URL中提取相关参数（比如：id,name）时，是不是想到用正则法split(/\?|\&/g) 分割url的方式提取，然后版本更新需要增加参数时，也许你会很苦恼，因为bug来了，为了尽可能的减少bug，我们不妨来封装一

2017-12-17 16:56:07 1943 3

原创如何封装一个最简单的jquery插件

一个完整的jquery当然不可能这么简单，以下案例提供的是一种封装插件的思路在此之前你最好有一定的js基础，并且懂得自调用匿名函数的基本使用，废话少说，直接上代码：HTML部分<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>js封装简易jquery</title></head><body> <h2>js

2017-12-17 16:17:18 1133

原创京东淘宝放大镜封装

实现方法实现放大镜效果的方式有很多，比较典型的有“背景图片法放大镜”、“绝对定位法放大镜”、“canvas放大镜”。背景图片法：主要通过background-position 和background-size 来实现绝对定位法：主要通过position:absolute 和 left,top 来实现canvas放大镜法：主要通过context.drawImage(img,sx,sy,swidt

2017-12-17 15:58:16 452

原创 js自调用匿名函数与内部实例化封装插件

自调用匿名函数实现方式方法一(注意：前面的;不要省略，可以防止前面的语句缺少;结尾);(function (win, $) { //handle})(window, jQuery);方法二!function (win, $) { //handle}(window, jQuery);方法三(function (win, $) { //handle}(windo

2017-12-17 09:54:27 2502

原创 Window 系统下 Ruby安装， Sass安装，Compass安装

Window 系统下，可以使用 RubyInstaller 来安装 Ruby 环境，下载地址为：请点击这里下载RubyInstaller 注意：64位系统选择 Ruby 2.4.2-2 (x64) 32位系统选择 Ruby 2.4.2-2 (x86) Ruby安装双击rubyinstaller-2.4.2-2.exe 点击 Next，继续向导，记得勾选 Add R

2017-12-17 06:22:16 949

loushengyue