HUJUNIL.GITHUB.IO

anjia.github.io

anjia

http://anjia.github.io/page/3

JQuery.ajax(url [,settings])执行异步 HTTP Ajax 请求 url 类型 String一个字符串，包含请求发送到的 URL settings 类型 PlainObject一组配置 Ajax 请求的 键/值 对，所有的设置都是可选的。 简介 在英语单词中，phantom [‘fæntəm] 的意思是 幽灵的、幻觉的。 那么，在计算机这里，phantomJS 是个什么东东 phantomJS 是一个基于 webkit 的服务器端 JavaScript API。 实战简介 如何使用 管理员 node.js command prompt cmd.exe 下直接执行也可以node -vnpm -v REPL REPL，Read-Eval-Print Loopnode 有自己的虚拟运行环境. JS 的模块化编程 五 - AMD vs. CMD. JS 的模块化编程 一 - 模块的基本写法JS 的模块化编程 二 - CommonJSJS 的模块化编程 三 - AMDJS 的模块化编程 四 - CMDJS 的模块化编程 五 - AMD 和 CMD 的区. JS 的模块化编程 四 - CMD.

anjia.github.io

【译】jQuery.ajax() | anjia

http://anjia.github.io/2015/07/10/jq_api_ajax

JQuery.ajax(url [,settings]). 执行异步 HTTP Ajax 请求. 一组配置 Ajax 请求的 键/值 对，所有的设置都是可选的。 API 中一共提到了 34 个设置选项，为了方便理解，这里将它们归类介绍。 请求使用的 HTTP 方法 比如 POST GET PUT [v1.9.0 中新增]. 如果你使用 jQuery 1.9.0 之前的版本，那应该使用 type. 实际接口中，不区分大小写吧 get Get GET [感觉英文中之所以大写，是因为英文本身都是小写，为了突出其是个param 或者 关键字，要么大写 要么斜体。 类型 PlainObject 或 String 或 Array. 当是 GET 请求时，它会被追加到 url 后面。 对象必须是 键/值 对，如果值是 Array，jQuery 会用相同的 key 去序列化多个值，基于 traditional 选项设置的值。 如果你想发送一个 DOM 文档，或者其他非加工的数据，设置这个选项为 false。 类型 Boolean 或 String. 何为 传统风格 的参数序列化 除了传统的，还是其他什么序列化的方式.

anjia.github.io

anjia

http://anjia.github.io/page/7

Chrome developer tool 开发者调试. 元素右键 Elements 1 强制元素4种状态 focus、hover、active、visited 下方style的箭头小方块也可以 2 复制路径 CSS路径 XPath路径 3 设置断点 子元素修改、修改属性、删除元素 Pretty print 按钮(符号{}) 格. 再松开 Alt 41459 41460 41461 41462 41463 41464 41465 41466 41467 41468 41469 41470 41456 41457 4. Handlebars.js 是一个 Javascript 客户端的模板引擎，它通过对 view 和 data 的分离来快速构建 Web 模板。 它是在加载时被预编译，而不是到了客户端执行到代码时再去编译，可以保证模板加载和运行的速度 它是一个 Javascript 库，就像你在页面. 非转义输出) 分明是不等于好么 原样输出的管道 初识的时候不易接受。 关于 同源 ，此处做三点说明 1、如果是协议 端口造成的跨域问题，在前端. HTML5 中的 postMessage 和 onmessage.

anjia.github.io

JS 的模块化编程（四）- CMD | anjia

http://anjia.github.io/2015/06/23/js_module_2_CMD

JS 的模块化编程 四 - CMD. JS 的模块化编程 一 - 模块的基本写法. JS 的模块化编程 二 - CommonJS. JS 的模块化编程 三 - AMD. JS 的模块化编程 四 - CMD. JS 的模块化编程 五 - AMD 和 CMD 的区别. JS 的模块化编程 六 - requireJS. 兼容 CommonJS 规范，它与 AMD 有很多相似之处. 当 id, dependencies 被省略时，可通过构建工具自动生成. Factory 函数 对象 字符串. 默认三个参数 define(factory(require, exports, module){})，下面依次介绍 factory 的这三个参数. Define(factory(require, exports, module){}). Require, exports, module). AdoSomething(); / 使用模块. 2require.async(id, callback? Require, exports, module). Require, exports, module).

anjia.github.io

React 的其他概念 | anjia

http://anjia.github.io/2015/07/24/fe_react_2

Action 可以来自于用户的界面操作 eg点击提交按钮 也可以来自服务器端的数据更新. Store 可以在 Dispatcher 上监听到 Action，并作出相应的操作。 结合 React，只读数据能让 React 组件仅仅通过比较对象引用是否相当来决定自身是否要重新 Render，这在复杂的界面上可以提高性能。 只读数据，并不是 Facebook 的全新发明，它起源于 Clojure、Scala、Hashell 等函数式编程语言。 JSX 不是什么新技术，它就是为了方便 FE 在 JS 里声明组件。 它呢，算是一个 模板语言 ，只是它牵扯到语法都是FE最最常用的 HTML、CSS、JS ，所以学习成本小到忽略不计。 关于 JSX 更详细的介绍，可以参考 系列三 理解JSX和组件. React Native 将 React 的思想延伸到原生的移动开发，React 对 UI 层进行了完美的抽象。 写 web 页面时，甚至能够做到完全的去 DOM 化，开发者无需进行任何 DOM 操作，直接更新数据写 js 即可。 Flipboard 则是将 UI 层换成了 Canvas。

