2015年11月_csdn_huangyumin

转载 D3.js SVGAxes（坐标轴）

D3的坐标轴组件会自动显示刻度的参考线。这可以让你只专注于数据的显示，而让坐标轴组件去帮你绘制坐标轴和标记刻度。 Axis D3的轴组件是为D3的quantitative, time 和 ordinal 标度所设计的。# d3.svg.axis()新建一个默认的坐标轴。# aixs(selection)轴线适用于se

2015-11-24 14:46:50 3522

转载 background-position 用法详细介绍

语法： background-position : length || length background-position : position || position 取值： length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位 position : top | center | bottom | left | center | ri

2015-11-22 15:25:00 305

转载负边距在布局中的使用

http://www.cnblogs.com/dolphinX/p/4071725.html负边距即margin属性的值设为负值，在CSS布局中时一个很有用的技巧。值为正的场景很常见，大家都很熟悉其表现当margin-top、margin-left为负值的时候，会把元素上移、左移，同时文档流中的位置也发生相应变化,这点与position:relative的元素设置t

2015-11-19 22:32:47 509

转载 web app 自适应方案总结关键字弹性布局之rem

现在移动端 web app 的自适应布局的方案有 5种。零. Flexbox 使用css3 flexbox 进行布局，对于富媒体和复杂排版的支持非常强大，未普及兼容性非常差，几乎没有在任何项目中得到应用。一. 弹性布局使用 em 或 rem 单位进行相对布局，相对 % 百分比更加灵活，同时可以支持浏览器的字体大小调整和缩放等的正常显示。

2015-11-19 22:21:16 532

转载 Flexbox——快速布局神器

http://www.w3cplus.com/css3/flexbox-basics.html简介在很多方面HTML和CSS是一个强大的内容发布机制——易学、灵活和强大。但复杂的布局是他不擅长的。如果你想创建一个简单的图片与文本的布局，那么还算简单，但是制作一个复杂的多列布局，要做的众多浏览器的兼容一致那还是很复杂的。我们通常都是使用浮动或者其他方法来实现这个目

2015-11-19 22:12:16 1429

转载 box-align

http://caibaojian.com/demo/flexbox/align-items.htmlalign-items (适用于父类容器上)设置或检索弹性盒子元素在侧轴（纵轴）方向上的对齐方式。语法align-items: flex-start | flex-end | center | baseline | stretchflex-s

2015-11-19 21:41:17 631

转载 CSS3 box-align 属性

通过使用 box-align and box-pack 属性，居中 div 框的子元素http://www.w3school.com.cn/cssref/pr_box-align.aspdiv{width:350px;height:100px;border:1px solid black;/* Firefox */display:-moz-box;-moz-bo

2015-11-19 11:34:46 510

转载 Webkit Flex伸缩盒模型

CSS3 display:flex和display:box有什么区别？著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。作者：一丝链接：http://www.zhihu.com/question/22991944/answer/23302749来源：知乎前者是flex 2012年的语法，也将是以后标准的语法，大部分浏览器已经实现了无前缀版本。

2015-11-19 11:31:07 2298

转载 AngularJS中serivce，factory，provider的区别

一、service引导刚开始学习Angular的时候，经常被误解和被初学者问到的组件是 service(), factory(), 和 provide()这几个方法之间的差别。This is where we'll start the twenty-five days of Angular calendar.二、service在Angular里面，service

2015-11-13 13:25:05 361

转载 AngularJS：何时应该使用Directive、Controller、Service？

AngularJS是一款非常强大的前端MVC框架。同时，它也引入了相当多的概念，这些概念我们可能不是太熟悉。（译者注：老外真谦虚，我大天朝的码农对这些概念那是相当熟悉啊！）这些概念有： Directive（指令）Controller（控制器）Service （服务）下面我们逐个来看这些概念，研究一下为什么它们会像当初设计的那样强大，同时研

2015-11-13 12:54:32 374

转载 AngularJS的学习--$on、$emit和$broadcast的使用

$emit只能向parent controller传递event与data$broadcast只能向child controller传递event与data$on用于接收event与data例子如下html代码div ng-controller="ParentCtrl"> 父级--> div ng-controller="SelfCtr

2015-11-13 12:28:46 305

转载 window.location方法获取URL及window.location.assign(url)和replace(url)区别

window.location方法获取URL统一资源定位符 (Uniform Resource Locator, URL)完整的URL由这几个部分构成：scheme://host:port/path?query#fragmentscheme:通信协议常用的http,ftp,maito等host:主机服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。po

2015-11-13 11:39:28 2911

转载 AngularJS模块加载

http://www.ituring.com.cn/tupubarticle/1385AngularJS模块可以在被加载和执行之前对其自身进行配置。我们可以在应用的加载阶段应用不同的逻辑组。11.1　配置在模块的加载阶段，AngularJS会在提供者注册和配置的过程中对模块进行配置。在整个AngularJS的工作流中，这个阶段是唯一能够在应用启动前进行修改的部分。

