- 博客(32)
- 收藏
- 关注
RSS订阅原创 初识Kero
Kero依赖于JQuery，依托基于 MVVM 架构的 Knockout 类库，实现了将NeoUI控件库自由进行数据绑定的前端类库kero使用了描述性的风格来定义控件type="text" u-meta='{"type":"string", "data":"head", "field":"billnumber"}' />在普通 HTML 中使用kero语法将在指定DOM上
2017-07-07 09:49:28
591
原创 JavaScript 将类数组对象转化为数组
将类数组对象转换为数组的方法总结实际中常常遇到的类数组对象：DOM 操作返回的 NodeList 集合,以及函数内部的arguments对象ES5的写法：var Arr = [].slice.call(arrayLike);ES6的扩展方法:var Arr = Array.from(arrayLike);最容易想到的方法：
2016-07-10 14:47:30
397
原创 JavaScript 实现 DOM树 的遍历
普通二叉树的遍历function Tree() { var Node = function(key){ this.key = key; this.left = null; this.right = null; } root =null;}前序遍历
2016-07-09 19:36:08
6865
原创 JavaScript 数组去重
方法一：借助于临时数组与indexOf , 算法复杂度为:O(n^2) function unique1(arr){var temp = [];for(var i=0; i<arr.length; i++){ if(temp.indexOf(arr[i]) == -1){ temp.push(arr[i]); }}retur
2016-07-09 09:24:39
258
原创 CSS3 Flexbox布局
Flexbox布局Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex;}行内元素也可以使用Flex布局:.box{ display: inline-flex;}利用flexbox布局可以非常简单地实现 元素(.child) 在 容器(.par
2016-07-05 11:03:48
485
原创 CSS3 利用 @media 查询 实现响应式布局 及 CSS3 box-sizing属性
CSS3媒体查询，实现响应式页面@media 查询，可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式，特别是设置设计响应式的页面。当重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。@media查询的使用语法针对不同的媒体，使用不同的样式@media mediatype and|not|only (media f
2016-07-02 20:23:33
493
原创 CSS实现三栏式布局
三栏式布局要求：左右两栏宽度固定，中间一栏根据父元素宽度填充满，父元素高度取决于三个子元素中最高的高度。采用两种方法用CSS实现了三栏式布局，下面分别介绍一下这两种方法方法一：左列：float:left；右列：float:right;中间列：margin-left:左宽度，margin-right:右宽度；父元素：overflow:hidden(清除浮动)详细代码如下
2016-07-02 10:45:05
638
原创 angularJS概念理解三：控制器
在AngularJS中，实现数据绑定的核心是scope对象。控制器让我们有机会在scope上定义我们的业务逻辑，具体说，可以使用控制器：对scope对象进行初始化向scope对象添加方法在模板中声明控制器在一个HTML元素上使用ng-controller指令，就可以引入一个控制器对象： ng-controller="myController">...
2016-06-20 17:10:00
1772
原创 angularJS概念理解二：数据变化的传播
数据变化的传播数据绑定有两个方向：数据 → 界面：我们使用scope对象的$watch()方法监听数据的变化，来更新界面。界面 → 数据：我们在界面的DOM对象上监听变化事件，来更新数据，并通过$apply()方法传播变化。上面的图中，我们把ez-namecard和ez-namecard-editor都绑定到同一个sb对象上，那么在 ez-namecard-edit
2016-06-20 16:30:30
471
原创 angularJS概念理解一：指令
ng-app这样的标记我们称之为指令。模板通过指令指示AngularJS进行必要的操作。 比如：ng-app指令用来通知AngularJS自动引导应用；ez-clock 指令用来通知AngularJS生成指定的时钟组件。 当AngularJS启动应用时，它会通过一个编译器解析处理这个模板文件，生成的结果就是： 视图：模板（包含指令的HTML文件）和指令实现 （J
2016-06-20 15:38:47
422
转载 Javascript模块化编程（三）：require.js的用法
注明：本篇博客转载自http://www.ruanyifeng.com/blog/2012/11/require_js.html这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript
2016-05-20 22:21:31
267
转载 Javascript模块化编程（二）：AMD规范
这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。（接上文）七、模块的规范先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模
2016-05-20 22:14:30
217
转载 Javascript模块化编程（一）：模块的写法
Javascript模块化编程（一）：模块的写法作者： 阮一峰日期： 2012年10月26日随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。
2016-05-20 22:06:55
234
原创 angularJS的工具方法
1. angular.bind --- 类似于JQuery中的 $.proxy():修改this指向用法： function show(n1,n2){ alert(n1); alert(n2); alert(this); } //show(); //angular.bind(document,show,3,4)(
2016-05-12 19:19:55
442
原创 angularJS的模块化操作
模块化 -减少全局污染 -减少模块之间的相互依赖模块化后,应声明哪个是初始模块--> 模块化操作 /*function A($scope){ $scope.name="hello"; } function B($scope){ $scope.name="
2016-05-12 19:06:43
338
原创 Node.js---1.Node.js的特点
Node：“一个搭建在Chrome JavaScript运行时上的平台，用于构建高速、可伸缩的网络程序。Node.js采用的事件驱动(事件触发)、非阻塞（异步）I/O模型，使它既轻量又高效，并成为构建运行在分布式设备上的数据密集型实时程序的完美选择。” 事件驱动（用事件轮询）和非阻塞的I/O处理（用异步I/O）。 传统的服务端编程的I/O模型： 阻塞的I/O处理
2016-04-26 16:58:53
323
原创 ElementTraversal API的元素遍历
对于元素间的空格，IE9及之前的版本不会返回文本节点，而其它所有浏览器都会返回文本节点。这样导致使用childNodes和firstChild等属性时行为不一致。PS:childNodes 属性，标准的，它返回指定元素的子元素集合，包括HTML节点，所有属性，文本。可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才是元素节点，2是属性节点，3是文本节点。
2016-04-24 11:02:34
384
原创 HTML5脚本扩展---新增小型API
1. H5新增选择器( SelectorsAPI )1) H5之前的选择器document.getElementById("p1");//获取ID为p1的那个元素，返回一个元素document.getElementsByTagName("p");//获取文档中所有p标签，返回一个NodeList实例document.getElementsByName("chec
2016-04-23 17:05:26
1696
原创 客户端储存
服务器端存储： 1. cache :缓存(存放在内存中)，将DB或磁盘中的数据放在缓存中访问，减少磁盘IO 2 .磁盘文件：资源文件：如图片和视频 3. 数据库： 如MySQL和与node.js配合的MongoDB :记录表查询 4. 内存： 频繁访问的资源，提高读取效率客户端存储：
2016-04-19 20:16:12
417
原创 keyup事件的事件对象：event.keyCode=13 在IE中不起作用
原因：IE7+的onkeyup事件的回车键对应的keyCode为空，不会接收”回车事件“，而onkeydown 和onkeypress都会接收”回车事件“；IE6的onkeydown不会接收”回车事件“，而onkeyup和onkeypress会接收
2016-04-13 21:57:12
1199
原创 Socket.io 400 (Bad Request)
我的服务器端：var http=require("http");//加载http模块var fs=require("fs");//加载用于文件读取的fs模块var io = require('socket.io');//引入socket包var documentRoot="D:/HTML5/websocket/www";//客户端访问文件的默认根目录var httpServer=htt
2016-04-09 21:30:14
7101
1
原创 CSS3----新增特性及其在主流浏览器中的兼容性
1. 选择器：IE6.0及以下不兼容，其它主流浏览器都兼容 新增的属性选择器： [att^='value'] ：属性 att 的值以指定值value开始 [att$='value']：属性 att 的值以指定值value结束 [att*='value']：属性 att 的值包含指定值value，而无论其位置
2016-04-04 10:55:26
776
原创 angularJs小应用----计算购物金额-动态改变邮费
function A($scope){ $scope.iphone={ //---------创建iphone对象 money : 50, //默认价格 num : 1, //默认个数 fre : 10 //默认邮费 }; $scop
2016-04-03 20:54:22
1000
原创 初识angularJs
基本概念：angularJs的使用场合：做前后分离式开发适用于CRUD应用或者SPA单页面网站的开发：这些应用的前后端交互比较频繁，增删改查操作和ajax操作比较多，不适合做很酷的特效和界面
2016-04-03 19:56:30
236
原创 正则表达式---简化字符串操作
⑴正则表达式:简化普通字符串操作操作字符串：search():返回要查找的字符串第一次出现的位置，查找不到时返回-1. var str = 'abcdefg'; alert ( str.search('bc') ); //返回1substring(startIndex,endIndex):返回对应位置的子字符串 alert ( str.sub
2016-04-02 22:42:42
1389
原创 ajax跨域获取数据解决方案---JSON
跨域：跨域名一个域名下的文件去请求和其不在同一域名下的资源文件时，就会产生跨域请求，这样是不允许的，是安全限制问题。Ajax跨域操作时，报错：XMLHttpRequest cannot load …… ‘Access-Control-Allow-Origin’header is present on the requested resource. 跨域请求资源的解决方案：1.
2016-04-01 10:14:35
625
原创 Ajax请求中get与post的区别
一、 Get方式：.txt：静态文件 .php：动态文件 var Btn=document.getElementById("btn"); Btn.onclick=function(){ ajax('get','get.php?usern
2016-04-01 10:04:02
886
原创 ajax实现原理解析
实现原理：①ajax对象的构造函数(function(){ varBtn=document.getElementById("btn"); Btn.onclick=function(){ var xhr=new XMLHttpRequest();//IE7及以上兼容 1.创建一个ajax对象-----相当于打开浏览器 x
2016-03-18 12:39:10
438
原创 CSS盒模型 及 定位position
1. 标准W3C盒子模型：DOCTYPE 声明内容区域(content)不包括其他部分，width和height指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但会增加元素框的总占有尺寸。 ①IE早期版本的盒子模型(IE6及以下)：在混杂模式中使用自己的非标准盒模型内容区域(content)包括内边距(padding)和b
2016-03-14 19:22:06
761
原创 CSS-----选择器分类、层叠、特殊性与继承
1. 常用的选择器：类型选择器----元素选择器或简单选择器：如 p{} 或 h2{}后代选择器-----特定元素或元素组的后代（所有后代，包括孙代）：如 div p{}ID选择器和类选择器最常用的是：组合使用这类型、后代、ID、类选择器2. 伪类：3. 通用选择器：*为页面上的所有元素应用样式。4. 高级选择器：CSS2.1
2016-03-08 09:29:57
587
原创 JavaScript--window与document的getComputedStyle()方法的区别
我们都知道，DOM2级的 document.defaulyView.getComputedStyle(Div,null) 方法可以获得元素计算后的样式，但该方法与直接用 window.getComputedStyle(Div,null) 的区别是什么呢？ 我在做学习的过程中发现，这两种使用方法对 W3C 的浏览器没有任何影响，虽然 IE 浏览器不支持该方法，但是，当我在js文件中
2016-01-27 21:11:08
799
原创 CSS---堆叠顺序---position---z-index
通常认为HTML页面是二维的，但实际上，CSS有一个 z-index 属性，允许层叠元素。层叠的规则如下： 在没有指定 z-index 属性的情况下，所有元素默认在0层渲染。当多个元素的 z-index 属性相同时，将按照以下顺序布局：普通流(无定位)里的块元素将按其在HTML中出现的顺序堆叠定位元素也是按照其在HTML中出现的顺序堆叠当普通流里的块元素、浮
2016-01-27 18:34:02
2017
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人