xlynn

TA的文章
  • express探坑之旅
    express探坑之旅 如同往常一样,安装mongoose。 cnpm i mongoose -S 将数据库连接的db.js // 引入mongoose const mongoose = require('mongoose') // 定义连接地址 const DB_URL = "mongodb://localhost:27017/Lynn" //连接数据库 mongoose.connect(DB_URL)//连接成功 mongoose.connection.on('connected',()=>{ console.log('connection is success') }) //连接...
    •  0
    •  4
    •  2020-06-11
  • JS--字符串的方法
    JS--字符串的方法 concat: 用于拼接 参数,拼接的字符串、数字、数组、布尔等,可以是多个。相当于执行toString后的结果进行拼接。 返回拼接后的结果,不会改变原来的字符串。 字符串和数组共有的方法 indexOf: 用于查询 参数,查找的数据,可以是飞字符串,同样会转化为字符串类型进行查找。 第二个参数为查找的起始位置。 返回的为查找后的索引,如果不存在返回-1 如果是数字不会进行toString来查找,会直接进行查找,如果查找的数字1不是字符串'1',只会查找数字1. charAt:查询字符串对应索引的字符 参数:Number 没有给定参数或参数不合法,默认查询第一个字符。 如...
    •  0
    •  0
    •  2020-06-10
  • vue路由钩子
    vue导航守卫 全局路由守卫,例子说明: router.beforeEach((to, from, next) =>{  console.log(to, 'this is to')  console.log(from, 'this is from')  console.log(next, 'this is next') }) 这样配置后进入初始页面后无法跳转,原因稍后分析,先看打印出来的结果 * to: 表示跳转的目标,包含路由配置的信息,如name, mata, path等 * from: 表示从哪里跳转的,也包括了路由的相关信息。 * next: 用于是否跳转,如果不写,默认不会跳...
    •  1
    •  0
    •  2020-06-09
  • vue-router
    vue-router 先通过vue-cli生成一个带路由的项目。进入router/index.js import Vue from 'vue' // 引入vue模块 import VueRouter from 'vue-router' // 引入路由模块 import Home from '../views/Home.vue' // 引入组件,此处相当于对应路由的页面 Vue.use(VueRouter)// 全局应用路由  const routes = [ // 定义路由匹配规则 {    path: '/', // path表示匹配的路由路劲    name: 'Home',...
    •  0
    •  0
    •  2020-06-09
  • 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...
    •  1
    •  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