- 博客(27)
- 收藏
- 关注
原创 碰到小程序里面view里面文字有时候不会自动换行的问题
目标:使 class 为 title 的 text 文本自动换行。<!-- 文字 --> <view class='list-content'> <text class='title'>{{index+1}}.{{item.title}}</text> <view class='more'> <te...
2019-10-30 17:52:19
621
原创 Mbox
MobxMobx是一个功能强大,上手非常容易的状态管理工具。redux的作者也曾经向大家推荐过它,在不少情况下可以使用Mobx来替代掉redux。这张图来自于官网,把这张图理解清楚了。基本上对于mobx的理解就算入门了。官网有明确的核心概念使用方法,并配有egghead的视频教程。这里就不一一赘述了。要特别注意当使用 mobx-react 时可以定义一个新的生命周期钩子函数 compon...
2019-06-21 20:17:23
4213
原创 redux以及react-redux、redux-thunk
reduxredux也是一个架构思维, 在这个架构思维中 React 充当是 视图 V------------- redux 基础 – start ----------------------------------redux使用流程 ( todolist – 增加一条数据 )redux是一个架构思维,我们实现需要一个工具,这个工具叫做redux安装redux$ yarn ...
2019-06-21 09:25:29
148
原创 Flux使用流程
Flux使用流程Flux的使用流程要想使用FLux架构思维,需要通过一个工具进行使用, 这个工具就是flux安装 flux$ yarn add flux在src目录下 新建store目录,里面新建index.jsstore有两个功能存储数据当数据发生改变时,视图要进行更新 ( 当前组件中的state发生了改变,从新从store中获取数据,要想重新复制,那么要通过事件的发布,订...
2019-06-20 19:32:08
195
原创 React中的hook 以及 router
hook作用: 可以让我们在函数式组件中添加state,也可以让我们使用部分生命周期钩子函数useState useEffect import React,{ useState,useEffect } from 'react' const Item = ( props ) => { return <li> { props.content } <...
2019-06-20 19:30:56
3146
原创 react生命周期
组件初始化阶段constructor ( props ) {/* 1. 通过super来继承父类身上传递过来的属性,让后当前组件通过this.props接收 2. 用来初始化一个状态 3. 用来初始化绑定一个方法,将this传递给这个方法 注意: 不写方法的触发( 订阅 ) 不写具有副作用的代码( 比如: 计时器 )*/ super( p...
2019-06-17 21:04:52
126
原创 react组件以及组件的数据挂载方式
元素与组件如果代码多了之后,不可能一直在render方法里写,所以就需要把里面的代码提出来,定义一个变量,像这样:import React from 'react'import ReactDOM from 'react-dom'// 这里感觉又不习惯了?这是在用JSX定义一下react元素const app = '<h1>欢迎进入React的世界</h1>'Re...
2019-06-17 21:00:02
1962
原创 react事件
事件处理绑定事件采用on+事件名的方式来绑定一个事件,注意,这里和原生的事件是有区别的,原生的事件全是小写onclick, React里的事件是驼峰onClick,React的事件并不是原生事件,而是合成事件。事件handler的写法直接在render里写行内的箭头函数(不推荐)在组件内使用箭头函数定义一个方法(推荐)直接在组件内定义一个非箭头函数的方法,然后在render里直接使用...
2019-06-17 20:58:46
101
原创 webpack
React学习内容webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有[rollup.js] (https://www...
2019-06-17 20:57:37
165
原创 vue-router
RouterSPA ( single page App ) 单页面应用多页面应用有多个html文件,通过a标签的连接联通各个页面缺点开发起来太冗余,编译、压缩很耗时间页面之间的跳转速度太慢单页面应用不需要刷新页面,因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app主要的开发形式就是spavue路由功能...
2019-06-10 14:52:54
131
原创 vuex
状态管理(vuex) store(集中式的存储管理)什么时候用: 打算开发中大型应用集中式数据管理, 一处修改,多处使用思维流程:store.jsthis.store.commit(′increment′)−>mutationsthis.store.commit('increment') -> mutations ...
2019-06-10 14:51:43
159
原创 slot插槽、transition动画、filter过滤器
slot 插槽作用: 可以让我们在组件中书写内容<div id="app"> <Hello> <header> 头部 </header> <section> 内容 </section> <footer> 底部 </footer> </...
2019-05-29 22:03:33
280
原创 Vue生命周期
先放一张官网生命周期图:1. 生命是生命周期呢?当前组件在创建到销毁经历的一系列过程,称之为生命周期2. 生命周期的分为几个阶段?每个阶段有哪些钩子函数生命周期分为3个阶段,这三个阶段分别是: 初始化 、 运行中 、 销毁初始化阶段:有4个钩子函数 , 触发条件是自动的 beforeCreate 1. 组件即将创建,进行组件事件和生命周期的初始化 2. 项目中一般不...
2019-05-28 22:30:50
118
原创 Vue组件的使用
Vue.js通过Vue.extend() 方法来扩展组件的使用<div id="app"> <Hello></Hello></div> //1. 组件的配置项 const Hello = Vue.extend({ template: '<div> Hello component!!! </div&g...
2019-05-28 21:30:00
145
原创 Vue组件
数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax( 四部曲,一般需要我们结合Promise去封装,使用不是很便利,但是效率很高 )fetch( 本身结合了Promise,并且已经做好了封装,可以直接使用 )使用格式:使用别人封装好的第三方库目前最流行的,使用率最高的是 axiosvue中我们最常使用的vue ...
2019-05-25 17:36:55
151
原创 Vue基础
模板语法 mustache语法 双大括号语法指令Vue指令组件作用: 是用来操作DOM的,指令就是绑定在DOM身上的一个属性,这个属性具备一定的功能,这个功能用来操作DOM以后我们不在像以前一样,先获取DOM,在操作了,我们现在可以直接使用指令来操作DOM这个指令需要模板语法的支持,所以我们采用jsx语法糖模板语法模板语法支持性还是很高的,数据类型都是支持的,但是不支持...
2019-05-25 17:31:13
119
原创 初识vue
1. 前端框架的发展历史前端工程师( 攻城狮 )12. html css + div13. js 加入 jquery14. MVC angular1.0 react / vue14年2月正式发布15. vue / 衍生:2016年9月21日,微信小程序正式开启内测。2017年1月9日0点,万众瞩目的微信第一批小程序正式上线,用户可以体验到各种各样小程序提供的服务2. Vu...
2019-05-22 21:39:08
186
原创 mongoose
mongoosemongodb这个数据的操作肯定不止一种形式,mongoose只是其中一种mongoose操作流程安装mongoose$ cnpm i mongoose -D连接数据库 var mongoose = require( 'mongoose ) //mongoose.connect(连接地址/数据库名称) mongoose.connect( 'mongodb:...
2019-05-21 21:49:27
137
原创 MongoDB
mongodb1. 关系型数据库 概念 , 常用的数据库有哪些?2. 非关系型数据库 概念,常用数据库3. mongodb 和 sql区别 1. sql 是 数据库 表 行 2. NoSql 是 数据库 集合 文档4. bson是mongodb的数据存储格式5. bson是json的超集- 数据库功能是用来存储数据的。 - 数据库...
2019-05-21 21:31:19
103
原创 socket几种解决方式
1.net的socket (思想)SocketServer.jsconst net = require('net')const server = new net.createServer()let clients = {}let clientName = 0server.on('connection', (client) => { client.name = ...
2019-05-21 18:12:55
278
原创 express
api接口暴露测试接口是否正常,我们可以使用测试工具:postman insomniaBE: BackEnd 后端express中一个路由即一个接口api接口暴露的方式有两种:第一种: 使用模板进行暴露,但是要将数据做字符串转换,然后使用ejs的非转义输出 router.get('/',function( req,res,next ) { res.render(...
2019-05-21 17:09:42
97
原创 终端命令(持续更新)
终端gitbash 客户端软件中的命令 叫 linux命令clear 清屏ls 列出当前目录下的所有目录和文件mkdir 创建目录文件夹vim/vi 文件名称(全称)键盘按一下 I 键 , 会发现编辑器左侧会出现一个 INSERT 的标识,标识可以进行编辑了然后我们就可以输入代码或是内容了如果要退出,先按键盘的 ESC 键, 当 INSERT 标识消失后,在按 ...
2019-05-21 16:56:09
103
原创 GIT
CVS(完全淘汰,缺点:每次保存都是全部文件)SVN(好处:每一次更新只保存改变的文件,缺点:一个服务器)前面的 CVS 和 SVN 都是基于一个服务器的,如果脱离服务器,项目的版本保存就没有了任何意义,Git 恰恰处理了这样的问题,Git 是一个分布式的版本控制系统,在 Git 中即使用户离线,也能进行项目的提交和更新操作,等到下次连线服务器时进行整体的同步操作。Git和SVN的区别...
2019-05-21 16:53:20
155
原创 用Node.js创建静态服务器、模块的上传和使用(前端模块化)
Node.js服务器Node.js服务器有两种web服务器( 静态服务器 )api服务器( 动态服务器 ) 数据接口用Node.js创建一个静态服务器,然后将文件部署在这个服务器中源代码:var http = require( 'http' );var port = 8080 ;var hostname = '127.0.0.1'var path = require( '...
2019-05-14 22:42:38
158
原创 nvm安装Node.js
什么是Node.js?Node.js是一门后端语言基于Chrome v8引擎的js运行环境除此之外:还有其他的引擎: 单片机、actionscriptNode.js有两大特征事件驱动事件的定义(发布)事件的触发(订阅)非阻塞式 I/O 模型非阻塞 : 执行一个任务时,不需要等待这个任务执行完成,就可以去执行其他任务I/O: 磁盘文件操作 / 数据库数据操作...
2019-05-14 22:40:50
132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人