anjia.github.io

React 简介和原理 | anjia

http://anjia.github.io/2015/07/24/fe_react

它最初来源于 facebook 内部的广告系统项目，它抛开所谓的 最佳实践 ，重新思考前端界面的构建方式，于是就有了 React。 基于 ES6 的 React 组件，不再能以 mixin 的形式进行代码复用或扩展。 可点击查看 关于 mixin 的思考. 以 简单直观 、 符合习惯 的方式去编程，让代码更容易被理解，从而易于维护和不断演化。 会面临问题 如何将服务器端 or 用户输入的数据高效地反应到复杂的用户界面上. 新的前端 UI 的构建方式 两层编程模型 数据模型、UI界面。 React 的初衷之一就是 既然整体刷新一定能解决层叠更新的问题，那我们为什么不索性就每次都这么做呢 让框架自身去解决哪些局部 UI 需要更新的问题-React做到了，实现的途径就是通过虚拟 DOM。 每次数据模型有任何变化，都将整个数据模型应用到 UI DOM 树上 由 React 来负责更新需要更新的界面部分。 虚拟DOM，是在浏览器端用 JS 实现了一套 DOM API。 基于 React 的所有 DOM 构造都是通过虚拟 DOM 进行的。 由 React 负责以最高效的方式去比较两个界面并更新 DOM 树。

anjia.github.io

【知识点】径向动画菜单的效果 | anjia

http://anjia.github.io/2015/02/02/code_point_circleMenu

效果源码 http:/ codepen.io/anjia/pen/qEyXNR. Scale 属于 CSS3 2D 转换. Scale() 根据给定的宽度 X 轴 和高度 Y 轴 参数改变元素的尺寸，让其放大或缩小。 Transform: scale(2,4); 意思是把元素的宽度变为原来的2倍 高度变为原来的4倍. Transform: scale(2); 意思是把元素的宽度和高度都变为原来的2倍. Position: absolute; 生成绝对定位的元素。 相对于第一个 position 不是 static 的父元素进行定位。 CSS 详细的定位机制，等过几天有空了新更篇博客，最近找房租房搬家一摊事刚 hai mei 折腾完 = =。 极坐标系是用 (r,θ) 来表示平面中的任意一点。 R 代表半径，θ 代表极角 方位角 ，极轴就是平面直角坐标系中 X 轴的方向。 综合以上即可轻松地算出每个子菜单的目标位置 (left, top)，具体的算法可参考源码。 CSS3 的过渡属性 transition 允许 CSS 的属性值在一定时间区间内平滑的过渡。

anjia.github.io

nodeJS 如何使用和简介 | anjia

http://anjia.github.io/2015/06/29/node_basic

管理员 node.js command prompt. Node 有自己的虚拟运行环境，输入 node 并回车，就会打开控制台，当提示符从 $ window下依然是 变成 不同 shell 可能会有不同的提示符 就可以输入你想执行的任何 js 或 nodejs 代码了。 可以用 node 加载直接运行一个 js 文件 node ppp 目录下有一个 add.js 文件. NodeJS 是建立在 Google chrome 的 V8 引擎和它的 ECMAScript 之上。 NodeJS 和 javascrip 都有的. 此外，Buffer - 是 nodeJS 特殊的数据类型. Buffer，做数据存储非常有效，eg. 从文件系统中读取内容 or 接受网络包内容等. Pid: process id 进程 id. Cwd: current work direction 当前工作目录. JS 的全局是 window，当没写 var 时，变量会默认为全局变量. 某种意义上 window = global 全局对象 process 进程. Http nodeJS 从 HTTP 服务器获取相应内容. Node I...

anjia.github.io

phantomJS | anjia

http://anjia.github.io/2015/06/29/fe_phantomjs

在英语单词中，phantom [‘fæntəm] 的意思是 幽灵的、幻觉的。 PhantomJS 是一个基于 webkit 的服务器端 JavaScript API。 它无需浏览器的支持即可实现对 web 的支持，且原生支持各种 web 标准，比如 Dom 处理、JS、CSS、JSON 和 Canvas、SVG。 Npm install phantomjs -g. 安装完后，下载的模块在这个目录下 %appdata% npm node modules. 当然前提是成功安装了 node 和 npm。 当 phantomJS 成功安装后，可以用 version 查看其版本. 下载后解压，它的代码其实和用 npm 下载下来的是一样的，也就是目录下的文件夹 %appdata% npm node modules phantomjs. 也可以在 git 上下载，直接 clone 下来。 REPL，Read-Eval-Print Loop，即自己的虚拟运行环境，即相当于 chrome 的控制台，可以执行任意 JS 代码。 退出 直接按 ctrl c，或者执行函数 phantom.exit(). Now() - t;.