- 博客(18)
- 收藏
- 关注
RSS订阅原创 Redux介绍及使用流程
reduxredux也是一个架构思维， 在这个架构思维中 React 充当是 视图 V------------- redux 基础 – end ----------------------------------redux使用流程 ( todolist – 增加一条数据 )redux是一个架构思维，我们实现需要一个工具，这个工具叫做redux安装redux$ yarn ad...
2019-06-26 08:55:11
284
原创 react--生命周期
React生命周期1. 初始化 1. constructor ( props ) { /* 1. 通过super来继承父类身上传递过来的属性，让后当前组件通过this.props接收 2. 用来初始化一个状态 3. 用来初始化绑定一个方法，将this传递给这个方法 注意： 不写方法的触发（ 订阅 ） ...
2019-06-26 08:52:19
130
原创 react-router
react router 4.0 react-router-domReact router的模式：HashRouter老浏览器的history,通过hashchange事件来监听url的变化情况BrowserRouter新浏览器的history，借助了H5提供的createBrowserRouter来实现，通过监听popstate事件来实现React router四个核心包包名 De...
2019-06-26 08:50:13
125
原创 vue-生命周期
生命周期生命是生命周期呢？当前组件在创建到销毁经历的一系列过程，称之为生命周期生命周期的分为几个阶段？每个阶段有哪些钩子函数生命周期分为3个阶段，这三个阶段分别是： 初始化 、 运行中 、 销毁初始化阶段：有4个钩子函数 ， 触发条件是自动的beforeCreate1. 组件即将创建，进行组件事件和生命周期的初始化2. 项目中一般不使用（ 兵哥 ）3. 有的开发者也会在这...
2019-05-28 22:13:38
121
原创 vue-插槽，动态组件和过滤器
动态组件动态组件：动态组件是vue内部提供了一个叫做component的组件，这个组件身上可以通过绑定is属性来进行 组件的切换keep-alive组件可以进行组件的内容缓存，将组件的内容存入浏览器缓存中，这样可以大大的节省街切换的事件keep-alive 和 component动态组件两者常常一起搭配使用实例：<!DOCTYPE html><html lang=...
2019-05-28 22:12:48
365
原创 vue-实现动画类型
Vue实现动画类型:vue中实现过渡或是动画一共提供了这样四种形式：在 CSS 过渡和动画中自动应用 class — 自己写css3动画可以配合使用第三方 CSS 动画库，如 Animate.css – 别人写好了类名，我们用在过渡钩子函数中使用 JavaScript 直接操作 DOM – 自己用原生js来写动画可以配合使用第三方 JavaScript 动画库，如 Velo...
2019-05-28 22:12:22
685
原创 vue-组件
组件组件化组件化是当今最为流行的一种可复用性增加的方法，随着当今前端开发的复杂度更加，这个组件化变得越来越流行组件的基础组件是一个具备html css img js …等的一个聚合体组件的表现形式就类似一个标签组件至少得有模板全局注册和局部注册1. Vue.js通过Vue.extend() 方法来扩展 组件的 使用2. Vue.extend( options ) 里面的o...
2019-05-28 22:11:52
111
原创 vue基础二
数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax( 四部曲，一般需要我们结合Promise去封装，使用不是很便利，但是效率很高 )fetch( 本身结合了Promise,并且已经做好了封装，可以直接使用 )使用格式：使用别人封装好的第三方库目前最流行的，使用率最高的是 axiosvue中我们最常使用的vue ...
2019-05-26 15:12:35
263
原创 vue基础一
模板语法 mustache语法 双大括号语法指令Vue指令组件作用： 是用来操作DOM的，指令就是绑定在DOM身上的一个属性，这个属性具备一定的功能，这个功能用来操作DOM以后我们不在像以前一样，先获取DOM，在操作了，我们现在可以直接使用指令来操作DOM这个指令需要模板语法的支持，所以我们采用jsx语法糖模板语法模板语法支持性还是很高的，数据类型都是支持的，但是不支持...
2019-05-26 12:37:46
140
原创 vue初步了解
1. 前端框架的发展历史前端工程师（ 攻城狮 ）12. html css + div13. js 加入 jquery14. MVC angular1.0 react15. vue 微信小程序2. Vue.js第一次使用什么是框架？什么是库框架是有一套自己的生态系统的库是没有自己的生态系统的， 它就是一个工具查看vue.js的源代码暂时学习使用的是 全局变量 ...
2019-05-22 21:19:31
146
转载 Socket的三种解决方案
1. .net的socket (思想)1.1 SocketServer.jsconst net = require('net')const server = new net.createServer()let clients = {}let clientName = 0server.on('connection', (client) => { client....
2019-05-22 21:14:54
407
原创 CommonJS,AMD,ES6模块
我们之前写的Javascript一直都没有模块化的体系，无法将一个庞大的js工程拆分成一个个功能相对独立但相互依赖的小工程，再用一种简单的方法把这些小工程连接在一起。这有可能导致两个问题：一方面js代码变得很臃肿，难以维护另一方面我们常常得很注意每个script标签在html中的位置，因为它们通常有依赖关系，顺序错了可能就会出bug在es6之前为解决上面提到的问题，我们得利用第三方提供的一...
2019-05-22 20:27:43
252
原创 前后端渲染+express简单介绍
前端渲染是通过ajax请求数据，然后通过js语法将数据展示到页面中，称之为前端渲染后端渲染是通过后端语言 + 后端模板( ejs ) 将 页面整个发送给前端后端模板ejspug( jade )art-template现在流行的： 前端渲染问题： 当前后端同时进行项目开发是， 后端数据接口没有写好，但是前端却需要这个接口，这个时候怎么办？分析： 需要一段数据解...
2019-05-22 20:16:58
487
原创 express后端渲染页面+restful api暴露接口
后端渲染页面有以下步骤：（以渲染一个http:localhost:8000/login 页面为例）进入app.js 首先引入路由配置文件， var loginRouter = require( './routes/login' ) //再创建路由级中间件 app.use('/', loginRouter)在routes中创建login.js文件 ，里面写的是数据...
2019-05-22 20:15:29
521
原创 前后端渲染比较
前端渲染 vs 后端渲染前端渲染是通过ajax请求数据，然后通过js语法将数据展示到页面中，称之为前端渲染后端渲染是通过后端语言 + 后端模板( ejs ) 将 页面整个发送给前端后端模板ejspug( jade )art-template现在流行的： 前端渲染问题： 当前后端同时进行项目开发是， 后端数据接口没有写y好，但是前端却需要这个接口，这个时候怎么...
2019-05-16 20:54:04
507
原创 聊一聊ES6的解构赋值
##ES6的结构赋值基本用法：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构数组的结构赋值对象的结构赋值数组的结构赋值是按照顺序赋值的 //1. 最简单用法 let [ a, b, c ] = [ 1, 2, 3 ]; a //1; b //2; c //3; //2. 如果没有相应的值给变量赋值 let [ a, b, c...
2019-05-15 22:16:03
128
原创 关于nvm,npm,node.js,nrm之间的关系
npm：node.js的包管理器，是全球最大的开源生态系统。（cnpm，yarn也是node.js的包管理器）cnpm：淘宝镜像，使用cnpm可以使下载包速度很快。nvm：nvm是用来维护和安装node.js的版本的。nrm：nrm是用来管理或是切换npm/cnpm等包管理工具的nvm的常用命令：1.先装nvm镜像进入C:\Users\Administrator\AppData\Roa...
2019-05-14 22:13:28
303
原创 nodejs的初步分享
什么是Node.js?Node.js是一门后端语言基于Chrome v8引擎的js运行环境除此之外：还有其他的引擎： 单片机、actionscriptNode.js有两大特征事件驱动事件的定义（发布）事件的触发（订阅）非阻塞式 I/O 模型非阻塞 ： 执行一个任务时，不需要等待这个任务执行完成，就可以去执行其他任务I/O： 磁盘文件操作 / 数据库数据操作...
2019-05-13 22:13:28
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人