Code Monkey home page Code Monkey logo

learn-vue's Introduction

learn-vue

使用vue.js搭建个人网站 #####使用技术: vue.js+webpack #####项目说明: 此项目是本人空余时间搭建的,项目会一直迭代更新。希望大家提供宝贵的意见和建议,谢谢。 #####邮   箱: [email protected] #####个人网站: 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. 初始化项目搭建;

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.