alisa6655-CSDN博客

转载 less教程学习之入门篇

less 是 css的预编译语言,我们在开发的过程中，使用less语言的规则编写css代码,简单快捷，模块化，开发效率高，我们书写的less代码可以通过编辑器插件或者编译的js插件生成css代码. 详细链接:http://www.zahuoji.net/codeways/268.html 转载于:https://www.cnblogs.com/hellome/p/5601049.ht...

2016-06-20 16:52:00 128

转载 BackboneJS创建数据模型(Model)和设置默认属性&初始化方法

1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script src='./js/underscore.js'...

2014-11-07 00:14:00 177

转载 jQuery一些常用的方法

1 val() ;//获取value属性的值 2 eq(index);//按照索引选择元素 3 css('样式名称',[样式值]) ;//设置css样式 4 end(); //返回前一个jQuery对象，常用语链式操作转载于:https://www.cnblogs.com/hellome/p/4029361.html...

2014-10-16 17:48:00 86

转载 jQuery对象和DOM对象转换

1：jQuery对象转换到DOM对象的方法： 1 1：var oLi = $('li')[0]; 3 2：var oLi = $('li').get(0); //利用jQuery对象的get方法 2：DOM对象转换到jQuery对象的方法： 1 var li = document.getElementsByTagName('li'); 2 3...

2014-10-16 17:16:00 72

转载（CORS）跨域资源共享方案

