xlynn

TA的文章
  • react中使用redux——第一篇,redux的基本用法
    react的状态管理第一篇 听名字,我以为redux是react的官方状态管理(如同vuex),redux并不是react独有的状态管理器,在其他的框架中也能够使用redux进行状态的管理。 Redux 由 Flux 演变而来,但受 Elm 的启发,避开了 Flux 的复杂性。 不管你有没有使用过它们,只需几分钟就能上手 Redux。 三大原则。 单一数据源,所有的状态都在唯一的对象树里面,即只存在于唯一的store,不能存在多个store。 state是只读属性,唯一能修改state的方法是触发action,action是一个普通对象,其中type属性是必须的,原因稍后分析。 纯函数执行,r...
    •  0
    •  0
    •  2020-06-03
  • Vuex的使用较为详尽(部分方法较重复未写出)
    Vuex的使用 简单的简历一个store仓库 在文件夹store下面的index.js写入如下代码。 import Vue from 'vue' import Vuex from 'vuex' // 全局注册插件 Vue.use(Vuex) export default new Vuex.Store({    state: {   count: 0,   age: 18   } }) 上面约等于在状态管理中全局挂在了该store,需要使用的时候可以直接调来使用。 获取状态 <template>  <div>    <p>the count is {{coun...
    •  0
    •  4
    •  2020-05-30
  • react Hooks的使用---第一部分
    react Hook的使用 useState的使用 因为函数式组件没有声明周期没有状态,利用hook可以达到一样的效果。Hook 使你在无需修改组件结构的情况下复用状态逻辑。 // 引入react 和 useState import React, { useState } from 'react' // 定义函数组件 function Test() {    const [count, setCount] = useState(0) // 这里的count相当于类组件中的this.state.count但是函数组件是没有this和state的,直接使用即可。setCount相当于类组件中的s...
    •  0
    •  0
    •  2020-05-30
  • JavaScript的继承(页面刷新,数十行文字消失,下面粘贴复制自己在VS Code上写的的)
    // 借用构造函数结成v // function Person (age, name){ // this.age = age // this.name = name // } // Person.prototype.sayName = function(){ // console.log(this.name) // } // function Man (age, name, gender) { // Person.apply(this, arguments) // this.gender = gender // } // const Man1 = new Man(18,'lx', 'boy')...
    •  0
    •  0
    •  2020-05-30
  • axios的二次封装和使用
    安装axios:npm i axios -S 创建一个文件来配置axios及创建 首先创一个request.js来封装axios import axios from 'axios' const isDev = process.env.NODE_ENV === 'development' // 判断环境 // 如果配置了多个的反向代理 --- 对象模式 const baseURL = isDev ? '这里设置开发下的baseURL' : '线上的baseURL' const request = axios.create({     baseURL }) // 请求拦截 请求前先经过这里 r...
    •  0
    •  0
    •  2020-05-29
  • vue的vue cli创建的项目进行设置代理(解决跨域)
    vue cli在2.x版本中创建 的项目有config和build,但是在vue cli 3.x版本中创建的目录结构中没有。 在2.x版本中配置代理可以在config下面的index.js里面进行配置。 proxyTable: {     '/api': {          target: '表示代理的url,可以理解为请求的baseURL',          "changeOrigin": true, // 如果设置为true,那么本地会虚拟一个服务器接收你的请求并代你发送该请求,                                // 这样就不会有跨域问题(只适合开发环境)...
    •  0
    •  0
    •  2020-05-29
  • JavaScript判断是否是NaN
    1.首先isNaN 缺点:直接判断的时候对象和字符串会返回true,但是并不是NaN。因此利用NaN是无法正确比较该变量是否为NaN 2.利用NaN的特点进行比较,因为NaN和任何值比较都是false包括和自己,因此可以利用传入的参数和自己比较即可得到是否该数为NaN,如:       const a = {}       const b = [1]       const c = 2       const d = 'sss'       const e = false       const f = NaN // 定义的函数 判断是否为NaN       function isNaN1(x...
    •  0
    •  0
    •  2020-05-29
  • JavaScript判断是否为数组的方法
    Array.isArray() 返回值为布尔值 arr instanceof Array 返回值为布尔值 <span style="color:#ab4642">注意 arr同时也是属于object的 但是object不属于arr</span> arr.constructor === Array Object.prototype.toString.call(obj).slice(8,-1) 返回为字符串 截取的字符串类似Array,Objectdeng等 请问各位还有吗,欢迎补充哦
    •  0
    •  2
    •  2020-05-29
  • CSS面试题
    CSS那些属性可以继承 字体相关的属性:font-size, font-family,font-variant,font-style,font-weight 文本相关的属性:text-indent,text-align,line-height,word-spacing,letter-spacing,text-transform,direction,color CSS权重优先 !important>内联>id>class>标签 CSS的新特性 CSS圆角属性(border-radius),阴影(box-shadow),文字特效(text-shadow),色彩渐变(gradient),旋转(tra...
    •  0
    •  0
    •  2020-05-29
  • Taro初体验
    安装taro命令行工具 使用npm i -g @tarojs/cli taro init 项目名 来创建项目 根据弹出来的提示选择自己项目需要的相关配置。 项目中的src/pages主要是写相关的页面的 路由配置是在app.jsx下面的config里面配置pages的数组,将相关的路由路径添加进去即可。 导航是可以使用navigateTo(有返回的历史)、redirectTo(没有相关的返回历史和按钮)、switchTab(可跳转到导航栏的路由)等 因为是多端页面,使用的时候需要从@tarojs/components引入相关的组件进行布局页面(否则会存在其他端口的兼容问题) taro集成了路由...
    •  0
    •  2
    •  2020-05-27