前端学习 本人生物科学本科毕业四年,27岁。从去年九月份开始接触网站开发,到现在利用Node.js初步搭建完成一个博客应用,不知不觉已经大半年。从最开始的Html,CSS,Javascript的学习,慢慢深入到jQuery框架,Bootstrap框架,LESS等,到今年5月份租用服务器,购买域名,搭建了自己的Wordpress博客系统。再到六月份学习Node.js。七月初开始利用这大半年学到的所有技术,开始构建Node.js博客应用。此中心酸和喜悦不可言语。 关于Blog应用 Blog应用:http://jowin88.duapp.com/ 代码在GitHub:https://github.com/Jocs/node_mongodb_blog_system 如果大家懒得注册,可以用以下账号登陆:{user:fumin@126.com ,pass:123456} **已经实现功能:**1、发布文章功能、点赞和关注文章功能、还有修改标签、修改标题、修改文章内容、添加回复、删除回复等功能。这些功能都是通过jQuery的Ajax和服务器进行通讯,把更新数据发送到服务器,服务器进行数据库修改,成功后返回更新后的数据到客户端,客户端再进行前端数据更新。 2、消息推送。当关注文章被其他Blog用户评论后,页面右上角会出现一条推送消息,主要是利用了Html的WebSocket技术,在实现上使用的是Socket.io。文章加载完成后,客户端会把登陆用户所关注的文章发送到服务器,服务器就会把客户加入到以文章的“id”命名的room中,当某篇文章被评论后,服务器就把评论的内容发送到相应的加入该room的客户端。 3、评论区域向上的小三角和显示通知的按钮。通过Ajax向服务器获取SVG,通过SVG画出来的三角。显示通知的按钮利用了CSS3的animation模块。 **将要实现功能和优化:**通过关键字搜索功能、个人主页内容、点击标签搜索具有相同标签的文章、网站SEO优化、网站压力测试、IE浏览器中的一些Bug和不兼容。 说了这么多,其实我就想问问:关于Blog应用有哪些可以优化的地方?作为前端开发的小菜鸟,我怎么进一步学习? 其实我最想问:在上海,我能够应聘前端工程师了吗?
分割线----------------------------------更新 2015-07-29---------------------------------------------------------------
通过在网上的测试,网站进行大面积优化:
1、增加表单验证功能,注册时用户名不能为空,不能够包含空格。邮箱地址必须合法,密码不能少于六个字符,密码不能为空。发表文章表单验证,标题、标签不能为空。内容不能少于4000?字符。评论不能为空。 2、优化了Schema设计,Schema中的voter和watcher field 的type为:Schema.Types.ObjectId,然后通过population,映射到对应的user document。这样就不会出现点赞或关注文章和别的用户冲突了。(ps:以前voter和watcher中存储的是登陆者姓名)。 3、Users model增加了注册时间。 4、SVG向下兼容,优雅降级。如果浏览器不支持SVG,就是用其他替代方法。