一些概念

在实际使用项目中总会遇到各种各样的问题,这里是纪录一些常见的技巧

关于SEO

SEO即Search Engine Optimization,翻译过来便是搜索引擎优化, SEO是指通过站内优化,比如网站结构调整, 网站内容建设, 网站代码优化等以及站外优化,比如站外推广, 网站品牌建设等,使网站满足搜索引擎收录排名需求,在搜索引擎中提高关键词排名,从而吸引精准用户进入网站,获得免费流量,达到直接销售或品牌推广
具体上来说,没有进行SEO的网站大多有以下特征

1. 网页中大量使用图片视频等,没有可检索的文本信息
2. 网页没有标题,标题中没有包含有效的关键词
3. 网页正文中有效关键词比较少
4. 网站导航系统让搜索引擎看不懂
5. 大量动态网页影响搜索引擎检索
6. 没有其他已被收录的网站提供的链接
7. 网站中充斥着大量垃圾信息
8. 网站缺少原创

具体的优化手段的优化手段有很多,这里不做具体说明,具体参考百度百科
但是这里做一些总结

1. 网站本身的内容优化, 比如关键字,内部链接, 网站内容更新,代码压缩改进
2. 外部链接保持多样性,提供更多更优质的友情链接
3. 建立网站地图, 优化网站结构
4. 关键词选择等

XHTML CData

在今天翻看JavaScript高级程序设计的时候,发现了这么个东西,原来JavaScript在XHTML中使用是有所限制的, 书中介绍的是<的问题, 由于在XHTML中,<会被当做一个新标签的开始来解析,而且<后边是不能跟空格的,所以类似于if(a < b)这样的代码会出现语法错误, 解决这种问题, 有两种方法

使用相应的HTML实体(< )来替换代码if(a < b)不过并不好理解,所以还是推荐第二种方法
第二种方法就是用一个CData片段来包含JavaScript代码,在CData区域中, 可以使用任何字符

/*
可能有些浏览器不兼容XHTML,所以只要注释掉就好了
*/

XML和JSON的区别？


(1).数据体积方面。

JSON相对于XML来讲，数据的体积小，传递的速度更快些。

(2).数据交互方面。

JSON与JavaScript的交互更加方便，更容易解析处理，更好的数据交互。

(3).数据描述方面。

JSON对数据的描述性比XML较差。

(4).传输速度方面。

JSON的速度要远远快于XML。

单页应用的优缺点

优点：
1、具有桌面应用的即时性、网站的可移植性和可访问性。
2、用户体验好、快，内容的改变不需要重新加载整个页面，web应用更具响应性和更令人着迷。
3、基于上面一点，SPA相对对服务器压力小。
4、良好的前后端分离。SPA和RESTful架构一起使用，后端不再负责模板渲染、输出页面工作，web前端和各种移动终端地位对等，后端API通用化。
5、对前端人员javascript技能要求更高，促使团队技能提升。
缺点：
1、不利于SEO。
2、初次加载耗时相对增多。
3、导航不可用，如果一定要导航需要自行实现前进、后退。
4、对开发人员技能水平、开发成本高。

Webpack

WebPack 是一个模块打包工具，你可以使用WebPack管理你的模块依赖，并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、Javascript、CSS以及各种静态文件（图片、字体等），让开发过程更加高效。对于不同类型的资源，webpack有对应的模块加载器。webpack模块打包器会分析模块间的依赖关系，最后生成了优化且合并后的静态资源。

单向数据绑定和双向数据绑定

单向数据绑定
指的是将预先写好的模板与后台数据整合在一起组装成HTML代码并将其插入到文档流中
缺点: 很明显,当需要更新数据的时候需要先删除原有的HTML代码并且重新插入新的HTML
双向数据绑定
指的是数据模型( Module ) 和视图( View ) 之间的双向绑定, 用户对于视图的修改都会自动同步到数据模型中, 而当数据模型某些值产生变化的时候也会即刻同步到视图中
优点是不需要跟单向数据绑定那般进行CRUD操作,AngularJS跟VueJS都实现了双向数据绑定