随笔分类 - 学习实战
摘要:在之前的文章中我们已经成功的配置了webpack对脚本、样式、HTML、图片、字体的处理, 本文将详细介绍webpack神器,webpack-dev-server的配置。 通过本文的阅读你可以学到 webpack-dev-server的安装 webpack-dev-server的热更新 关闭正在运行
阅读全文
摘要:在之前的文章中我们已经完成了webpack对于脚本、css、html的处理。 通过阅读本文,你可以解决以下几个问题: webpack如何处理图片 webpack如何处理字体文件 一、webpack处理图片 url-loader 1. url-loader 安装 其实处理字体和图片,使用一个url-l
阅读全文
摘要:通过阅读本文,你将能够解决以下几个问题: 添加版本号 src中的html打包到dist里面 建立通用模块 一、打包html到单独的文件夹 1.安装 html-webpack-plugin 首先我们使用一个插件,这是官方文档html-webpack-plugin。 安装一下 改一下page -> vi
阅读全文
摘要:一、概要 通过阅读本文你可以解决以下几个问题: 1.对脚本的处理 (1)JS用什么loader来加载? (2)官方文档上的例子entry只有一个js,我们有多个怎么办 (3)output里要分文件夹存放目标文件,怎么设置? (4)jQuery引入方法? (5)想提取出程序里的公共模块应该怎么处理?
阅读全文
摘要:一、脚手架搭建概要 1. ->输入参数 ->会生成package.json,所有的npm信息都会在里面。 2.npm基本操作 3.Webpack 设计思想:require anything 加载方式:各种loader插件 编译原理:commonjs模块 -> function类型模块 官方文档:ht
阅读全文
摘要:有什么需要初始化 项目目录 目录工具:脚手架npm+webpack 一、项目目录的搭建 1.git仓库的建立 git项目建立:oschina(当然也可以用github,配置过程是一样的) git配置权限 gitignore配置,git的忽略规则 2.目录结构的设计 src page+view 存放页
阅读全文
摘要:一、代理服务器在项目中的作用 开发时建立一个本地的代理服务器 localhost:8080 用来处理html js的init 后端接口一般不和前端接口放在一起 导致跨域问题,因此需要使用代理服务器来搞定这个问题 在本项目中我们将选择fiddler 4,mac用户可以选择charles,代理服务器的选
阅读全文
摘要:一、sublime 1.sublime的优点 功能设计合理,支持多光标操作 轻量级,运行速度快,使用流畅 界面简洁美观,有利于集中注意力 扩展性号,插件很多 2.sublime常用设置 Sublime -> Preferences -> Setting-User 3.快捷键 二、chrome调试工具
阅读全文
摘要:一、开发环境 1.语言环境 jquery webpack(基于nodeJS) git 2.开发工具 开发工具Sublime 浏览器Chrome 代理工具 Charles/Fiddler 4 二、node.js 定义:JS的服务端运行环境,可以类比为PHP,Python 用途:构建工具webpack的
阅读全文
摘要:一、职责范围 1.后端 数据存储 文件服务 数据接口 2.前端 数据请求 数据处理 页面展示 二、接口文档规范 1.格式 接口名称 接口说明 接口地址 请求信息 相应信息 2.请求和响应 接口状态:0成功,1失败,10未登录 接口数据 接口错误信息 完成一个接口文档!!!->待完成 加前缀,按功能模
阅读全文
摘要:一、架构设计 1.分层架构 定义:把功能相似,抽象级别相近的实现进行分层隔离。 优势:松散耦合(易维护、易复用、易扩展) 常见分层方式:MVC、MVVM 2.模块化 定义:解决一个复杂问题时,自顶向下逐层把系统划分为若干模块 意义:解耦,可并行开发 模块化方案:AMD,CMD,CommonJS,ES
阅读全文
摘要:一、电商平台构架 1.购买 (1)购物车 (2)展示 (3)下单 (4)订单中心 (5)支付 2.用户 (1)帐号体系 (2)会员 (3)用户行为 (4)等级体系 (5)用户信息 (6)地址 3. 统计: (1)成交量 (2)成单率 (3)用户增长 (4)推广效果 (5)转化率 (6)访问情况 4.
阅读全文
摘要:一、课程笔记 1.BING的天涯路 2.
阅读全文
摘要:一、npm install 安装依赖包: 卸载依赖包: 参数: 参考资料: 1.项目脚手架搭建概要 2.搭建一款前端脚手架工具 3.如何发布npm包 第一部分:脚手架搭建概要 npm init //npm初始化 ->输入参数 ->会生成package.json,所有的npm信息都会在里面。 npm基
阅读全文
摘要:一、用户设置 { "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme", "font_size": 14, "tab_size": 4, "translate_tabs_to_spaces": true, "update_
阅读全文
摘要:一、 dk、tomcat、maven配置及初始化web空白项目 1. 设置jdk configure -> project defauts ->project structure (1) 添加sdk——即添加jdk (2) 设置jdk 2.设置maven configure -> project d
阅读全文
摘要:http://learning.happymmall.com 一、linux软件源配置 1. 阿里云源配置官网:https://mirrors.aliyun.com/ 教程所用CentOS: https://mirrors.aliyun.com/help/centos 源配置步骤: (1)备份 (2
阅读全文