使用vue.js搭建个人网站 #####使用技术: vue.js+webpack #####项目说明: 此项目是本人空余时间搭建的,项目会一直迭代更新。希望大家提供宝贵的意见和建议,谢谢。 #####邮 箱: yin_x_f@163.com #####个人网站: http://www.coderyin.com/ #####个人博客: http://www.jianshu.com/users/489e597a9cad/latest_articles
####历史更新 2016.04.20
1.使用sourcetree测试~
2016.03.21
1.增加博客管理组件(增加、删除记录)——blog-manage-content.vue;
2.增加表单验证,jquery-validate.js;
2016.03.15
1.修改works-content.vue;
2.增加页面之间的跳转链接;
2016.03.11
1.增加作品展示列表页面--views/work.vue(宽度固定,高度,背景颜色根据随机函数得出);
2.在.vue中增加自定义函数;
3.引入瀑布流插件;
2016.03.02
1.修改博客首页,数据从.json文件读取,嵌套页面数据;
注意点:绑定图片src应该这么写:<img v-bind:src=item.img alt="文章图片">(不加{{}}),不推荐src={{item.img}}
2.博客首页增加分享功能;
3.博客首页增加子组件嵌套子组件;
2016.03.01
1.增加博客版块页面;
2.修改webpack配置文件webpack.config.js,以支持编译多个对应的js文件;
原先:
entry: './src/app.js',
output: {
path: './dist', //文件夹生成的目录
publicPath: '../dist/', //静态文件(图片)的路径
filename: 'app.js'
},
新的:
entry: {
app:['./src/app.js'],
blog_index:['./src/blog_index.js']
},
output: {
path: './dist', //文件夹生成的目录
publicPath: '../dist/', //静态文件(图片)的路径
filename: '[name].js'
}
3.博客版块json文件添加;
2016.02.26
1. 增加页面跳转,url传参;
2. 增加get请求,模拟请求本地json文件,获得数据,重设数据源;
3. 添加公用方法库——utils.js,其中添加自定义方法获取浏览器地址栏参数;
4. 在组件中增加引用第三方库:jquery.highcharts,并完成页面操作;
2016.02.25
1. 初始化项目搭建;