随身笔记

作者： admin

WordPress禁止自动转换符号
当我们用wordpress后台写文章时候使用一些字符如：英文的 “” 在发布之后聪明的wordpress自动将符号转化为中文的字符的“”很让人讨厌，所以我们要禁用它。
```
//修改functions.php文件

remove_filter('the_content', 'wptexturize'); //禁用文本编辑器自动转化符号
```
2016 04.26
什么是MVC，MVP 和 MVVM
MVC，MVP 和 MVVM是什么

MVC模式的意思是，软件可以分成三个部分。
- 视图（View）：用户界面，前端参与。
- 控制器（Controller）：业务逻辑，也就是if else代码判断，后端参与
- 模型（Model）：提供/保存数据
各部分之间的通信方式如下。
1. View 传送指令到 Controller
2. Controller 完成业务逻辑后，要求 Model 改变状态
3. Model 将新的数据发送到 View，用户得到反馈
所有通信都是单向的。

二、互动模式

接受用户指令时，MVC 可以分成两种方式。一种是通过 View 接受指令，传递给 Controller。

另一种是直接通过controller接受指令。

三、实例：Backbone

实际项目往往采用更灵活的方式，以 Backbone.js 为例。

1. 用户可以向 View 发送指令（DOM 事件），再由 View 直接要求 Model 改变状态。

2. 用户也可以直接向 Controller 发送指令（改变 URL 触发 hashChange 事件），再由 Controller 发送给 View。

3. Controller 非常薄，只起到路由的作用，而 View 非常厚，业务逻辑都部署在 View。所以，Backbone 索性取消了 Controller，只保留一个 Router（路由器）。

四、MVP

MVP 模式将 Controller 改名为 Presenter，同时改变了通信方向。

1. 各部分之间的通信，都是双向的。

2. View 与 Model 不发生联系，都通过 Presenter 传递。

3. View 非常薄，不部署任何业务逻辑，称为”被动视图”（Passive View），即没有任何主动性，而 Presenter非常厚，所有逻辑都部署在那里。

五、MVVM

Model和View并无直接关联，而是通过ViewModel来进行联系的，Model和ViewModel之间有着双向数据绑定的联系。因此当Model中的数据改变时会触发View层的刷新，View中由于用户交互操作而改变的数据也会在Model中同步。

简单的说，ViewModel就是View与Model的连接器，View与Model通过ViewModel实现双向绑定。

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html
2016 04.26
前端学习流程图

2016 04.25
avalon2.0笔记

avalon笔记

介绍1.5.x笔记 https://sdeno.com/?p=3699

———————————————————————-

avalon2.x下载地址：https://github.com/RubyLouvre/avalon

先来感受一下2.0的ms-*指令

更新此文章的时候avalon2.0直接是从1.5.6升级到了2.0，增加了什么和修改了什么在下面的链接可以查看的到：

https://github.com/RubyLouvre/avalon

1.x.x和2.x的比较：http://www.cnblogs.com/rubylouvre/p/5358820.html

1,去掉AMD内置加载器 //也就是说默认已经是shim版本的了

2,<div ms-click=”@click”>1</div> // 现在要加@符号了（好无聊）

3,avalon.scan(document.getElementsByTagName(‘body’)[0],[vm]) //现在第一个参数也要必须加了，第二个参数可选

4,移除html表达式过滤器写法如：{{@con | html}}改成ms-html=”@con” 不兼容IE7了 ,查看console.log(avalon.filters) 看新增了什么过滤器

5,对ms-duplex做了兼容处理保证取值正确

ms-duplex-string 如果为null, undefined, 转换为”, 其他转字符串
ms-duplex-number 如果元素的值为”,则为”,其他情况调用parseFloat, 若结果为NaN,转0
ms-duplex-boolean 如果元素的值为’true’则转换为true,其他为false
ms-duplex-checked 根据原来元素的checked属性取反

6,对$watch方法完善，写法照着1.5.x的写法去写

2016 04.20
前端资源收集
https://github.com/zdd1124/Front-end-tutorial

https://github.com/AutumnsWind/Front-end-tutorial

部分内容是出自： https://github.com/jsfront/src/blob/master/qq.md 资源教程:
六. API:

1. 总目录
1. 开发中心
  - mozilla js参考
  - chrome开发中心（chrome的内核已转向blink）
  - safari开发中心
  - microsoft js参考
  - js秘密花园
  - js秘密花园
  - w3help 综合Bug集合网站
2. 综合搜索
  - javascripting
  - 各种流行库搜索
3. 综合API
  - runoob.com-包含各种API集合
  - 开源中国在线API文档合集
  - devdocs 英文综合API网站
2. jQuery
3. Ecmascript
4. Js template
5. 弹出层
6. CSS
7. Angularjs
8. React
9. 移动端API
1. API
2. 框架
  - 特色的HTML框架可以创建精美的iOS应用
  - 淘宝SUI
