- 博客(21)
- 收藏
- 关注
RSS订阅原创 react组件的生命周期
组件的生命周期React中组件有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后) 生命周期钩子函数一定不要写成箭头函数React生命周期React 15.x初始化运行中销毁React 16.x初始化运行中销毁错误处理React 17.x 还没有发布 【 未来版本 】初始化...
2019-09-17 20:12:00
104
原创 React-2
#JSX 原理 [ 了解 ]要明白JSX的原理，需要先明白如何用 JavaScript 对象来表现一个 DOM 元素的结构?看下面的DOM结构<div class='app' id='appRoot'> <h1 class='title'>欢迎进入React的世界</h1> <p> React.js 是一个帮助你构建页面 UI ...
2019-09-16 19:41:05
136
原创 React介绍
React的起源和发展React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。react是团队项目react是第一个使用虚拟DOM前端框架React与传统MVC的关系轻量级的视图层库！A JavaScript li...
2019-09-11 19:19:47
166
原创 React
ReactReact应用级脚手架CRAdvaumicreate-react-app 【 CRA 】React官网提供的脚手架脚手架： 作用： 快速构建一个项目全局安装create-react-app$ npm install -g create-react-app如果不想全局安装，可以直接使用npx$ npx create-react-app ...
2019-09-11 19:17:51
96
转载 Nuxt.js服务端渲染
Nuxt.js服务端渲染什么是Nuxt.jsVue服务端渲染官网Nuxt.js官网Nuxt.js是一个基于Vue.js的通用应用框架Nuxt初体验文件结构分析页面和路由基本路由Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。假设 pages 的目录结构如下那么，Nuxt.js 自动生成的路由配置如下：2. 页面跳转1&...
2019-09-09 20:50:11
199
原创 Vue高级 - Vuex
Vue高级 - VuexVuex称为Vue的状态管理工具，也是多组件状态共享的工具Vuex相当于是Vue的一个集中式的存储仓库它存储的是数据 【 状态 】存储仓库： 本地存储 cookie 数据库1. 什么是状态 我们使用一条数据去管理一个视图，那么这个数据我们就称之为 ‘状态’2. vuex是做什么的？ Vuex是一个集中式的存储管理中心，vuex中可以用来存储 ...
2019-09-03 19:46:30
182
原创 Vue项目开发流程
Vue项目开发流程一、 互联网软件开发流程1. 需要分析市场、运营、客户提出要求和需求因为 xxx 我要做 xxx举例： 我是做螺蛳粉商家，我想做一个点餐系统产品经理提炼业务需求，然后整理为 提案 【 文档 】产品经理组织完成需求评审 【 最多3次 】2. 设计研发UI设计评ui设计人员演示根据产品原型图，设计出来的设计稿产品原型图根据原型图...
2019-09-03 08:36:22
257
原创 Vue - vue-router
Vue - vue-routerSPA （ single page App ） 单页面应用多页面应用有多个html文件，通过a标签的连接联通各个页面缺点开发起来太冗余，编译、压缩很耗时间页面之间的跳转速度太慢，这个时候就会出现一个严重的问题，白屏单页面应用不需要刷新页面，因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我...
2019-08-30 20:51:20
239
原创 Vue- cli
Vue- clivue项目的快速构建工具 cli 【 脚手架 】 底层 webpack React 第一天 Vue中我们注重应用在市场上cli2 【 扩展 】cli3 【 大纲 】什么是cli?cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpackcli目前有哪些版本？cli2 cli3cli3对电脑的配置有一定要求...
2019-08-29 19:56:46
94
原创 Webpack
Webpack一、市面上有哪些类似于Webpack的前端工程化工具【 自动化工具 】gruntgulp ( 4.x )Browserify ( Webpack 前身 )Webpack 【 主流行 】rollup.js https://www.rollupjs.com/guide/zh 【 小众 】parcel 【 小众 】FIS https://fis.baidu.com/...
2019-08-28 19:27:41
92
原创 Vue基础5
5.1 todolist案例sui - ui库 + Vue + OOCSS5.2 虚拟DOM & DIff算法掌握程度： 了解案例操作真实DOM越少越好，尽量的去操作数据所以总结出来虚拟dom，所以Vue利用VDOM的对象模型来模拟DOM结构但是当一个页面很复杂式，DOM结构的模拟就变的很复杂了，所以Vue使用了一个新的语法糖，叫做JSXjsxjavascript + ...
2019-08-27 20:39:10
89
原创 Vue基础4
4.0 组件的通信 【 王者 】为什么要进行组件通信？ 组件是一个聚合体，将来项目要合并，那么必然各个组件之间需要建立联系，这个联系就是数据通信分类父子组件通信理解： data选项为什么是一个函数？组件是一个聚合体，也是一个整体，它需要一个独立的作用空间，也就是它的数据需要是独立的，目前js的最大特点是函数式编程，而函数恰好提供了一个独立作用域，所以我们data在出根组件外都是函数...
2019-08-27 11:08:45
126
原创 Vue基础
4.0 组件的通信 【 王者 】为什么要进行组件通信？ 组件是一个聚合体，将来项目要合并，那么必然各个组件之间需要建立联系，这个联系就是数据通信分类父子组件通信理解： data选项为什么是一个函数？组件是一个聚合体，也是一个整体，它需要一个独立的作用空间，也就是它的数据需要是独立的，目前js的最大特点是函数式编程，而函数恰好提供了一个独立作用域，所以我们data在...
2019-08-23 19:51:28
152
原创 Vue基础3
3.1 axios && fetch目的： 是在框架中使用数据请求回顾：封装ajax2. jquery 【 $ .get $ .post $.ajax $ .load 】框架：数据请求使用原生js提供的fetch使用第三方封装库： axiosVue中可以统一对axios进行挂载Vue.prototype.KaTeX parse error: Exp...
2019-08-22 19:17:21
107
原创 Vue.js
一、Vue基础Vue基础11.0 前端开发流程规范前端开发流程规范1.1 前端框架发展历史htmlhtml [1990]----> html5 [2008.1.12]csscss 1.0 1996css 2.0 1998css 3.0 2001EcmaScript1997年诞生2015 EcmaScript 20152016 EcmaScript 2016 ...
2019-08-21 19:05:18
116
转载 前端的开发规范
前端的开发规范本文主要从以下几个方面来概述前端的开发规范目录构建规范前端命名规范前端工作规范开发文档的书写规范前端目录构建规范我们从命名原则、根目录、业务逻辑等方面进行目录构建1.1 命名原则：- 简洁明了（如下：）* src 源代码* img 图片资源* js JavaScript脚本* dep 第三方依赖包- 不使用复数（如下：）* 不使用 imgs ...
2019-08-20 11:51:01
86
原创 Node.js身份验证与自动化测试
1.身份验证 tokenJWT用户登录 服务器端产生一个token (加密字符串) 发送给前端前端将token 进行保存前端发起数据请求的时候携带token服务端 验证token 是否合法 如果合法继续操作 不合法终止操作token 的使用场景 无状态请求 保持用户的登录状态 第三方登录（token+auth2.0）非对称加密 通过私钥产生token 通过公钥解...
2019-08-19 16:35:45
210
原创 mongoose操作数据库
2.1. Mongoose简介Mongoose库简而言之就是在node环境中操作MongoDB数据库的一种便捷的封装，一种对象模型工具，Mongoose将数据库中的数据转换为JavaScript对象以供你在应用中使用。官方文档：https://www.npmjs.com/package/mongoosehttp://mongoosejs.com/2.2Mongoose的操作流程安装m...
2019-08-16 21:59:35
477
原创 Mongodb数据库
1.1. 什么是数据库数据库(Database)是按照数据结构来组织、存储和管理数据的仓库，它产生于距今六十多年前，随着信息技术和市场的发展，特别是二十世纪九十年代以后，数据库技术得到了更加快速的发展，应用得更加广泛。主要用它进行管理各种系统的数据，作为科学研究和决策的重要技术手段。常用数据库：关系型数据库 （sql）：Access mySql SqlServer oracle db2...
2019-08-15 19:19:13
105
原创 学习Node.js-2
4.Node.js的框架 express1.express通过生成器【脚手架】2. 脚手架的安装全局安装 [ 可以使用npm、cnpm ]$ cnpm i express-generator -gnpx安装npx是npm的一个管理工具，它可以让我们不全局安装就使用某一个包npx好处就是可以帮助我们减少使用内存但是npx要求npm的版本在5.2以上npx是npm会自动携带...
2019-08-14 17:05:45
118
原创 学习Node.js
1.node.js是什么？Node.js 是一个基于Chrome V8 引擎的JavaScript运行环境Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效Node.js的包管理工具npm,是全球最大的开源库生态系统node版本常识 ：偶数版本为稳定版 （0.6.x ，0.8.x ，0.10.x）奇数版本为非稳定版（0.7.x ，0.9.x ，0.11.x）2....
2019-08-13 17:25:53
165
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人