Ionic基于AngularJS构建而成，所以学习一些AngularJS的知识很有必要。Ionic并没有独立开发一套完整的Web应用框架，而是对AngularJS进行了扩展，给它添加了大量界面组件和其他的移动端友好的特性。 版本angularjs1.6.X，ionic1.6.7 1.index.html 首先会进入index页面，...

2018-06-24 01:57:02 html模板

前面的话 React是如今热门的两大前端框架之一，它设计思路独特，性能卓越，逻辑简单，受到了大量开发者的喜爱。Vue的基本思路是基于HTML模板的扩展，而React的基本思路是基于JS语言的扩展。由于Vue的写法更接近于传统，所以对于习惯了HTML的开发者更容易接受；而React...

2018-06-24 01:55:25 js语言大前端html模板

1、webpack.config.js配置文件为： // 处理共用、通用的js var webpack = require('webpack' ); // 处理html模板 var htmlWebpackPlugin = require('html-webpack-plugin' ); // css单独打包 var ExtractTextPlugin = require("extract-text-webpack-plugin" ); // 获...

2018-06-24 01:55:04 html模板html文档

1、安装 npm i html-loader --save-dev 2、项目目录 layout文件夹下的footer.html文件为： script type ="text/javascript" src ="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js" / script layout文件夹下的head-common.html文件为： meta charset ="utf-8" met...

2018-06-24 01:54:20 电商教程电商视频html模板

1、项目结构 2、部分代码 module.js console.log('module.js'); index文件夹下的index.js require('../module.js' );console.log( '首页-index文件'); login文件夹下的index.js require('../module.js' );console.log( '登录页-index文件'); 3、webpack.config.js var...

2018-06-24 01:53:39 html模板

1、项目目录 2、配置文件：webpack.config.js var htmlWebpackPlugin = require('html-webpack-plugin' ); var webpack = require('webpack' );module.exports = { // entry: './src/app.js', entry: { // 通用模块 'common': ['./src/page/common/index.js' ], 'login...

2018-06-24 01:52:58 html模板

1、安装插件 npm i file-loader --save-dev npmiurl-loader--save-dev npminstallimage-webpack-loader--save-dev 2、项目目录 3、layer.less .layer { width : 600px ; height : 200px ; background-color : green ; div{ width : 400px ; height : 200px ; backgroun...

2018-06-24 01:52:17 html模板

1、项目结构 安装loader： npm i html-loader --save- devnpm i ejs-loader --save-dev 2、模板文件layer.html div class ="layer" div this is a layer / div / div 3、layer.js import './layer.less' ;import tpl from './layer.html' ; function Layer(){ return {...

2018-06-24 01:52:12 html模板

1、项目结构 安装loader： npm i html-loader --save- devnpm i ejs -loader --save-dev 2、模板文件layer.tpl div class ="layer" div this is % = name % layer / div % for (var i = 0 ;i arr.length; i ++ ) { % % = arr[i] % % } % / div 3、layer.js import './l...

2018-06-24 01:52:03 html模板

一、指令定义 对于指令，可以把它简单的理解成在特定DOM元素上运行的函数，指令可以扩展这个元素的功能。 首先来看个完整的参数示例再来详细的介绍各个参数的作用及用法： div my-directive/div angular.module('myApp' , []) .directive( 'myDirective', function ()...

2018-06-24 01:32:33 html模板