文章档案「2016年12月」 - 时间脱臼

摘要：以上代码效果如图：响应式效果如下：阅读全文

posted @ 2016-12-30 17:30 时间脱臼阅读(105) 评论(0) 推荐(0)

angularJs 常用知识点总结自定义模块 ngRoute 单页面代码片段进行传参动态引入页头页尾 Animation 动画表单

摘要：ng四大特征：①采用了MVC的设计模式②双向数据绑定（view和model）③依赖注入④模块化设计一、如何自定义模块并进行调用？？自定义模块：angular.module()模块之间如何相互之间的调用： angular.module('myApp02',['ng','myApp01']); 模块阅读全文

posted @ 2016-12-29 19:14 时间脱臼阅读(148) 评论(0) 推荐(0)

angularJs 内置的服务自定义服务依赖注入注入器

摘要：一、ng内置的服务（$http,$interval,$timeout...） ①双向数据绑定的工作原理<p>{{num}}</p> >ng框架自动添加一个监听（watch），和$scope.$watch是一样的，只要是数据发生了变化，视图就会更新。？？？如何知道数据是否发生了变化？ng会周期性的运行阅读全文

posted @ 2016-12-29 13:45 时间脱臼阅读(264) 评论(0) 推荐(0)

angularJs 自定义指令常用方法格式转换过滤器

摘要：一、自定义指令语法：var app = angular.module('myModule',['ng']);app.directive(name,fn); 自定义指令：restrict:'EACM'E-->Element 元素A-->Attribute 属性C-->Class M-->Comment 阅读全文

posted @ 2016-12-28 12:58 时间脱臼阅读(388) 评论(0) 推荐(0)

angularJs 常用方法

摘要：一、常用的设计原则和设计模式 1、设计原则（明确）① YANGI（You aren't gonna need it）不写不需要的代码②KISS（Keep it simple and stupid）代码越简单越好③DRY（Don't Repeat Yourself）封装代码④高内聚低耦合内聚：一个阅读全文

posted @ 2016-12-26 20:20 时间脱臼阅读(331) 评论(0) 推荐(0)

svg绘制柱状图

摘要：效果图如下：阅读全文

posted @ 2016-12-24 11:39 时间脱臼阅读(1329) 评论(0) 推荐(0)

SVG相关知识点总结

摘要：HTML5新特性之五——SVG绘图 Canvas绘图 SVG绘图绘图类型位图矢量图缩放失真不失真颜色细节丰富不够丰富应用领域照片、游戏统计图、图标、地图内容 JS绘制每个图形都是标签事件绑定不方便方便 Scalable Vector Graphiph，可缩放的矢量图阅读全文

posted @ 2016-12-24 11:25 时间脱臼阅读(197) 评论(0) 推荐(0)

canv的基本语法

摘要：可用的绘图技术： (1)Canvas技术 —— 专用于绘制2D图形/图像 (2)SVG技术 —— 专用于绘制矢量图 (3)WebGL技术 —— 目前不是HTML5标准技术，功能最强大，3D图形/图像 1.Canvas绘图技术 —— 最重要&难点 <canvas width="600" height= 阅读全文

posted @ 2016-12-24 11:18 时间脱臼阅读(1341) 评论(0) 推荐(0)

less基本语法

摘要：Less语法学习 (1)Less支持CSS所有的语法 (2)Less支持多行/单行注释，但CSS只支持多行注释，所以Less中的单行注释不会被编译到CSS文件 (3)Less有变量(Variable)的概念声明变量：@变量名: 值; 使用变量：选择器 {样式: @变量名; } 变量值可以是任意合阅读全文

posted @ 2016-12-24 10:50 时间脱臼阅读(1026) 评论(0) 推荐(0)

BootStrap 轮播广告效果

摘要：效果图如下：阅读全文

posted @ 2016-12-23 15:39 时间脱臼阅读(163) 评论(0) 推荐(0)

BootStrap 表单组

摘要：以上代码效果图如下：阅读全文

posted @ 2016-12-23 14:06 时间脱臼阅读(100) 评论(0) 推荐(0)

BootStrap 登录/注册模态框

摘要：以上代码效果图如下：阅读全文

posted @ 2016-12-23 13:25 时间脱臼阅读(1038) 评论(0) 推荐(0)

BootStrap INTEL响应式导航栏demo

摘要：以上代码效果图如下：阅读全文