- 博客(159)
- 收藏
- 关注
RSS订阅原创 快速获取js对象键和值
var o = { "say": "Hello World", "name": "Keith Chou", "height": "180", "weight": "120" }; Object.keys(o); // ["say"
2017-03-17 00:20:23
1048
原创 javascript this
http://www.cnblogs.com/Uncle-Keith/p/5814578.html http://www.cnblogs.com/Uncle-Keith/p/5776159.html 这次的分享，主要还是想跟大家聊聊Javascript语言中很重要的概念之一，对象。为什么说之一呢？因为Javascript其他重要概念还包括：作用域 作用域链 继承 闭包 函数 继承 ...
2017-03-09 01:22:00
226
原创 指令的控制器和(link)链接函数
angular.module('myApp') .directive('link', function() { return { restrict: 'EA', transclude: true, controller: function($scope, $element, $transclude, $log) { $transclude(function(clone) { v...
2017-02-04 07:38:37
338
原创 指令中的控制器
写道 controller参数可以是一个字符串或一个函数。当设置为字符串时，会以字符串的值为名字，来查找注册在应用中的控制器的构造函数：angular.module('myApp', []).directive('myDirective', function() {restrict: 'A', // 始终需要controller: 'SomeController'})// 应用中其他的地方，可...
2017-02-04 07:10:23
289
原创 ng-cloak防止页面闪烁并且出现没有渲染的符号
10. ng-bind 尽管可以在视图中使用{{ }}模板语法（AngularJS内置的方式），我们也可以通过ng-bind 指令实现同样的行为。 <body ng-init="greeting='HelloWorld'"> <p ng-bind="greeting"></p> </body> 在线示例： http://jsbin.co...
2017-02-02 23:51:08
204
原创 @绑定
<div my-directive my-url="http://google.com" my-link-text="Click me to go to Google"></div> angular.module('myApp', []) .directive('myDirective', function() { return { r...
2017-02-02 22:42:09
153
原创 javascript eval方法使用
JavaScript eval() 函数 JavaScript 全局对象 定义和用法 eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。 语法 eval(string) 参数 描述 string 必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。 返回值 通过计算 string 得到的值（如果有的话）。 说明...
2017-02-01 22:42:48
163
原创 css属性选择器
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> div.clazz { height: 100px; width: 100px; background-color: gra
2017-01-08 15:11:04
130
原创 如何判断js文件是否加载完成
[size=medium][color=red][/color][/size] http://www.jquerycn.cn/a_11412 http://www.jizhuomi.com/software/535.html function include_js(file) { var _doc = document.getElementsByTagN...
2016-12-02 00:41:45
1666
原创 JS Array常用操作
http://www.zhangxinxu.com/wordpress/?p=3220 http://blog.csdn.net/chelen_jak/article/details/21078253 一、前言-索引 ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。 ES5中新增了写数组方法，如下： ...
2016-01-19 00:03:29
74
原创 javascript的escape/unescape
javascript的escape/unescape 转移和非转义 escapse('哈哈')//"%u54C8%u54C8" unescapse("%u54C8%u54C8")// 哈哈哈
2015-12-30 00:07:16
161
原创 JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如 var str = '{"name":"huangxiaojian","age":"23"}' 结果： JSON.parse(str) Object age: "23" name: "huangxiaojian" __proto__: Object var a = {a:1,b:2}
2015-12-30 00:04:50
68
原创 百度右侧导航原理
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &
2015-09-09 01:02:06
450
原创 javascript的prototype继承
goody9807写到 写道 http://www.cnblogs.com/goody9807/archive/2007/04/16/715109.html 基本的用法 把ClassA的一个实例赋值给ClassB ClassB就继承了ClassA的所有属性 <script> function ClassA() { this.a='a'; } fun...
2015-08-27 07:51:17
107
原创 深入理解javascript之arguments
写道 本文转自：http://blog.csdn.net/mevicky/article/details/47903457如果转载，请写明出处 本文介绍arguments属性。 每一个函数在定义的时候都会有一个内置的arguments属性，这个arguments属性类似数组但又不是数组。它具有数组的访问方式和length属性，却又有caller，callee等属性。 我们来举...
2015-08-24 08:24:14
103
原创 js中数组(Array)的排序(sort)注意事项
var arrDemo = new Array(); arrDemo[0] = 10; arrDemo[1] = 50; arrDemo[2] = 51; arrDemo[3] = 100; arrDemo.sort(); //调用sort方法后，数组本身会被改变，即影响原数组 alert(arrDemo);//10,100,50,51 默认情况下sort方法...
2015-08-20 07:26:18
95
原创 js事件冒泡
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload= fun
2015-08-18 07:10:55
94
原创 AngularJs-Scope
angular里面的MVC全部是借助于作用域（$scope）实现的，也是双向数据绑定的基础 emit()向上传播（同层和上层） broadcast()向下传播（同层和下层） $scope是一个js对象 $scope提供了一些工具方法$watch()/$apply() 实时监测对象属性变化，内部会自动执行 $scope是表达式的执行环境（作用域） $scope是...
2015-08-11 07:13:32
146
原创 js对象封装
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery-1.8.2.js"&
2015-07-27 08:00:58
68
原创 html5之后全局js编辑
<script> window.document.designMode = "on"//off on：浏览器上的任何元素都可以进行编辑 </script> 建议不要使用全局属js属性进行编辑，还是用html5标签自带的contenteditable属性比较好，只针对需要修改的内容进行编辑 ...
2015-07-26 18:02:52
191
原创 html新增属性_1
script中新增属性：async async 规定异步执行脚本（仅适用于外部脚本）。defer defer 规定是否对脚本执行进行延迟，直到页面加载为止。input中新增：
2015-07-26 17:20:42
75
原创 html5存储
localStorage.setItem('aa','aa'); undefined localStorage.getItem('aa'); "aa" localStorage.removeItem('aa'); undefined localStorage.clear(); undefined sessionStorage.setItem('bb','bbtest'); un...
2015-07-23 07:45:18
63
原创 css实现div水平、垂直都能充满整个屏幕
@charset "UTF-8"; *{ margin: 0; padding: 0; } html,body { // 核心代码 height: 100%; width: 100%; } #map{ width: 100%; height: 100%; background: #ffff00; }...
2015-07-12 16:15:33
3973
原创 自定义浏览器事件绑定函数
function bind(el, eventType, callback) { if (typeof el.addEventListener === 'function') { el.addEventListener(el, eventType, callback, false); } else if (typeof el.atteachEvent === 'function')...
2015-06-26 08:25:04
296
原创 clip:rect实现图片裁剪
<html> <head> <style type="text/css"> img { position:absolute; left:50px; top:50px; clip:rect(0px 50px 200px 0px) } </style> </head> <body> &
2015-06-19 08:18:57
335
原创 仿jquery获取dom元素
function g(id) { if (id.substring(0, 1) == '.') { return document.getElementsByClassName(id.substring(1)); } return document.getElementById(id); }
2015-06-19 07:58:27
150
原创 css实现网页全屏显示
<html> <head> <title>全屏页面切换</title> <style type="text/css"> html, body { padding: 0; margin: 0; height: 100%;/*html标签的100%是必须的*/ } #...
2015-05-07 07:35:44
1575
原创 自定义随机数
//随机生成一个数 0~20 function random(range) { var max = Math.max(range[0], range[1]); var min = Math.min(range[0], range[1]); var diff = max - min;// 差值 var nu...
2015-04-29 00:08:08
254
原创 js获取元素通用函数
/** * 通用函数. * 1、可以通过ID获取元素 * 2、可以通过class获取元素【是个数组】 */ function g(selector) { var method = selector.sub(0, 1) == '.' ? 'getElementByClassName' : 'getElementById'; return document[method](su...
2015-04-27 00:42:14
212
原创 原生js实现事件切换
function turn(elem) { var cls = elem.className; if (/front/.test('front')) { cls = cls.replace(/front/, 'back'); } else { cls = cls.replace(/back/, 'front'); // back为正则表达式 } elem.className = ...
2015-04-27 00:16:32
323
原创 包含多个图层、缩放条、工具条、鼠标位置、弹出窗口
<style type="text/css"> #map { width: 640px; height: 475px; border: 1px solid black; } .olControlPanel div { di...
2015-04-10 01:09:38
135
原创 OpenLayers创建地图
Insert title here var map = null; function init(){ var options = { controls:[new OpenLayers.Control.KeyboardDefaults...
2015-04-10 01:09:26
386
原创 css sprite布局小图标
常用网页小图标加载方式： 1、 css sprite方式，即将多个小图标放置在一张大图上，然后通过background-image/background-position 来进行绝对布局。要注意的是要确保每个小图标大小一致。 【优势，相对于多个小图标分开请求传输效率更高，方便管理】 2、html + font 3、css + font ...
2015-04-10 01:08:43
154
原创 js实现div拖动
写道 http://blog.csdn.net/notlikegaoshou/article/details/6562636http://zhidao.baidu.com/link?url=ePDc5C8v-kcewgZty7w_seg2kfkwU_zYxVJzoQgjYGcuo8yUPMZoIv0l4ndX2PbqRUe8I0Wur2pxb0cgULvsnLKs9bVPsBdVAp8kk...
2015-02-02 22:41:02
90
原创 postgresql
PostgreSQL数据类型 写道 http://www.php100.com/manual/PostgreSQL8/datatype.html 写道 http://www.php100.com/manual/PostgreSQL8/tutorial-inheritance.html 写道 http://www.cnblogs.com/stephen-liu74/archi...
2015-01-07 00:29:24
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人