前端
文章平均质量分 79
airpor
这个作者很懒,什么都没留下…
展开
-
JavaScript 精华一页纸
JS 自身操作部分1、数据类型 | 变量定义动态语言,不需要指定参数的数据类型,也就是说可以任意赋值数字 | 布尔 | 字符串 | 数组 | 对象未定义的变量 undefinedundefined 和 null 的区别:undefined 值为 null,类型为 undefined,表明未定义;null值为null,类型为 object,表明为空。字符串原创 2017-04-07 16:15:12 · 1105 阅读 · 0 评论 -
完整的客户端组件化案例 angularJS + requireJS
1、H5页面,引入 requireJS和其配置文件;同时使用 angularJS的模块index.htmlAngularJS+RequireJS2、requireJS 定义加载路径(可以加载样式和js文件),在这里加载angularJS 和 自定义的组件main.jsrequire.conf原创 2017-04-13 22:44:36 · 842 阅读 · 0 评论 -
React 精华一页纸
同 angularJS、Vue一样,React 也是一种替换框架,采用JSX语法进行替换react.min.js - React 的核心库react-dom.min.js - 提供与 DOM 相关的功能browser.min.js - 用于将 JSX 语法转为 JavaScript 语法1、典型用法入门例子ReactDOM.render(Hello, w原创 2017-04-07 17:44:28 · 343 阅读 · 0 评论 -
Angular 1.x 精华一页纸
AngularJS/Vue/React 都是通过JS利用H5自定义标签和属性的能力,提供一些指令和逻辑控制,实现界面逻辑。所以他们在很多设计方面都有相似点。1、典型用法I、基本架构HTML5 部分 -- 引入应用和控制器,并指定其作用域JS部分var app = angular.module('myApp', []);app.contro原创 2017-04-07 17:43:19 · 518 阅读 · 0 评论 -
Vue 精华一页纸
Vue.js 和 angular.js一样也是一个客户端框架,利用H5自定义标签的能力,把数据和控制通过js实现分离的功能冲击比较大的就是 freemarker,jsp这些服务端模板技术,利用客户端框架+Ajax、实现客户端层面的 MVC,MVP,MVMM这些模式。html和js,双向绑定。自此,服务端可以不用再关心页面内容分发这些,只需要提供服务接口,比如Rest1、典型用法原创 2017-04-07 17:41:19 · 629 阅读 · 0 评论 -
Bootstrap 精华一页纸
Bootstrap 是基于H5利用 JS和CSS 进行布局、提供插件、动画的一个框架。使用了JQuery进行DOM控制。1、布局部分采用了 网格式布局(本质上是table布局,把页面按照网格进行布局)I、把设备分为了四种 - 按找媒体查询,实现响应式布局(按照 max-width/min-width进行区分)xs 768sm 768 - 992md 992 -原创 2017-04-07 17:39:59 · 1253 阅读 · 0 评论 -
jQuery 精华一页纸
1、选择器 $() -- 基于 CSS + XPath 的选择器语法I、基本选择器元素 | ID | Class - 替代JS的3种 getElement;可以 有多层$("div p #id") -- div 元素 子元素为pII、属性选择器$("[属性]")属性选择器支持 属性 | 判断属性值 = != | 属性值 | ^ $ 开头和结尾 | 包含 *=原创 2017-04-07 17:37:44 · 523 阅读 · 0 评论 -
HTML5/H5 精华一页纸
1、画布 -- 非常重要,H5能够展现优秀图表的源泉I、定义画布元素II、js绘制图像a、获取元素 getElementb、初始化Context - element.getContext("2d");c、绘制i、绘制路径(多边形) moveTo lineTo strokeii、绘制矩形 fillRectiii、绘制圆形 arciv、字符 fillTe原创 2017-04-07 17:06:53 · 1631 阅读 · 0 评论 -
CSS 精华一页纸
CSS核心语法 :选择器{属性:值;...}选择器I、元素选择 | ID 选择器| Class选择器II、伪类选择器 (除连接和表单外)| 属性选择器选择器可以组合(多个选择器共同指定一类属性),可以有 子孙选择器, 可以有父子选择器div pdiv>pdiv+pdiv~p结合了伪类,还可以指定某些状态/选择特定子孙/ 选择特定属性属性和样式原创 2017-04-07 17:01:05 · 437 阅读 · 0 评论 -
Node.js 精华一页纸
Node.js 本质上是一个运行平台,提供提供文件/网络等系统资源,从而使js语言有了操纵服务端的能力。应该说Node.js的出现有 划时代的作用,以前只把js定位为前端语言,有了Node.js 后 js变成了全栈语言。除了Node.js以外,熟悉java的同志可以发现 java有相应的js执行引擎 rhino / nashron,通过java搭建平台后,可以达到Node.js 的功效。原创 2017-04-13 22:46:14 · 327 阅读 · 0 评论