在XMLHttpRequest对象访问跨域资源的时候的一些被认可的跨域访问资源的方案叫（CORS）跨域资源共享方案。在ie8中，可以通过XDomainRequest进行CORS，而在其他的浏览器中可以通过XHR对象即可进行CORS。代码取自javascript高级程序设计3版： 1 function aCORSRequest(method,url){ 2 ...

2014-10-15 18:02:00 77

转载在IE下闭包引起的一个内存泄露。

因为在IE的低版本中，JScript对象和COM对象时使用不同的垃圾回收机制。因为在闭包中包含了包含函数的变量对象,如果我们的闭包引用循环中引用包含函数的变量对象中的引用时，只要匿名函数存在，该引用至少存在一次，因此占用的内存永远也不会被释放。我们平时写的一个例子： function eve(){ var...

2014-10-11 17:37:00 122

转载函数声明和函数表达式

定义函数的常见方法：函数声明的一个特征：函数声明提升；函数声明如： function fName(){ } 函数表达式也是常见的创建函数的方法： var fName = function ( ) { }函数表达式的另一种声明的方法:(function f(){}); //（）是一组分组操作符,它的内部只能包含表达式注意：函数表达式与其他表达...

2014-10-11 17:27:00 52

转载 JSON数据格式的了解

我们常说的JSON是一种轻量级的数据格式。 JSON可以表示三种类型的值：简单值、对象、数组 JSON对象格式的书写： { 　　"name":"JSON", 　　"language":"javascript" } 注意：JSON属性名字一定要用双引号括起。 JSON数组格式： [100 , " JSON " , true] 注意：JSO...

2014-10-11 15:23:00 85

转载 MYSQL常用命令

1：修改表的字段长度 alter table 表名 modify 字段名 varchar(35); alter table user modify password varchar(35); 2:修改表字段内容：如设置user表的password字段值 update user set password=md5('admin') where id=1; ...

2014-10-07 09:25:00 53

转载 AngularJS控制器

注意：文章代码参照书籍：AngularJS权威教程控制器在AngularJs中的作用是增强视图，控制器其实就是一个函数. 每当我们创建一个控制器的时候，AngularJs都会创建一个新的作用域$scope 并传递给这个控制器，可以再控制器中初始化$scope。创建控制器：为了不污染全局空间，我们在模块里面创建控制器创建模块：var app=angular.module...

2014-10-06 16:51:00 81

转载 AngularJS的模块化操作。

在Javascript中，模块化的开发模式有很多优点，我就在网上找了几点，不管你懂不懂，反正我是不懂模块化开发的。现在业界比较规范的是AMD,研究模块化开发可以使用比较流行的require.js库来实现模块化的开发,推荐阅读Snandy 的相关系列文章(相当给力)：http://www.cnblogs.com/snandy/category/360589.html 使用模块能给我...

2014-10-06 15:21:00 83

转载 Javascript模块化开发之初恋例子 ( 弹窗 )

今天是2014年9月30日了,明天就是国庆节了,首先祝咱们伟大的祖国生日快乐. 还有几分钟就要下班了,研究了几天关于require这个库的模块化开发的相关文章, 终于写出了初恋的模块化例子:弹出一个登陆框: 第一:首先在静态页面引入require库文件,并在该引入标签中引入主脚本文件( main.js ) 1 <script data-main='main' src='...

2014-09-30 18:06:00 93

转载 JavaScript中的String字符串对象的方法总结:

温故而知新,可以为师矣.字符串对象看下面的方法即可. 1:string.charAt(index)方法:返回该字符串索引的字符. 1 'hello'.charAt(1); 2 "e" 2:string.charCodeAt(index)方法:返回该字符串索引的字符的ASCII码. 1 'a'.charCodeAt(0); 2 97 3:string.in...

2014-09-29 12:12:00 184

转载记一记读<<精通CSS>>的一些理解(一)

我在读书的过程慢慢理解到读书就是一个心境沉定的过程. 1:块的垂直外边距叠加:只有普通文档流才会发生外边距叠加,行内框(内联标签)/浮动框或者绝对定位框之间的外边距不会叠加.其实外边距叠加这个特性有时候在布局时候是很有好处的. 2:关于相对定位(relative)和绝对定位(position 脱离文档流)的理解(图) IE6下的绝对定位有一点小bug,只需要给相对定...

2014-09-28 18:00:00 49

转载 CSS3多栏样式布局

看书的时候,遇到了CSS3一个新的多栏布局样式属性,测试了一下,贴段代码出来: 目前这个属性还是需要带上浏览器内核的私有前缀: 先看html代码: 1 <BODY> 2 <div class='main'> 3 <p>My father was a self-taught mandolin player. He w...

2014-09-28 17:03:00 144

转载 CSS3自定义字体.

终于看完了<响应式WEB设计:HTML5+CSS3实战>这个书啦,那个高兴. 看完后学了一些东西,在这里记一下如何用CSS3实现自定义的字体效果. 首先去下载些自己想要的字体,放在文件目录下面. 1:在Css中用@font-face定义字体 1 @font-face{ 2 font-family:'myfont'; //你想给你的自...

2014-09-27 17:31:00 127

转载写了一个简单的jquery插件(初恋啊)

用了好久的jquery了,却没有写过插件,今天研究了一个别人的插件和一些文章,总算搞清楚了jquery插件一些写法, 代码写了一个div当鼠标事件发生时的宽高变化情况,基础,代码基础,基础好了,才能研究深入的东西. 1 (function(jQuery){ 2 /* 3 * 插件应该返回一个JQuery对象，以便保证插件的可链式操作。...

2014-09-24 17:04:00 69

转载 Web worker 多线程处理数据

流程：worker ------------àpostMessage----------------à任务沲----------------àpostMessage---------------à事件处理程序-------------------àonMessage------------------à返回信息. 写了一个成功的例子：（有两个文件，一个是主页文件，另一个是...

2014-09-19 16:58:00 239

转载 Html5 Web database存储和本地数据库操作

HTML5储存数据有两种方法：webDatabase(数据库形式) 和 webStorage(cookie形式) WebStorage(客户端存取数据),也有两种方法:localStorage[持久化的储存方式] 和 sessionStorag(基于session方式的数据储存[会话级别的数据储存方式]) sessionStorage设置和获取数据: 1 设置 : wi...

2014-09-19 10:33:00 195

转载 jQuery Ajax 方法应用。

jquery中的ajax方法比原生js简洁多了，写了一个小例子。贴码： 1 <script> 2 $(function(){ 3 4 $('#getData').click(function(){ 5 6 $.ajax({ ...

2014-09-18 14:36:00 59

转载 html5的离线储存应用.

Html5离线应用可以让用户在断网的情况下正常浏览网页,节约带宽,减轻服务器压力. Html5离线应用需要编写一个以manifest为扩展名的网页文本文件,里面写的内容是离线应用的文件清单. 文件内容以CACHE MANIFEST为首行开始 # 为注释注释的作用:Web应用的缓存只有在manifest文件被修改的情况下才会被更新，利用更新注释通过修改manifest文件不告...

2014-09-17 15:35:00 98

转载 HTML5的selector选择DOM元素API.

在html5新增的API中,在JS中有直接选择DOM元素的API函数; 分别是　　document.querySelector('.类名或者 #id名');返回所选符合元素的第一个元素　　document.querySelectorAll('.类名或者 #id名');返回所选符合元素的元素集合,有length属性. 该API函数在IE7标准模式下不兼容,其他的还行....

2014-09-06 11:30:00 88

转载 underscore的几个功能函数的操作【7】

我贴贴贴： 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 <scri...

2014-09-03 16:37:00 102

转载 underscore的对象的方法操作【6】

贴自己写的代码： 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 <s...

2014-09-03 16:31:00 95

转载 underscore的几个集合的方法操作【5】

贴自己写的代码： 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>集合类</title> 6 <scr...

2014-09-03 16:29:00 101

转载今天是开学的日子

好想能够再一次上学，我是不是应该考研了. 校园的一切总是美好的. 是生活强奸了所有人啊. 转载于:https://www.cnblogs.com/hellome/p/3949160.html

2014-09-01 14:06:00 83

转载 underscore中的几个函数【4】

今天看了下书，写了几个underscore下的几个功能方法 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档&lt...

2014-09-01 13:13:00 60

转载 underscore几个数组的方法【3】

又是一天过去，代码让自己常怀念吧！ <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script typ...

2014-08-30 18:01:00 121

转载 underscore对象的封装【2】

在underscore 这个简单的函数js库中,作为backbone框架的依赖库, 要使用的underscore里面的函数,是需要先创建基于underscore的对象, 在underscore中,创建对象需要使用到_()方法, 该方法传入一个原生的js对象即可. 使用方法例子如下: <script> var data={ name:'...

2014-08-29 11:26:00 56

转载 backboneMVC结构图【1】

1:特点及适用范围{ 　　MVC结构化-继承特性-事件统一管理-绑定页面模板-服务端无缝交互 } 转载于:https://www.cnblogs.com/hellome/p/3941494.html

2014-08-28 13:59:00 85

转载 AngularJS的初认识

现在前端越来越富应用了，javascript也不像以前的那么简简单单的应用了，现在大型的前端应用都应用MVC架构来开发应用了，angularJs作为一款前端的MVC框架能帮我们很好的管理我们的代码。 AngularJs可以开发令人惊叹的单页面应用。 AngularJS 通过指令扩展了 HTML，且通过表达式绑定数据到 HTML。 Angular JS由google开发的...

2014-08-23 10:36:00 67

转载 css3新属性transform 3D的基础笔记.

研究了下css3中的 transform变换属性中的3D属性效果和看到的一篇好文章了解到了3D的学习;好文章地址:http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/ 下面只是自己能读懂自己写的代码例子: <style> ...

2014-08-20 15:11:00 70

转载伪选择器:after的清浮动简单效果

:after的作用是在当前的应用元素后面添加内容如div:after{ 　　content:"This is a demo" } 还有就是清除浮动(参考代码): <style> #box{border:2px solid #ccc;} .clear:after{content:'';display:block;clear:both;} ...

2014-08-20 12:48:00 64

转载 css3中的transition渐变过渡属性的认识.

css3新增的属性transition可以让元素产生动画效果: 用法(兼容代码): 　　-webkit-transition:property(属性样式) duration(过渡时间) timing-function过渡模式(5种过渡模式效果) 　　-moz-transition:property(属性样式) duration(过渡时间) timing-function过渡模式(5...

2014-08-19 17:16:00 229

转载 css3 animation 的基础认识.

css3 中的 animation属性主要用来做动画的,详细的文章看:http://www.w3cplus.com/content/css3-animation 调用animation的方法:animation-name(动画名称) animation-duration(播放动画的总时长) animation-timing-function(动画的播放方式: 　　ease ease...

2014-08-15 16:56:00 73

转载前端优化的建议

原文转自:http://www.megong.com/2014/0301/4105.html 规则01：尽量减少HTTP请求前端优化的黄金准则指导着前端页面的优化策略：只有10%-20%的最终用户响应时间花在接受请求的HTML文档上，剩下的80%-90%时间花在为HTML文档所引用的所有组件（图片、脚本、样式表等）进行的HTTP请求上。因此，改善响应时间的最简单途径就是减少组件的数量，...

2014-08-15 14:35:00 222

转载 css3的新属性background-clip认识

css3新增的background-clip属性主要是对背景图片进行裁切的作用:background-clip:border-box || padding-box || context-box 分别对边框,内边距,内容区域进行裁切,把多余的部分给裁切掉,有兼容性问题. 拿w3cplus的文章代码过来: /*Firefox3.6-*/ -moz-background-clip...

2014-08-13 11:24:00 118

转载 css3的transform转换属性。

今天做了一个基础的小例子熟悉一下这个属性。 <!DOCTYPE html> <html> <head> <title>transform</title> <style> #box{ width:100px; height:100px; ...

2014-08-12 21:07:00 112

转载 Javascript教程：js异步编程的4种方法详述(转载)

文章收集转载于(阮一峰的网络日志) 你可能知道，Javascript语言的执行环境是“单线程”（single thread）。所谓“单线程”，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器...

2014-08-10 21:46:00 43

转载 css3的四种匹配的模式选择器[读书笔记]

1:完全匹配选择器(完全匹配选择器):　 <div id="box">My name is css3</div> 用法:[id=box]{ //完全匹配id值为box的元素 color:yellow; } 2:包含属性匹配选择器(只要包含了该字符串就可以被选择了) <div id="box">My...

2014-08-05 09:58:00 138

空空如也

空空如也