- 博客(35)
- 收藏
- 关注
RSS订阅原创 taro小程序搭建(3.x+ 版本)
安装及使用Taro 项目基于 node，请确保已具备较新的 node 环境(>=12.0.0)安装1、 CLI 工具安装首先，你需要使用 npm 或者 yarn 全局安装 @tarojs/cli，或者直接使用 npx:# 使用 npm 安装 CLI $ npm install -g @tarojs/cli#OR 使用 yarn 安装 CLI $ yarn global add @tarojs/cli#OR 安装了 cnpm，使用 cnpm 安装 CL
2021-05-19 11:01:38
1917
原创 进阶、开放
进阶1、 二叉树二叉树每一个节点不能多于两个孩子没有孩子的节点就是叶子节点一个节点有左右两个指针，若无则指向null深度为h的二叉树最多有2^h-1个结点(h>=1)，最少有h个结点二叉树的遍历三种方式，如下：（1）前序遍历（DLR），首先访问根结点，然后遍历左子树，最后遍历右子树。简记根-左-右。（2）中序遍历（LDR），首先遍历左子树，然后访问根结点，最后遍历右子树。简记左-根-右。（3）后序遍历（LRD），首先遍历左子树，然后遍历右子树，最后访问根结点。简记左-右-根2、谈
2021-05-14 16:46:07
183
原创 JS基础
一、JS基础1、几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构?基本数据类型：Undefined、Null、Boolean、Number、String值类型：数值、布尔值、null、undefined。引用类型：对象、数组、函数。堆栈数据结构：是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出!js数组中提供了以下几个方法可以让我们很方便实现堆栈：shift:从数组中把第一个元素删除，并返回这个元素的值。unshift: 在数组的开头添加一个或更多元素，并返
2021-05-14 16:28:46
186
原创 git及git操作规范
基础一、命令1. 初始化1.git init 创建一个.git的文件夹，初始化一个本地git仓库2. 获取项目1.git clone 获取一个url对应的远程report, 创建一个local copy. 一般的格式是git clone [url]. clone下来的report会以url最后一个斜线后面的名称命名,创建一个文件夹,如果想要指定特定的名称,可以git clone [url] newname指定.3. 日志1.git log s
2021-01-04 16:54:48
249
原创 使用axios拦截器实现请求loading效果
在utils设置方法import { Toast } from 'antd-mobile'import axios from 'axios'const interceptor = { init () { //axios拦截器 // Add a request interceptor axios.interceptors.request.use(function (co...
2020-04-01 17:10:31
1249
原创 实现吸顶效果组件
import React, { Component } from 'react'; //引入由styled-components创建的样式组件 import {ScrollToTopWrapper} from './ScrollToTopStyleComponents' class ScrollToTop extends Component { constructor(p...
2020-04-01 17:02:17
718
原创 redux中使用immutable.js
1.安装yarn add immutable redux-immutable2.redux中，利用combineReducers来合并多个reduce, 但redux自带的combineReducers只支持原生js形式的，所以需要使用redux-immutable提供的combineReducers来代替redux提供的combineReducers3.store文件夹下index....
2019-07-20 17:06:51
1208
原创 webpack 单页面配置和多页面配置文件
单页面配置/* webpack配置文件 也是Node.js文件 这个文件也是一个独立的 Common.js 模块*/const path = require('path')// 1. 创建模块const webpackConfig = { entry: './src/index.js', //网络路径（ 相对路径 ） output: { //出口目录、文件的配...
2019-07-19 10:25:06
716
原创 react脚手架 - Mobx配置及基础使用学习
eact脚手架 - Mobx项目创建及配置1.创建项目$npx create-react-app project2.进入项目$ cd app3.进行配置文件抽离$ yarn eject4.启动项目$ yarn start5.配置文件抽离以后可能导致项目启动失败出现报错 ：Build fails after eject: Cannot find module ...
2019-07-18 22:18:58
892
原创 Redux框架使用流程（基础、进阶、数据交互）
Redux的设计思想：Web 应用是一个状态机，视图与状态是一一对应的。所有的状态，保存在一个对象里面（唯一数据源）。注意：flux、redux都不是必须和react搭配使用的，因为flux和redux是完整的架构，只是将react的组件作为redux中的视图层去使用了。Redux的使用的三大原则：Single Source of Truth(唯一的数据源)State is ...
2019-07-17 22:23:49
1235
1
原创 Flux的使用流程
一、Flux 组成部分View： 视图层 （ 用React的组件来代替 ）ActionCreators（动作创造者）：视图层发出的消息（比如mouseClick）Dispatcher（派发器）：用来接收Actions、执行回调函数Store（数据层）：用来存放应用的状态，一旦发生变动，就提醒Views要更新页面二、Flux的流程：组件获取到store中保存的数据挂载在自己的状态上...
2019-07-17 19:47:15
4456
原创 react简单实现登录注册逻辑（localStorage模拟实现、数据库连接并通过查询数据库实现）
1、搭建样式组件import styled from 'styled-components';export const MineContainer = styled.div` flex:1;`export const PhoneLogin =styled.div` padding:10px; input{ margin:3px; }`export...
2019-07-16 21:31:09
4449
原创 React生命周期钩子componentWillReceiveProps（）与componentDidMount ()监控全局路由变化
我们可以通过监控路由的变化情况，对不同的页面进行不同的操作处理。实现监控路由变化情况，需要使用react生命周期中两个钩子函数componentWillReceiveProps（）与componentDidMount ()import React from 'react';import './App.css';import Head from './components/common/...
2019-07-16 19:59:14
4149
1
原创 React组件的生命周期详解
React中组件有生命周期，组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理；错误处理(16.3之后)生命周期钩子函数一定不要写成箭头函数初始化阶段在组件初始化阶段会执行1. constructorReact组件的构造函数在挂载之前被调用。在实现React.Component构造函数时，需要先在添加其他内容前，调用super(props)，用来将父组件传来的prop...
2019-07-15 20:14:49
959
原创 React 中数据渲染（条件、列表）
一、条件渲染根据不同条件显示不同结果import React ,{ Component,Fragment } from 'react'class Condition extends Component { //通过不同状态控制dom元素的显示内容 constructor(){ super() this.state={ flag:fal...
2019-07-12 22:00:41
1017
原创 React中组件通信及高阶组件使用
React中组件通信主要分为：父子组件通信子父组件通信非父子组件通信跨组件通信多组件状态共享父子组件通信父子组件通信无论父组件传递是props还是state,子组件都是通过props接收父组件将自己的状态传递给子组件，子组件当做属性来接收，当父组件更改自己状态的时候，子组件接收到的属性就会发生改变//父组件import React , {Component} from '...
2019-07-12 20:36:06
570
原创 react中组件的props属性与state状态（数据挂载方式）
React中数据分为两个部分属性状态 ：频繁变化的就写成状态属性(props)props是正常从外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改，但是你可以通过父组件主动重新渲染的方式来传入新的 props属性是描述性质、特点的，组件自己不能随意更改。1、在使用一个组件的时候，可以把参数放在标签的属性当中，所有的属性都会作为组件 props 对象的键值。...
2019-07-11 21:47:49
3009
1
原创 Vue---Router(路由)基础
一、Router功能主要实现SPA （ single page App ） 单页面应用多页面应用： 有多个html文件，通过a标签的连接联通各个页面 缺点：开发起来太冗余，编译、压缩很耗时间；页面之间的跳转速度太慢，这个时候就会出现一个严重的问题，白屏单页面应用 不需要刷新页面，因为它就是一个页面；只是页面内容在切换； 页面内容之间的切换要想实现，就需要用路由如今我们的...
2019-07-04 21:54:15
349
原创 vue-vuex基本概念及开发流程
一、vuex是做什么的？vuex是一个集中式的存储管理中心，vuex中可以用来存储数据（状态）vuex也是一个状态管理中心，它可以进行状态的管理二、什么是状态？我们使用一条数据去管理一个视图，那么这个数据我们就称之为’状态’。三、什么是状态管理模式？我们使用一条数据去管理一个视图，那么这种管理模式我们称之为状态管理。四、什么时候使用vuex中大型应用使用五、vue...
2019-07-04 11:19:20
470
原创 Vue中插槽-----特殊特性slot、slot-scope与指令v-slot的使用方法
1、slot作用/概念：预先将将来要使用的内容进行保留；2、具名插槽：给slot起个名字3、slot、slot-scope已经被废弃推荐使用vue2.6.0中的v-slot；但是这边还是对新旧方法对做一下使用说明。slot插槽(不具名)<body> <div id="app"> <Test> <div>sl...
2019-06-28 19:00:58
17746
3
原创 Vue-CLI的安装、项目构建及项目构建目录说明
一、什么是cli?cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpack二、cli目前有哪些版本？cli2cli3 — cli3对电脑的配置有一定要求三、CLI的安装及项目构建1、Vue CLI需要Node.js版本8.9或更高版本2、cli的安装使用npm/cnpm/yarn 都可以安装i、使用yarn安装，首先要确保你已经安装了yarn。...
2019-06-27 21:29:39
405
原创 Vue中组件生命周期过程详解
一、什么是生命周期？Vue中的生命周期是指：组件从创建到销毁的一个过程，在这过程中，我们在每个特定阶段会触发一些方法（这些方法具备一些功能），我们给这些方法起了名字叫做(生命周期钩子函数/组件钩子)二、为什么要学习生命周期我们需要在生命周期钩子中实现项目功能，那么我们必须要知道每一个钩子函数的具体用途。三、生命周期指的是组件的生命周期。Vue的生命周期分为三个阶段，分别为：初始化，运行中...
2019-06-27 13:11:04
7286
1
原创 Vue 组件的通信方式（父子通信、子父通信，非子父（ref链、bus总线)）
一、为什么要进行组件通信？组件可以说是一个具有独立功能的整体，但是当我们要将这些组件拼接在一起时，这些组件相互之间要建立联系，这个联系我们就称之为通信二、组件的通信方式分类父子组件通信使用props实现子父组件通信通过自定义事件实现非父子组件通信通过ref链:可以实现非父子组件的通信，但是如果层级太多，就比较繁琐bus事件总线多组件状态共享（ 多个组件共用同...
2019-06-26 18:27:30
981
原创 Vue自定义事件
父组件使用props传递数据给子组件，子组件怎么跟父组件通信呢？这时，Vue的自定义事件就派上用场了。1、自定义事件每个Vue创建的实例都会出现一个事件接口 var vm = new Vue({ el: '#app' })自定义事件的定义(发布) //vm.$on(自定义事件的名称，自定义事件的事件处理程序) vm.$on( 'aa', function () { ...
2019-06-25 20:26:57
17476
3
原创 Vue之组件详解（component）
组件：是html、css、 js等的一个聚合体为什么要使用组件？组件化将一个具备完整功能的项目的一部分分割多处使用加快项目的进度可以进行项目的复用组件创建语法：Vue.component( 组件名称, 组建的配置项)组件创建原理：Vue.component( 组件名称, Vue.extend())创建vue组件主要使用了Vue.extend( options )函数; c...
2019-06-25 11:14:15
3728
原创 cookie
一、cookie 基础知识1、cookie有大小限制，每个cookie存放数据不能超过4kb，如果cookie字符串长度超过4kb，该属性，返回空字符串。2、cookie最终以文件形式存放在客户端计算机中；3、cookie格式：cookie名=值；4、cookie存在有效期，默认情况下，一个cookie的生命周期是在浏览器关闭的时候结束，如果想在关闭后还可以使用，就必须为cookie设置...
2019-06-23 15:02:35
746
原创 JavaScript中事件处理详解
常见的事件有：• 用户点击页面上的某个内容• 鼠标经过特定的元素 • 用户按下键盘上的某个按键 • 用户滚动窗口或改变窗口大小• 页面元素加载完成事件处理1.HTML事件处理:直接添加到HTML结构中 (*不推荐使用，考虑到结构分离）2.DOM0级事件处理:把一个函数赋值给一个事件处理程序属性 (事件绑定，优点:使用方便简单；缺点：只能绑定一个事件处理函数，无法执行多个任务...
2019-06-23 14:41:22
397
原创 Node.js基本介绍及安装配置
一.what is node？1、Node.js 是一个基于Chrome V8 引擎的JavaScript运行环境2、Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效事件驱动： 任务执行，发布者，订阅者，事件驱动 （ on事件发行 emit 事件订阅）非阻塞： 执行某一个任务的同时也可以执行其他任务 （异步）阻塞： 执行某一个任务，这个任务如果没有执...
2019-06-23 14:20:59
164
原创 Vue中mixins混入基础概念
mixins混入实际意义：mixins 是vue.js的一个选项，接受一个混入对象的数组意义：将组件的选项抽离出去，单独管理，复用有两种使用形式局部混入全局混入局部混入<html>//html示例代码块 <div id="app"> <button @click="add">add</button> ...
2019-06-22 19:49:54
754
原创 vue中 fetch跨域请求
fetch 是原生javaScript提供的，它可以当作全局变量使用，挂载在window对象身上的fetch的get请求方法简单基本的fetch请求（get）<div id="app"> <button @click="getData">get请求</button></div><script>是原生javaScr...
2019-06-22 16:01:58
6432
原创 vue中axios跨域请求
vue中axios跨域请求1.axios 是 第三方库使用方法：使用 npm: $ npm install axios使用 bower:$ bower install axios使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></script>axios ...
2019-06-22 13:22:31
28482
5
原创 vue中axios跨域请求
vue中axios跨域请求1.axios 是 第三方库使用方法：使用 npm: $ npm install axios使用 bower:$ bower install axios使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></script>axios ...
2019-06-22 13:22:31
493
原创 Vue 中指令 v-show/v-if (条件渲染)的对比与使用
条件渲染 v-show 指令v-show指令：可以控制一个dom的显示隐藏（通过操作dom 的display属性）达到效果；v-show的属性值：* 为布尔值true时，对应css样式 display：block；* 为布尔值false时，对应css样式 display：none；代码说明<div id="app"> <h3> v-show test...
2019-06-21 18:47:29
4951
原创 基于后端实现通信（使用Node.js中一个 net 模块实现）
这里主要分为两部实现：1、服务器逻辑，2、客户端逻辑简单代码实现一下主要过程在这里插入代码片1、创建服务端（服务器）主要逻辑过程/*主服务器1.创建服务器2.连接客户端3.获取客户端发来的信息4.将客户端发来的信息展示到自己的终端上（ 广播 ）*/模块的引入const net = require( ‘net’ );const port=4000;const host...
2019-06-21 16:53:04
487
原创 基于H5的webSocket通信
基于H5的webSocket通信创建一个主服务器1、创建一个主服务器主服务器创建逻辑过程/* 1.通过ws模块来创建服务器 2.服务器连接客户端---(给客户端编号) 3.接收客户端发来的信息 4.监听客户端下线 *///1.通过ws模块，来创建服务器const webSocket = require('ws');//安装并引入webSocket模块cons...
2019-06-19 17:38:18
8420
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人