2 时光淡然

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 38w+

JS中的join(),split()方法

JS中的join()方法var stringArray=["this","is","baidu"]; // 方法join()是可以让数组的值拼接成字符串 // 如果直接使用join不写参数的话结果直接是 console.log(stringArray.join());//this,is,baidu // 写一个空串,没有空格 console.log(stringArray.join(""))//thisisbaidu //带有空格结果就是带有空格的形式

2020-07-23 21:26:39

var foo=“11“+3-“1“,结果是112,类型是number

// 如果对字符串只是进行简单的+,就是字符串的拼接 // 其类型依旧是string var f1="11"+2 console.log(f1) console.log(typeof f1) // 当字符串有-出现的时候,其类型也变成了number // 如果字符串都是数字,会返回一个运算后的数字 // 如果不是就返回NaN,类型依旧是number var foo="11"+3-"1" console.log(foo) cons

2020-07-23 17:50:13

React的新特性之memo

实现指定组件进行渲染使用shouldComponentUpdate实现指定组件渲染import React, { Component} from 'react';class Foo extends Component{ // 判断该组件是否重新渲染 // 通过生命周期函数可以去判断,也可以通过PureComponent实现 shouldComponentUpdate(nextProps,nextState){ if(nextProps.name===this.props.na

2020-07-19 21:55:49

React新特性之layz和Suspense实现延迟加载

layz和Suspense实现延迟加载import React, { Component, lazy ,Suspense} from 'react';import './App.css';// lazy的返回值就是一个react组件const About= lazy(()=>import("./about.jsx"));// ErrorBoundary错误拼接,是一个捕获渲染后台错误的组件class App extends Component { state={ hasErro

2020-07-19 21:52:09

React中的新特性之Context

React中的新特性之Context定义:Context提供了一种方式,能够让数据在组件树中传递而不必一级一级动手传递结构:Provider提供数据,Consumer去使用数据简单使用Context<!-- 通过createContext创建Context实例对象 --> import React, { Component, createContext } from 'react'; // createContext(defaultValue)创建一个Co

2020-07-19 19:12:57

如何拿到对象数组中的某一对象的元素(JS的filter方法)

如何拿到对象数组中的某一对象的元素在写一个简单的商品管理系统的时候,遇到了一个问题,我接口中需要传递的参数是一个role_id,但是我在页面上显示是角色名称通过对filter()方法的使用,拿到对象数组中对象,其中this.state.rolesInfo表示的是一个对象数组item是对象数组中的每一项(就是每一个对象)item._id是对象中的一个属性通过传入的参数,判断拿到的参数和对象中的某个属性是否相等,进而拿到这个参数所在的对象,data就是经过筛选的后的对象数组roleNam

2020-07-10 16:56:05

微信小程序的简单了解

微信小程序的简单学习数据绑定列表渲染条件渲染模板引用day02事件组件插槽数据绑定WXML 中的动态数据均来自对应 Page 的 data(1)简单绑定数据绑定使用Mustache语法(双大括号)将变量包起来.在.wxml文件中写下面的代码<view>{{mesg}}</view>在.js文件中写下面的代码Page({ data: { mesg:'欢迎学习微信小程序'} })就可以实现简单的数据绑定(2)组件属性中使用(需要在双引号之内)<view id

2020-07-09 09:43:05

react中父子间的简单通信

react中父子间的的通信由于不是在项目中写的,所以需要引入一些核心库react.development.jsreact-dom.development.jsbabel.min.js>父组件中改变子组件的状态。方法一:在父组件中通过this.ref.xxx拿到子组件对象,直接在父组件中改变子组件的状态,对子组件来说并不是很好<body> <div id="app"></div> <script type="text/babel"

2020-06-30 19:55:40

react中项目中设置antd4.0的按需加载(修改主题)

react中项目中设置ant的按需加载(1)创建一个项目npm create-react-app(2)安装antd并引入安装npm i antd在src/App.js中引入antd@import '~antd/dist/antd.css'测试是否可用:修改 src/App.js,引入 antd 的按钮组件。import React,{Component} from 'react' import { Button } from 'antd'; class App extends Compone

2020-06-30 13:50:18

把本地分支的文件推送到远程仓库的分支

分支的简单使用1)在本地创建一个本地仓库movie:创建一个文件夹movie,然后鼠标右键进入git bash here,然后git init就可以在movie文件中看到一个.git文件,说明创建本地仓库成功。2)然后先在当前文件夹中创建一个测试文件test,然后 git add *,git commit -m "xx功能已经完成",关联远程仓库git remote add origin https://github.com/自己github的用户名/远程仓库名.git,最后把代码推送到远程仓库git

