Learn React & Webpack by building the Hacker News front page from https://github.com/theJian/build-a-hn-front-page 1.安装nodejs 2.安装webpack npm i webpack -g 3.安装webpack-dev-server npm i webpack-dev-server -g 4.安装依赖 4.1安装React npm i react react-dom --sa…

vue仿手机新闻站: 1.拿到静态页面,直接用vue边布局,边写 2.假数据 没有用任何UI组件,切图完成 做项目基本流程: 1.规划组件结构 Nav.vue Header.vue Home.vue ... 2.编写对应路由 vue-router 3.具体写每一个组件功能 建议:一些公共文件 jquery,jquery插件,一般在index.html文件里面引入 main.js require() / import vue init webpack-simple news 项目需要的模块: vu…

最近在学习react,试着做了一个新闻类的网站,结合ant design框架, 并且可以同时在PC和移动端运行: 主要包含登录和注册组件.头部和脚部组件.新闻块类组件.详情页组件.评论和收藏组件等: 数据交互使用的是fetch,简洁好用,上手快: 代码在github上: https://github.com/yang302/news 有什么不懂的可以评论留言或者私信! 希望看后给个star,谢谢!…

http://wangfupeng.coding.me/share/2016/08/06/restruct-bdnews-webapp-by-react.html…

1.全局过滤器 (1)normalTime.js  自定义 将 时间戳 转换成 日期格式 过滤器 /** * 将 时间戳 转换成 日期格式 */ export const normalTime = (time) => { if(time){ var oDate = new Date(); oDate.setTime(time); var y = oDate.getFullYear(); var m = oDate.getMonth() + 1; var d = oDate.getDate();…

1.结构 2.配置详情页路由 router.config.js /** * 配置 路由 */ // 导入组件 import Home from './components/Home.vue' import Follow from './components/Follow.vue' import Column from './components/Column.vue' import UserInfo from './components/UserInfo.vue' import Article…

1.组件结构 index.js const LoadingComponent = require('./Loading.vue') const loading = { install: function(Vue) { Vue.component('loading', LoadingComponent) } } module.exports = loading; Loading.vue <template> <div class="zns-loading"> &l…

1.axios的配置 main.js import Vue from 'vue' import App from './App.vue' // 引入 路由 import VueRouter from 'vue-router' // 引入 路由配置文件 import routes from './router.config' // 引入 vuex入口文件 import store from './store/index' // 引入 axios import axios from 'axios'…

1.创建 store 结构 2.main.js  引入 vuex 3. App.vue  组件使用 vuex <template> <div id="app"> <loading v-show="loading"></loading> <NavView v-show="headerShow"></NavView> <router-view></router-…

1.项目结构 $ vue init webpack-simple news $ npm install vuex vue-router axios style-loader css-loader -D 2.main.js import Vue from 'vue' import App from './App.vue' // 引入 路由 import VueRouter from 'vue-router' // 引入 路由配置文件 import routes from './router.con…