- 博客(27)
- 收藏
- 关注
RSS订阅原创 git详细操作
操作尽量全在拉下来的文件夹操作。别在子分支一、git clone远程操作的第一步，通常是从远程主机克隆一个版本库，这时就要用到git clone命令。$ git clone <版本库的网址>比如，克隆jQuery的版本库。$ git clone https://github.com/jquery/jquery.git该命令会在本地主机生成一个目录，与远程主机的版本库同名。如...
2019-06-05 21:34:41
187
原创 详细React和node.js面试题
1.React15生命周期及各自的作用组件在整个 ReactJS 的生命周期中，主要会经历这4个阶段：创建阶段、实例化阶段、更新阶段、销毁阶段。1.创建阶段： 该阶段主要发生在创建组件类的时候，即调用 React.createClass 时触发 这个阶段只会触发一个 getDefaultProps 方法，该方法返回一个对象并缓存起来。然后与父组件指定的 props 对象合并，...
2019-06-02 19:24:11
673
原创 详细Vue面试题
1. 虚拟DOM虚拟DOM( VDOM )是利用了js的Object对象模型来模拟真实DOM,它的结构是一个树形结构，操作虚拟DOM比真实DOM更高效2. diff算法diff算法的思维来自于后端,用来比较两个或多个文件,返回值是文件的不同点,diff算法进行的是同级比较diff算法的比较思维（Vue中），会出现以下四种情况: 1. 此节点是否被移除 ---> 添加新的节...
2019-06-02 19:23:43
8141
原创 详细J面试题
1. 实用js写红绿灯的效果？<ul id="traffic" class=""> <li id="green"></li> <li id="yellow"></li> <li id="red"></li></ul>ul { position: absolute; width: 20...
2019-06-02 19:23:22
1550
原创 React( mobx的使用以及配置 )
#react脚手架 - Mobx配置 （装饰器）创建项目create-react-app app进入项目cd app进行配置文件抽离yarn eject安装mobx mobx-reactyarn add mobx mobx-react注意： 如果git冲突解决： 我们要原操作先放到本地暂存盘git add .git commit -m ‘安装mobx m...
2019-05-17 21:14:57
842
原创 React ( redux 的使用流程及简单的案例 ,redux的数据划分使用,以及react-redux,react-thunk的使用)
reduxredux基础redux中数据的划分（ reducer 划分）redux中的中间件组成部分store 数据的管理者view react的组件来充当actionsCreators 动作的创建者， 用来发送一个 action ❥(^_-)reducer 动作的触发者， 用来修改数据的 ，reducer是一个纯函数，它里面有一个返...
2019-05-16 15:39:23
843
原创 React ( flux使用流程及流程图 )
组件获取到store中保存的数据挂载在自己的状态上用户产生了操作，调用actions的方法actions接收到了用户的操作，进行一系列的逻辑代码、异步操作然后actions会创建出对应的action，action带有标识性的属性actions调用dispatcher的dispatch方法将action传递给dispatcherdispatcher接收到action并根据标识信息判断之后...
2019-05-15 22:43:56
1901
原创 React-router( 路由 HashRouter 和 BrowserRouter 模式)
react-router我们使用的是4.+版本，使用的是react-router-domreact-router是3.x的版本路由的模式有两种老浏览器提供的 hash模式， 我们称之为： HashRouterH5提供的的 history 模式，我们称之为 BrowserRouter注意： H5模式的路由需要后端支持使用路由在index.js中使用路由模式将组...
2019-05-14 20:40:13
5622
原创 React 组件( 父子组件通信, 子父通信, 跨组件通信, 非父子组件通信,高阶组件 )
生命周期第四个阶段 – 错误处理案例代码 import React from 'react' class Error extends React.Component { constructor(props) { super(props); this.state = { error: false }; ...
2019-05-14 20:33:28
734
原创 React 事件以及组件 ( 生命周期钩子函数 初始化,运行中,销毁,错误 )
原生js — 事件事件概念构成谁触发: DOM事件触发的形式： on addEventListener事件类型: click keyup keydown事件处理程序事件对象事件传参 var box = doucment.querySelector( 'div' ) box.onclick = function(){ //事件处理程序 ...
2019-05-13 21:20:17
2748
原创 React - props state及react组件的创建方式
React组件数据挂载方式react中将数据细分为两个类型props 属性 举例： 一出生就具备特性state 状态 举例： 可以改变的特性、属性props外部传入父组件通过 属性的形式 将 数据可以绑定在子组件身上 ， 子组件通过 this.props 获得外部传入的props只能通过外...
2019-05-11 14:21:05
177
原创 Vuex
什么是状态？用一条数据去管理一个视图或是视图中的一部分，那么我们就将这个数据称之为状态什么是状态管理？用一条数据去管理一个视图或是视图中的一部分，那么我们就将这个数据称之为状态，这种管理的形式我们称之为 状态管理vuex是做什么的？（概念）vuex是一个集中式的存储仓库【状态】，类似于 本地存储、数据库，vuex是vue的状态管理工具，它的功能主要是实现多组件间的状...
2019-04-29 17:25:16
98
原创 Vue 路由的使用 ( 动态传参 动态路由 路游接参 导航守卫)
路由的使用命名路由给路由起个名字，这样可以方便我们在使用路由的时候， 简写路径命名视图给出了一级视图以外的其他视图起名字， 这样可以区分不同级别的路由使用不同级别的视图动态路由 & 路由传参 & 路由接参vue cli3 配置反向代理 20分钟在根目录下面新建一个 vue.config.js // vue.config.js中可以...
2019-04-28 21:55:27
703
原创 封装自定义插件库以及 VueRouter的使用流程
封装自定义插件库定义一个组件就是一个单文件组件 Loading.vue注册组件 import Loading from './components/Loading.vue' export const loading = { install () { Vue.component( 'Loading', Loading) } } 使...
2019-04-26 21:56:18
434
原创 webpack 应用 以及vue 的 cli(脚手架)
webpackwebpack-dev-serverresolve 文件扩展名可以省略es6 -> es5 ( 优雅降级 )什么叫做优雅降级， 什么叫做渐进增强？优雅降级指的是， 先进行高版本开发， 然后向下兼容渐进增强指的是， 先进行低版本稳定开发， 然后在进行高版本技术的引用css代码抽离（将src目录css文件打包到dist目录中， 并且会自动在index.html...
2019-04-25 22:46:14
197
原创 Vue组件的生命周期
组件生命周期钩子函数，就是options里面的key, 它的值是函数钩子函数写在其他配置项的后面组件的有哪几个阶段？初始化阶段运行中阶段销毁阶段初始化阶段分为两个大阶段， 每一个大阶段包含两个生命周期钩子函数 ---- 生命周期 --》人的一生 钩子函数 --》 （人在某个阶段做得一些事情， 这些事情是自动触发）有那四个钩子函数呢？每个钩...
2019-04-23 11:47:26
260
原创 Vue组件 ( 组件通信 )
组件注册Vue.component(组建名称, 组件的配置)在组件中使用components的配置项来表示问题：组件命名问题* 组件命名和html原生标签冲突 Header Footer ----> header footer* 大驼峰的写法 ```javascript Vue.componennt('ZhangJun',{...
2019-04-22 11:03:32
200
原创 Vue的底层原理
vue深入响应式原理数据模型–》 vm中 的data选项状态管理什么叫做状态？什么叫做状态管理？我们使用一个数据去管理视图中的一个部分， 那么这条数据就叫做状态， 这种管理模式就叫做状态管理Object.defineProperty( obj, obj.attr , descriptor )* 存储器:* get函数 设置了当前对象的初始值* get函数 要求必须要有返回值...
2019-04-19 14:43:26
4544
原创 Vue开发todolist的开发文档
todoList需要实现的功能:开关的切换inputflag:false ( 切换输入框的开关 )makesure:false ( 切换确定是否删除的开关 )save:false ( 切换存入本地数据的开关 )<div class="maskbox_input" v-show="inputflag" @click="maskInput"> ...
2019-04-18 21:57:06
211
原创 Vue基础语法
##Vue的基础语法及一些底层原理0. vue.js源代码匿名函数 (function(){}) ()特点安全性高减少了函数命名冲突第二个括号才是函数的真正运行， 里面可以传入实际参数第一个括号确定了匿名函数的作用范围， 语法不会报错， 里面放一个没有名字的函数， 函数可以接收形式参数底层代码封装匿名函数作用确定vue.js这个库的使用方法直接将V...
2019-04-17 21:27:23
309
原创 Vue 基础
2. Vue.js基础Vue介绍尤雨溪 google实习 阿里任职 weex研究团队（访问原生设备的库） vue.js是属于他的个人项目vue.js目前适用于中小型项目vue.js借鉴了 react 和 angular扩展：和vue.js很类似一个库 avonlon.js也是一个个人项目司徒正美微博尤小右vue.js是一个前端...
2019-04-16 21:57:21
210
原创 前端的书写规范
1. 前端的开发规范目录构建的规范命名原则：简洁比如： src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包不使用复数比如： 不使用 imgs docs根目录（root）结构按职能划分比如：1. src 源代码（逻辑）2. doc 文档3. dep 第三方依赖包4. test 测试根据业务逻辑进行...
2019-04-16 20:30:14
265
原创 gulp在项目中的详细使用流程
1. 前端的开发规范目录构建的规范命名原则：简洁比如： src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包不使用复数比如： 不使用 imgs docs根目录（root）结构按职能划分比如：1. src 源代码（逻辑）2. doc 文档3. dep 第三方依赖包4. test 测试根据业务逻辑进行...
2019-04-16 20:29:13
251
原创 小细节和一些总结分享
1.setTimeout的第三个参数(是作为第一个函数的参数传入的)var timeoutID = scope.setTimeout(function[, delay, param1, param2, …]);var timeoutID = scope.setTimeout(function[, delay]);var timeoutID = scope.setTimeout(code[, ...
2019-04-16 08:45:55
171
原创 前端的异步流程工具
前端异步流程工具传统方案:1.回调函数2.事件工具的方案:Promise通过new Promise()参数是一个回调函数， 回调函数中有两个参数 （resolve reject）resolve也是一个函数， 函数中接收参数， 参数为任务resolve 中任务主线程 ， 而then中任务是放在异步队列中的，执行在主线程之后Promise对象的api...
2019-04-15 17:03:37
141
原创 linux命令
linux命令mkdir 创建文件夹vim 简写 vi 创建文件的rm -rf 文件名称 删除递归删除find ./ -name ‘文件名称’ -print -exec rm -rf {} ;举例： find ./ -name ‘node_modules’ -print -exec rm -rf {} ;cat 文件名称 查看某个文件的内容前端渲染 vs 后端渲染前端拿到数据之...
2019-04-14 09:42:08
88
原创 mongoose的核心命令
核心内容webServerapiServer( 后端工程师， 前端写接口 ) —》 测试工具（postman insomina ）expresskoaexpress中一个路由就是一个接口2.5. 玩架构思想需求： 将express框架 —》 RMVC框架RMVCR —》 Router 路由M —> Model 数据V —> View 视图C —> Con...
2019-04-14 09:41:21
363
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人