2015-11-13 11:11:11 1004

转载 jQuery中 trigger() 使用心得

trigger() 触发事件触发事件就是类似于点击click, mouseover, keydown 等有动作的js事件，简单的说就是一个动作，可能有人会问，那show, hide 是不是? 不是为什么要用 trigger() ？比如：你给一个按钮添加了一个click点击事件，弹出提示框，代码如下。var div = $("#mybutton"); //你的按钮。

2015-11-13 11:01:52 429

转载 window.location.hash属性介绍

location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利用这个属性值可以做一个非常有意义的事情。很多人都喜欢收藏

2015-11-13 10:56:58 299

转载《AngularJS》5个实例详解Directive（指令）机制

本文整理并扩展了《AngularJS》这本书第六章里面的内容，此书近期即将由电子工业出版社出版，敬请期待口令：Angular 1.一点小说明指令的作用：实现语义化标签我们常用的HTML标签是这样的：一点点内容而使用AngularJS的directive（指令）机制，我们可以实现这样的东西：

2015-11-12 09:25:33 330

转载 Web 组件 Header

http://amazeui.org/1.x/widgets/header/页头组件，为移动页面顶部的导航条设计。目录组件演示default（图标）default（图片图标）default（图标+文字）default（多图标）default（结合按钮）顶部固定使用方法直接使用使用 Handlebars云适配 WebIDE

2015-11-11 17:42:00 1122

转载 Javascript模块化编程（三）：require.js的用法

这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见

2015-11-11 17:35:50 265

转载 AngularJS快速入门

怎么样快速了解AngularJS？相信很多初学者都有过或者类似的疑问，其实这个问题没有标准的答案，每个人的技术背景、工作经验等等都不经相同，所以学习AngularJS的切入点肯定也就不同，我之前初略使用过knockoutjs，当我第一眼看到AngularJS的Helloworld案例后，顿时就被声明式的语法和强大的双向绑定特性所吸引。其实AngularJS的官方网站首页的几个例子已经很

2015-11-11 15:29:45 337

转载解决Mysql乱码问题

sudo find / -name my.cnf 查找文件路径找一个配置文件，复制到/etc/目录，命名为my.cnf（有时候没有my.cnf）cp /usr/share/doc/mysql-server-5.1.73/my-medium.cnf /etc/my.cnf在[client]和[mysqld]下面都添加上

2015-11-08 15:32:14 237

转载 nice()

d3.scale.linear() 中还有一些方法，这里介绍两个：nice() ，改变函数的 domain ，能自动把 0.00000000000001 变为最接近它的 0 ， 9.999999991 变为最接近它的 10 rangeRound() , 能自动把输出变为最接近它的整数。

2015-11-04 14:21:47 564

转载【 D3.js 进阶系列 — 1.0 】 CSV 表格文件的读取

在入门系列的教程中，我们常用 d3.json() 函数来读取 json 格式的文件。json 格式很强大，但对于普通用户可能不太适合，普通用户更喜欢的是用 Microsoft Excel 或 OpenOffice Calc 等生成的表格文件，因为简单易懂，容易编辑。Microsoft Excel 通常会保存为 xls 格式， OpenOffice Calc 通常会保存为 ods

2015-11-04 13:59:11 524

%a - abbreviated weekday name.%A - full weekday name.%b - abbreviated month name.%B - full month name.%c - date and time, as "%a %b %e %H:%M:%S %Y".%d - zero-padded day of the month as a decimal numbe

2015-11-04 12:59:53 574

转载 append("clipPath")

CSS3/SVG clip-path路径剪裁遮罩属性简介by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=4501一、SVG属性和CSS3属性千丝万缕的关系CSS3新增属性除了我们现在用的比较多的border-radius, box-shadow

2015-11-04 12:47:11 400

转载 shape-rendering: crispEdges

1　数轴简介与比例尺相似，D3 的数轴实际上也是由你来定义参数的函数。但与比例尺不同的是，调用数轴函数并不会返回值，而是会生成数轴相关的可见元素，包括轴线、标签和刻度。但要注意，数轴函数只适用于SVG 图形，因为它们生成的都是SVG 元素。同样，数轴是设计与定量比例尺（与序数比例尺相对）配合使用的。2　设定数轴使用d3.svg.axis() 可以

2015-11-04 11:38:17 3813

转载 d3.select

d3虽然是一个很强大的js库，但是作为初学者并且只是为了一个临时项目才用它的人来说，深入研究它并没有什么必要。我目前只是采用了它的比较强大的selection以及部分函数功能，实际上这部分功能利用DOM的方法也能做到，只是比较烦琐一些。但是d3也有一些不方便的地方，可能也是我学的比较深入的缘故，比方说我们都习惯用下面这个方法选中指定的标签d3.select("g#g123")

2015-11-04 11:21:46 3994

csdn_huangyumin的博客