My-Note-Blog
My-Note-Blog copied to clipboard
huangchucai
主要生活blog
## vuex > 场景重现：一个用户在注册页面注册了手机号码，跳转到登录页面也想拿到这个手机号码，你可以通过vue的组件化通讯来实现数据的传递，子组件传递事件`$emit('事件', data)`,父组件来监听这个自定义事件`@事件`调用这个方法，如果对于数据复杂的情况下，你是不是需要一个能够让所有的组件都访问一个数据源的需求? **Vuex：**就是专门管理vue.js开发的状态管理模式，集中管理了组件的状态和数据，这样我们可以清楚的知道哪一个数据被改变。 *什么情况下需要使用vuex*: 当你的页面数据很复杂，通讯很复杂的时候，vuex就是一个非常不错的选择了。 ### 单向数据流 - **state**，驱动应用的数据源； - **view**，以声明方式将**state**映射到视图； - **actions**，响应在**view**上的用户输入导致的状态变化。  1. 所有的状态都是通过state反应 2. 所有的组件数据驱动都是来自于一个对象 ### 运行原理 1. **Vue组件**通过dispatch来触发**Vuex的actions** 2. Vuex的actions触发自己内部的**mutations** 3. mutations触发内部的数据源state 4....
### 公司接口 **用户中心**：http://113.108.139.178:11808 1. 登录接口： /user/login/ post password phone 2. 用户注册： /front/reg/ post password phone nickName **资源中心：** http://113.108.139.178:8014 1. 个人案例列表-包含图片信息： /res/resinfo/case/query/0 根据x-token get 2. 新增/修改个人案例： /res/resinfo/case/saveOrUpdate | | 变量名 |...
#### 世人皆醒，为我独醉，人生何苦如此---sunnyhuang ### **题目1：** 为什么要使用模块化？ 1. 解决命名冲突 2. 依赖管理 3. 可以提高代码的可读性 4. 提高代码的复用性 5. 避免污染全局变量 ### 题目2：CMD、AMD、CommonJS 规范分别指什么？有哪些应用   - **AMD(异步模块定义)**：由于浏览器加载脚本天生异步，AMD是一个在浏览器模快化开发的规范，但是由于元素的js并没有define()和require(),所以AMD规范运用了requirejs库。 - ** CMD(通用模板定义)**：也是异步加载模块，它和AMD只是模块定义的方式和模块记载的时机不同 > AMD和CMD的区别以及运用 > > 1....
### 小工具 在使用npm start 的时候，需要不断的修改代码，但是命令行不会实时的更新，nodemon实时的更新命令行 1. `npm install --save-dev nodemon` 2. 替换node为nodemon - 之前的 "start": "node index.js" - 改成 "start": "nodemon index.js" npm 6.4之后添加了--inspect来调试浏览器 1. "start": "nodemon --inspect index.js" ###...
###### 人生就像一列开往坟墓的列车，路途上会有很多站，很难有人至始至终陪你走完全程，当陪你的人要下车时，即便不舍，也要心存感激，然后挥手告别。---sunnyhuang --- ## HTTP ### 1. OSI 七层模型指什么  开放式系统互联通信参考模型(OSI) > 主机层 > > Data(数据层）7.应用层 6. 表示层 5.会话层 > > Segments(数据段) 4.传输层 > > > > 媒介层 > >...
### 模块导入导出的方法 #### 1. CommonJS中的exports require module.exports - commonJS对于模块的定义分三部分，模块的导入，模块的导出，模块的标识 - **模块的标识**： require方法里面的参数。最好是小驼峰命令的。可以是./ ../等相对路径，也可以是绝对路径 - **模块的导出**：commonJS中module对象有一个exports方法，可以把文件作为一个模块导出 ```javascript // test.js exports.hello = 'world'; // index.js var hello = require('./text') //如果没有添加后缀名，node会默认添加.js .json .node...
### webpack实战 #### 1. 加载css的2中情况 - 行内加载 - 单独生成css文件加载 ##### 1.1 行内加载 我们使用webpack2对不同的css,stylus,已经bootstrap进行编译和加载，废话不多说，直接上代码结构 - 开始编写webpack.config.js ```javascript // main.js const path = require('path'); module.exports = { entry: './main.js', output: { path:...
常用的对象的方法
## 常用的对象的方法 ### 1. Object.create() 创建对象 1. 使用说明 ```javascript //指定原型对象和其属性创建一个新的对象 //第一个参数是原型，第二个参数是一个对象，包含自身的属性(按照的是Object.defineProperties()的第二个值书写) var obj = Object.create({foo:1},{bar:{value:22},name:{value:'hcc'}}); ``` 1. 使用场景 ```javascript // 通常用于继承对象 function Parent(name,age){ this.name=name; this.age=age; } Parent.prototype.say=function(){console.log("my name is "+this.name)}...
### webpack实战 #### 1. 加载css的2中情况 - 行内加载 - 单独生成css文件加载 ##### 1.1 行内加载 我们使用webpack2对不同的css,stylus,已经bootstrap进行编译和加载，废话不多说，直接上代码结构 ```javascript // 把css变成style放入页面 npm install --save style-loader // 解析css的loader npm install --save css-loader // 解析stylus的stylus-loader npm install...