2020-06-24 21:48:35

学习react的简单总结3(用不同的方式完成简单计数,写一个简单的todo)

通过脚手架使用Redux,完成简单计数1)创建一个项目 create-react-app myreudex2)安装redux npm i redux -S3)在src文件下创建一个redux文件夹,在redux文件夹中创建下面的.jsx文件。anction_creator.jsx import {INCREMENT,DECREMENT} from "./action_types" //创建action_creator,可以转换成箭头函数 /* function createIncreme

2020-06-23 19:45:46

学习react的简单总结2(关于react中的路由,redux的简单学习)

React 中的路由路由分类:后端路由:/students ----> json数据 api接口前端路由:浏览器中的路由 /goods ----> 组件对于react-router,有三个包:react-router:核心组件react-router-dom:应用于浏览器端的路由库(单独使用包含了react-router的核心部分)react-router-native 应用于native端的路由其中:react-router-dom,react

2020-06-19 16:55:42

学习React的简单总结1(虚拟DOM,jsx,组件定义,ref的简单使用)

初识ReactReact的特点:声明式、组件化、一次学习,随处编写、单项数据流、高效和Vue一样,使用虚拟dom。React是一种思想:react.js和Vue.js一样是用来写webappreactNative 是写原生app声明式和命令式:声明式:虚拟DOM arr.forEach((item,index)=>{})命令式:操作DOM for(let i=0; i<10; i++){…}引入相关的库:react.js 是react的核心库react-dom

2020-06-16 21:59:37

学习Vue.js简单总结2(过滤器、自定义指令)

过滤器概念vue.js允许自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:插值表达式和V-bind表达式。过滤器应该被添加在JavaScript表达式的尾部,由“管道”符指示。过滤器调用时的格式{{name | 过滤器的名称}}name 是我们需要修改的数据 ;| 是管道符过滤器的定义语法Vue.filter('过滤器的名称',function(){})注:过滤器中的function,第一个参数,已经被确定,一直都是过滤器管道符前面传递过来的数据。过滤器的简单

2020-06-15 14:13:10

学习Vue.js的简单总结1

什么是vue.jsvue.js是前端主流框架之一;是一套构建用户界面的框架,只关注视图层,容易上手操作;是MVC中的V这一层,主要工作就是和界面打交道。在vue中,一个核心概念,就是让用户不在操作DOM元素,让程序员可以更多的时间去关注业务逻辑。框架和库的区别框架:是一套完整的解决方案;对项目的入侵性较大,项目如果需要更换框架,则需要重新架构整个项目。库(插件):提供某一个小功能,对项目的入侵性较小,如果是某库无法完成某些要求,可以很容易切换到其它库实现需求。MVVMMVVM是前端是视

2020-06-14 18:32:43

快速了解浮动

浮动的初衷 浮动刚创建出来时,并不是为了实现块级元素并排显示的,是实现所谓的字围效果,即让文字绕着图片显示。由于文字是环绕在图片周围,所以浮动半脱离标准文档。如果是全脱离标准文档流,文字都会直接钻上去。 但是,现在我们使用浮动,并不是为了字围效果,而是使用浮动让块级元素可以并排显示,进行网页的布局。 如果不使用浮动,只按照标签的特征,进行的默认布局,从上到下,从左到右进行...

2020-02-23 19:29:42

使几个DIV在同一行并排显示,有间隙的情况的处理方案

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>让块级标签并排显示并且设置间隙</title> <style> *{margin:0;padding:0} .fath...

2020-02-20 19:34:29

初步学习HTML(总结)

初识HTML1.HTML是什么? HTML是计算机语言中的其中一种,是一种标签语言,全称叫超文本标签语言。 英语:HyperText Markup Language。2.HTML中的基本骨架? <!DOYTYPE html> <html> <head> ...

2020-02-15 18:18:01
勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。