10. avalon
11. Requriejs
12. Seajs
- seajs
- seajs 中文手册
13. Less,sass
14. Markdown
- Markdown 语法说明 (简体中文版)
- markdown入门参考
- gitbook 国外的在线markdown可编辑成书
- mdeditor 一款国内的在线markdown编辑器
- stackedit 国外的在线markdown编辑器，功能强大，同步云盘
- mditor 一款轻量级的markdown编辑器
- lepture-editor
- markdown-editor
15. D3
- d3 Tutorials
- Gallery
- lofter
- iteye
- ruanyifeng
16. 兼容性
17. UI相关
- bootcss
- MetroUICSS
- semantic
- Buttons
- kitecss
- pintuer
- amazeui
- worldhello
- linuxtoy
- gitmagic
- rogerdudler
- gitref
- book
- gogojimmy
18. HTTP
- HTTP API 设计指南
19. 其它API
20. 图表类
21. vue
21. 正则
22. ionic
- ionic
23. 其它
- Mock.js 是一款模拟数据生成器
七. 开发规范
八. 其它收集

1. 各大公司开源项目
- Facebook Projects
- 百度web前端研发部
- 百度EFE
- 百度github
- alloyteam
- alloyteam-github
- alloyteam-AlloyGameEngine
- AlloyDesigner 即时修改，即时保存，设计稿较正，其它开发辅助工具
- H5交互页编辑器AEditor介绍 H5动画交互页开发的工具介绍
- AEditor H5动画交互页开发的工具
- maka
- 值得订阅的weekly
- 腾讯html5
- 奇舞团开源项目
- Qunar UED
2. Javascript
3. Html5
- HTML5 有哪些让你惊艳的 demo？
4. CSS
- browserhacks
5. jQuery
1. 焦点图
6. Ext, EasyUI, J-UI 及其它各种UI方案
7. 页面社会化分享功能
- 百度分享 pc端
- JiaThis pc端
- 社会化分享组件移动端
- ShareSDK 轻松实现社会化功能移动端
- 友盟分享移动端
8. 富文本编辑器
9. 日历
10. 综合效果搜索平台
11. 前端工程化
12. 轮播图
1. pc图轮
2. 移动端
13. 文件上传
14. 模拟select
15. 取色插件
16. 城市联动
- jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果
17. 剪贴板
18. 简繁转换
- 简繁转换
19. 表格 Grid
20. 在线演示
21. 播放器
- Html5 VideoPlayer
22. 粒子动画
- Proton 烟花
九. Nodejs
十. 性能优化
十一. 前端架构
十二. 个人作品

1. 推荐作品
2. 群员作品
3. 国外大牛精品
- pazguille
十三. 简历模板
十四. 面试题
十五. iconfont
- 中文字体
- 淘宝字库
- 字体
- 制作教程
- zhangxinxu-icommon
- icommon
- 用字体在网页中画ICON图标(推荐教程)
- 字体压缩工具感谢初级群　[深圳-小鱼] 的推荐
十六. 开发工具类
1. 前端开发工具
2. Chrome, Firebug, Filddle 调试
3. img
4. 生成二维码
  - 生成二维码
5. 浏览器同步
  - puer
  - liveReload
  - f5
  - File Watchers
6. 在线PPT制作
  - nodePPT
  - PPT
  - reveal
  - slippy
十七. 前端导航网站
十八. 常用CDN
十九. Git,SVN,Github
1. Git
2016 04.19

作者： admin

WordPress禁止自动转换符号

什么是MVC，MVP 和 MVVM

二、互动模式

三、实例：Backbone

四、MVP

五、MVVM

前端学习流程图

avalon2.0笔记

前端资源收集

六. API:

1. 总目录

2. jQuery

3. Ecmascript

4. Js template

5. 弹出层

6. CSS

7. Angularjs

8. React

9. 移动端API

10. avalon

11. Requriejs

12. Seajs

13. Less,sass

14. Markdown

15. D3

16. 兼容性

17. UI相关

18. HTTP

19. 其它API

20. 图表类

21. vue

21. 正则

22. ionic

23. 其它

七. 开发规范

八. 其它收集

1. 各大公司开源项目

2. Javascript

3. Html5

4. CSS

5. jQuery

6. Ext, EasyUI, J-UI 及其它各种UI方案

7. 页面 社会化 分享功能

8. 富文本编辑器

9. 日历

10. 综合效果搜索平台

11. 前端工程化

12. 轮播图

13. 文件上传

14. 模拟select

15. 取色插件

16. 城市联动

17. 剪贴板

18. 简繁转换

19. 表格 Grid

20. 在线演示

21. 播放器

22. 粒子动画

九. Nodejs

十. 性能优化

十一. 前端架构

十二. 个人作品

1. 推荐作品

2. 群员作品

3. 国外大牛精品

十三. 简历模板

十四. 面试题

十五. iconfont

十六. 开发工具类

十七. 前端导航网站

十八. 常用CDN

十九. Git,SVN,Github

7. 页面社会化分享功能