2 weixin_43353869

尚未进行身份认证

相信自己,改变自己

等级
TA的排名 23w+

小程序的错误

2020-05-31 23:31:49

vue的todolist的分析

在vue中computed计算属性,依赖项目不光可以是data的数据,还可以是其余的计算属性 @sublim.prevent=“addTodo”@sublim.top=“addTodo”form 用了才能有required这个属性方法写在methos中,不看以写在计算属性中computed:{ addToto(){ conosle.log('322') }}方法写在methos中computed:{addToto(){conosle.log(‘322’)

2020-05-30 22:33:18

vue实现tab选项卡的多种方法

第一种<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .active {

2020-05-29 22:06:52

时间的插件

时间的插件http://momentjs.cn/npm install moment --save # npmyarn add moment # Yarn下面是官网的列子 官网的地址是 http://momentjs.cn/日期格式化moment().format(‘MMMM Do YYYY, h:mm:ss a’); // 五月 28日 2020, 7:56:33 晚上相对时间moment(“20111031”, “YYYYMMDD”).fromNow(); /

2020-05-28 20:01:03

vue的生命周期,简单的分析一下

在vue中的生命周期vue的生命周期:从初始到销毁阶段借用vue生命周期的图片https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA生命周期三个阶段第一阶段:beforeCreatecreatedbeforeMountmounted第二阶段beforeUpdateupdated第三阶段beforeDestroydestroyed注意点

2020-05-26 17:43:49

react中使用antd的table组件,和axios的请求

import React, { Component } from ‘react’import { Table } from ‘antd’;// 引入表格组件import axios from ‘axios’ // 引入axios的请求的方式export default class Rights extends Component {// class 类中可以n多个属性state = {// 写在状态中,ajax请求可以更新datalist: null}// 临时不是变量 更新状态不调

2020-05-25 21:04:09

npm安装指定版本的react-router-dom

npm 安装大于react-router-dom4.2.2小于5.0.0版本的命令行如果使用cnpm安装,还要安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org安装cnpm安装cnpm,输入以下命令:cnpm install react-router-dom@^4.2.2 --save类似的操作还有npm安装react、react-dom包npm install react@16.3.0 .

2020-05-20 08:02:36

react的路由拦截

模糊匹配//Home/Login(1) 精准匹配 exact(2) 模糊匹配,<Switch></Switch> 只会渲染匹配到的第一个项页面的重定向<Redirect from="/" to="/Login"/><hashRouter> <Route path="/Home" render={ ?重定向 }/> </Route path="/Login" component={Login}&g

2020-05-20 08:00:51

react的纯函数

**外面的值不受里面的值的影响**reducer必须是纯函数是设计的?1.redux 可以提供可预测化的状态管理在一个应用中,所有的 state 都是以一个对象树的形式存在一个单一的 store 中,唯一改变 state 的办法就是触发 action,而 reducer 就是用来编写专门的函数决定每个 action 如何改变应用的 state 。reducer 就是一个纯函数,接受旧的 state 和 action,返回新的 state (previousState, action) =>

2020-05-19 23:41:48

自己踩的炕,一直困惑react路由的问题

在react中,hash是有#注意BrowserRouter:http://localhost:3000/article-manage/list#/浏览器的路由方式,也就是在开发中最常使用的路由方式HashRouter是http://localhost:3000/#/article-manage/list在路径前加入#号成为一个哈希值,Hash模式的好处是,再也不会因为我们刷新而找不到我们的对应路径http://localhost:3000/#/article-manage/list/ 这

2020-05-15 22:01:13

filter的用法

关于filter过滤数组var arr=[1,2,3]var arr1=arr.filter(item=>item>=2) // 2 3arr1.push(5) // 2 3 5arr 是1 2 3{{item.name}}过滤数组对象var arr=[{id:1},{id:2},{id:3}]var arr1=arr.filter(item=>item.id>=2)arr1.push({id:5})arr1[1].name=“王五”arr1[1]中

2020-05-13 19:55:06

//面试题(常见) 后续给一个对象添加一个新的属性 ,如果也想渲染最新的属性,那么通过Vue.set()方法去实现

用vue.set(对象,“要添加的属性”,“属性的内容”)//后面要自己在对象中在添加属性// Vue.set(对象,“要添加的属性”,“属性的内容”)​ Vue.set(vm.user,‘password’,123)不能检测以下变动的数组vm.items[indexOfitem]=newValue解决(1) Vue.set(example1.items,indexOfitem,newValue) //如果在实列中可以通过this.$set(vm.arr,2,30)只能在里面使用

2020-05-12 23:22:55

Vue中的数组变异的方法 (数组更新检测)

Vue 包含一组观察数组的变异方法,它们将会触发视图更新​ push()添加在末尾一个元素,返回值是修改后数组的长度​ unshift添加在首未尾部,返回的是修改后的数组的长度​ pop()删除末尾的元素,返回值是删除的元素​ shift()前面删除的元素,返回值是删除的元素​ splice() 删除原数组的一部分成员,并可以在被删除的位置添加入新的数组成员 数组的剪切 删除 插入​

2020-05-12 23:21:10

react的父子通信,简单明了

import React, { Component } from ‘react’// 单独引入一个prop-typesimport propTypes from ‘prop-types’ // 包含数据验证方法console.log(propTypes)// 用props父子通信// 做一个属性验证:验证每一个属性类型// 默认属性:不传属性的时候的默认值class Navbar extends Component {//props:[‘mytext’] vue写法父子通信/*props

2020-05-09 21:04:55

vue的指令

vue中的常用指令数据的双向绑定数据的变化会引起页面的变化主要是用在表单类的元素v-model 一般是用在表单元素中, <div id="box1"> <p>{{name}}</p> <!--输入要绑定的内容--> <!--当输入框的value改...

2020-04-19 12:53:00

js动态创建表格,可以动态的删除(事件委托)

js事件1.1 onclick  点击事件(阻止事件冒泡:ie使用 e.cancleBubble = true、e.stopPropagation(); 取消默认事件: e.preventDefault(),IE则是使用e.returnValue = false )禁止a标签的跳转"<a href='javascript:;'>删除</a>";//这种可以禁止a标签...

2020-04-18 21:49:37

vue的slot插槽

slot插槽​ 调用组件时,如果在组件的里面写入内容的时候,它是不会渲染出来​ 利用slot插槽可以渲染出来​ slot可以把组件内部的标签渲染出来​ \1. 定义组件时想好要在哪个位置去渲染 slot 内容​ \2. 在想好的位置哪里,放...

2020-04-13 23:49:53

js 选项卡和排它功能

js 选项卡和排它功能1.值点dom元素的获取2.给每个li绑定事件3.自定义属性4.this的指向<style> *{ margin: 0; padding: 0; } ul,li{ list-s...

2020-04-07 22:22:22

mongoose操作mongodb数据库发现文档中多了‘'__v‘'字段

用mongoose来插入数据,插入后发现数据库的数据中混进去个字段"__v":0标题其实我可以不要这个版本字段,可以使用 {versionKey:false}, 会取消这样就可以了new Schema({..}, { versionKey: false }); //在你新建模型的时候关闭就可以了文档版本控制也可以通过设置禁用versionKey来false。这是我...

2020-03-30 18:27:49

mock的使用

mock的官网 http://mockjs.com/mock是模拟数据利用mock生成随机的东西Mock.mock({2 “list|100”: [3 {4 ‘id|+1’: 1,//id排列56 ‘color’: ‘@color()’,//随机颜色78 ‘date’: ‘@datetime...

2020-03-28 22:21:36

查看更多

勋章 我的勋章
  • 技术圈认证
    技术圈认证
    用户完成年度认证,即可获得
  • 阅读者勋章Lv3
    阅读者勋章Lv3
    授予在CSDN APP累计阅读博文达到30天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。