页面配置 B站有很多页面,比如说首页啊,动画页啊,音乐页啊,舞蹈页啊,那就从首页开始. 通过观察首页,可以看见有很多模块除了内容之外,在布局颜色等方面都是一样的,所以我可以开发一些模板或者插件,到时候直接插进主页里面去就行,然后内容数据就设置为可配置的形式. 模板就用ejs,于是我去了解了webpack中多个ejs生成html文件并且导入数据的方法.总结起来有2种. ejs-loader (1)在webpack.config.js中配置用ejs-loader解析ejs文件.(我只写了重要的部分,…

环境配置 主要参考入门Webpack,看这篇就够了,webpack入门和webpack实用配置. 实用开发环境 利用下面的webpack.json和webpack.config.js可以搭建一个使用ejs和sass的实用开发环境. webpack.json "devDependencies": { "autoprefixer": "^8.1.0", "babel-core": "^6.26.0", &quo…

计划 现打算: 计划用webpack打包 + 模板语言 + jquery + jquery ui + bootstrap做一个仿B站的静态网站. 网站兼容手机浏览器端. 部分模块打算仿照SPA用js加载的方式实现. 数据结构要有方便配置的形式.(便于网站更新) 网站优化,目前打算用图片懒加载等方法. 最终结果要与B站90%相同,包括动画,互动等,不包括用户登录,视屏播放等(因为要服务器支持). 后续打算: 网站用vue重构. 把网站做成一个webapp. 添加服务端. 前端工程 参考前端工程说明…

概述 在项目中不可避免的会用到jquery等第三方库,来看看有什么问题,怎么解决. 遇到的问题 一般情况下,直接require第三方库,比如jquery,然后webpack会自动把第三方库打包进bundle.js里面去,这样就造成了三个问题: bundle.js的文件会非常大. 每次更新bundle.js的时候根本没有更新第三方库,但是用户仍然要下载包含所有第三方库的bundle.js,不利于缓存. 更新第三方库的时候很麻烦,又要重新下bundle.js.(虽然这种情况很少) 理想的解决方案 我…

Flutter实战(交流群:452892873) 本项目是一个实战项目,根据目录建文件,并复制从第一节到最新更新的文章,可以构成完整的一个请求后台数据的项目: CateModel.dart class CateModel { List<CateItemModel> result; CateModel({this.result}); CateModel.fromJson(Map<String, dynamic> json) { if (json['result'] != null)…

参考 : https://www.jianshu.com/p/0a30aca71b16…

加群452892873 下载对应34课文件,运行方法,建好项目,直接替换lib目录 CheckOut.dart import 'package:flutter/material.dart'; import 'package:flutter_jdshop/services/ScreenAdapter.dart'; class CheckOutPage extends StatefulWidget { CheckOutPage({Key key}) : super(key: key); _Check…

加群452892873 下载对应25课文件,运行方法,建好项目,直接替换lib目录,在往pubspec.yaml添加上一下扩展. cupertino_icons: ^0.1.2 flutter_swiper: ^1.1.6 flutter_screenutil: ^0.5.3 dio: ^2.1.13 shared_preferences: ^0.5.3+4 flutter_inappbrowser: ^1.2.1 provider: ^3.1.0 用到的目录文件: lib/pages/tabs…

Search.dart import 'package:flutter/material.dart'; import 'package:flutter_jdshop/services/ScreenAdaper.dart'; class SearchPage extends StatefulWidget { SearchPage({Key key}) : super(key: key); _SearchPageState createState() => _SearchPageState(); }…

前提:在这里使用的是webpack模板进行搭建 第一步.安装Vue-cli并且进行初始化 首先打开git,在里面使用npm全局安装Vue-cli,并且进行初始化 npm i vue-cli -g 然后使用vue init <template(模板名,我这里使用的是webpack)> <项目文件夹名称(我这里使用的是project)>初始化一个Vue项目模板 vue init webpack project 之后在模板下载时候会弹出如下配置选项         配置好后按下回车就构建…