|-- index.html // 启动页(主页) |-- build //构建目录,遵循发布系统规范 | |-- index.html //静态页面 | |-- static //资源文件发布到cdn,或发布到服务器 | |-- src //源码目录 | |--component // 组件 | | |-- common //公共组件 | | |-- temp //父组件 | |--Config //工具方法 | |--Image //图片资源 | |--Redux // react-redu…

欢迎大家加入我的社区:http://t.csdn.cn/Q52km 社区中不定时发红包 文章目录 1.脚手架的分析 2.ref属性 2.1 基础知识 2.2 代码实现 2.3 测试效果 3.Props配置 3.1 基础知识 3.2 代码实例 3.3 测试效果 1.脚手架的分析 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └──…

初识webpack webpack是帮助我们管理复杂项目的工具. 学习webpack会极大扩充前端开发视野. webpack可以实现: Tree shaking 懒加载 代码分割 webpack4速度更快,大型项目甚至可以节约90%构建时间. 内置了更多的默认配置,变更了许多API. Loader HMR Create React App Caching Plugin SourceMap Vue cli 3.0 Shimming WebpackDevServer TreeShaking Code…

Vue-cli 一.安装vue-cli 安装vue-cli的前提是你已经安装了npm,安装npm你可以直接下载node的安装包进行安装.你可以在命令行工具里输入npm -v  检测你是否安装了npm和版本情况.出现版本号说明你已经安装了npm和node,我这里的npm版本为3.10.10.如果该命令不可以使用,需要安装node软件包,根据你的系统版本选择下载安装就可以了. 下载地址:http://nodejs.cn/download/ npm没有问题,接下来我们可以用npm 命令安装vue-cl…

上一篇中介绍了webpack-dev-server属性配置 这一篇就简单的梳理下webpack-dev-server内部实现. 由于涉及到源码解析,所以会涉及到一些比较难啃的知识,我会尽量进行简单化描述. 但如果还是具有具有难度 或 对 webpack-dev-server内部实现不感兴趣的朋友,也可以完全跳过此篇. 调试webpack-dev-server 配置调试方式 日常开发开发中,如果对代码逻辑不熟悉,最简单的方法就是调试,一步步观察流程. 学习webpack-dev-server源码,…

执行流程: 执行npm run serve.找到了main.js文件,之后引入Vue.App等等.后来找到App组件,发现里面用到了组件School,于是执行School组件,最终汇总到App组件.通过main.js的render函数将App组件放入容器.然后找到index.html就放到里面创建的容器app main.js 1 <!--该文件是整个项目的入口文件--> 2 <!--引入Vue--> 3 import Vue from 'vue' 4 5 <!--引入App组…

环境:            有2个业务接口需要转发到82的服务器上:     ../user/getCode.do     ../user/doLogin.do 现象:          使用上述的2个接口实现用户登录功能,首先显示登录页面,调用../user/getCode.do获取验证码,然后用户界面输入用户名.密码和验证码,点击登录之后调用../user/doLogin.do接口实现登录.结果../user/doLogin.do后端总是找不到验证码,因为浏览器没有把cookie中的JSE…

这节主要讲解真正项目用用到的 webpack配置问题,项目实战篇 就像我们不会完全做一个项目,不用别人的轮子一样.这个配置我们借用 vue-cli 搭建的配置来研究,因为它已经足够优秀. 有了前面的基础,这节快速切入主题. 文章目录 1. 用 vue-cli脚手架 初始化项目 2. 学习分析vue-cli的配置 2.1. 目录结构 2.2. config目录 2.3. build目录,webpack配置精华 2.3.1. webpack.base.conf.js 2.3.2. webpack.d…

       YII 框架源码分析    百度联盟事业部——黄银锋 目 录 1. 引言 3 1.1.Yii 简介 3 1.2.本文内容与结构 3 2.组件化与模块化 4 2.1.框架加载和运行流程 4 2.2.YiiBase 静态类 5 2.3.组件 6 2.4.模块 9 2.5 .App 应用   10 2.6 .WebApp 应用   11 3.系统组件 13 3.1.日志路由组件  13 3.2.Url 管理组件  15 3.3.异常处理组件  17 3.4.Cache 组件   17 3…

当我遇到问题: 要沉着冷静. 要管理好时间. 别被bug或error搞的不高兴,要高兴,又有煅炼思维的机会了. 要思考这是为什么? 要搞清楚问题的本质. 要探究问题,探究数据的流动. TodoList 1. 编写actions.js 分析state 试着拆分成多个reducer 3. 了解store 4. 了解redux数据流生命周期 5. 分析容器组件和展示组件 搞清楚,数据到底是如何流动的? 6. 编写展示组件的代码 7. 编写容器组件 8. 传入store 9. 其他 TodoList 脚…