- 博客(159)
- 收藏
- 关注
原创 快速获取js对象键和值
var o = { "say": "Hello World", "name": "Keith Chou", "height": "180", "weight": "120" }; Object.keys(o); // ["say"
2017-03-17 00:20:23 1090
原创 javascript this
http://www.cnblogs.com/Uncle-Keith/p/5814578.htmlhttp://www.cnblogs.com/Uncle-Keith/p/5776159.html这次的分享,主要还是想跟大家聊聊Javascript语言中很重要的概念之一,对象。为什么说之一呢?因为Javascript其他重要概念还包括:作用域 作用域链 继承 闭包 函数 继承 ...
2017-03-09 01:22:00 249
原创 指令的控制器和(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 366
原创 指令中的控制器
写道controller参数可以是一个字符串或一个函数。当设置为字符串时,会以字符串的值为名字,来查找注册在应用中的控制器的构造函数:angular.module('myApp', []).directive('myDirective', function() {restrict: 'A', // 始终需要controller: 'SomeController'})// 应用中其他的地方,可...
2017-02-04 07:10:23 305
原创 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 225
原创 @绑定
<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 170
原创 javascript eval方法使用
JavaScript eval() 函数JavaScript 全局对象定义和用法eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。语法eval(string)参数描述string必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。返回值通过计算 string 得到的值(如果有的话)。说明...
2017-02-01 22:42:48 185
原创 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 141
原创 如何判断js文件是否加载完成
[size=medium][color=red][/color][/size] http://www.jquerycn.cn/a_11412http://www.jizhuomi.com/software/535.html function include_js(file) { var _doc = document.getElementsByTagN...
2016-12-02 00:41:45 1717
原创 JS Array常用操作
http://www.zhangxinxu.com/wordpress/?p=3220http://blog.csdn.net/chelen_jak/article/details/21078253一、前言-索引ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法,如下:...
2016-01-19 00:03:29 89
原创 javascript的escape/unescape
javascript的escape/unescape 转移和非转义 escapse('哈哈')//"%u54C8%u54C8"unescapse("%u54C8%u54C8")// 哈哈哈
2015-12-30 00:07:16 197
原创 JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str) Objectage: "23"name: "huangxiaojian"__proto__: Object var a = {a:1,b:2}
2015-12-30 00:04:50 85
原创 百度右侧导航原理
<!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 485
原创 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 117
原创 深入理解javascript之arguments
写道本文转自:http://blog.csdn.net/mevicky/article/details/47903457如果转载,请写明出处 本文介绍arguments属性。 每一个函数在定义的时候都会有一个内置的arguments属性,这个arguments属性类似数组但又不是数组。它具有数组的访问方式和length属性,却又有caller,callee等属性。 我们来举...
2015-08-24 08:24:14 118
原创 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 109
原创 js事件冒泡
<!doctype html><html><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload= fun
2015-08-18 07:10:55 111
原创 AngularJs-Scope
angular里面的MVC全部是借助于作用域($scope)实现的,也是双向数据绑定的基础emit()向上传播(同层和上层)broadcast()向下传播(同层和下层)$scope是一个js对象$scope提供了一些工具方法$watch()/$apply() 实时监测对象属性变化,内部会自动执行$scope是表达式的执行环境(作用域)$scope是...
2015-08-11 07:13:32 167
原创 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 87
原创 html5之后全局js编辑
<script>window.document.designMode = "on"//off on:浏览器上的任何元素都可以进行编辑</script>建议不要使用全局属js属性进行编辑,还是用html5标签自带的contenteditable属性比较好,只针对需要修改的内容进行编辑 ...
2015-07-26 18:02:52 226
原创 html新增属性_1
script中新增属性:async async 规定异步执行脚本(仅适用于外部脚本)。defer defer 规定是否对脚本执行进行延迟,直到页面加载为止。input中新增:
2015-07-26 17:20:42 96
原创 html5存储
localStorage.setItem('aa','aa');undefinedlocalStorage.getItem('aa');"aa"localStorage.removeItem('aa');undefinedlocalStorage.clear();undefinedsessionStorage.setItem('bb','bbtest');un...
2015-07-23 07:45:18 84
原创 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 4023
原创 自定义浏览器事件绑定函数
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 319
原创 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 357
原创 仿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 188
原创 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 1618
原创 自定义随机数
//随机生成一个数 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 274
原创 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 228
原创 原生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 340
原创 包含多个图层、缩放条、工具条、鼠标位置、弹出窗口
<style type="text/css"> #map { width: 640px; height: 475px; border: 1px solid black; } .olControlPanel div { di...
2015-04-10 01:09:38 160
原创 OpenLayers创建地图
Insert title here var map = null; function init(){ var options = { controls:[new OpenLayers.Control.KeyboardDefaults...
2015-04-10 01:09:26 416
原创 css sprite布局小图标
常用网页小图标加载方式:1、 css sprite方式,即将多个小图标放置在一张大图上,然后通过background-image/background-position 来进行绝对布局。要注意的是要确保每个小图标大小一致。 【优势,相对于多个小图标分开请求传输效率更高,方便管理】2、html + font3、css + font...
2015-04-10 01:08:43 174
原创 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 104
原创 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 138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人