jieweiwuwei的博客

原创 【js】什么是高级函数5？sort怎么用，

原创 【js】什么是高级函数4？filter怎么用，

原创 【js】什么是高级函数3？reduce怎么用，求和查

function arrUpperLower(arr) { return arr.map(x=>{ x = x.toLowerCase(); // 全部转换为小写 //console.log(x.charAt(0)) return x.charAt(0).toUpperCase() + x.slice(1) }) }console.log(arrUpperLower(['xio','...

原创 【js】什么是高级函数2？map怎么用，不会对空数组进行检查

原创 【js】什么是高级函数1？怎么用

原创 【js】js 处理null、undefined 和空

var Tools = {};Tools.removeNullOrUndefined = function (obj) { //typeof 返回的是字符串，有六种可能："number"、"string"、"boolean"、"object"、"function"、"undefined" if (typeof(obj) == "undefined" || obj == "" || obj == null || obj == "null" || obj.length == 0) {.

原创 【浏览器】开发环境跨域请求

1. 在vue.config.js 中配置代理 // 配置 webpack-dev-server 行为。 devServer: { // open: process.platform === 'darwin', open: process.env.NODE_ENV === "development", host: '0.0.0.0', // 注意这个跟localhost port: 8080, https: fa

原创 【axios】axios 添加公共参数

axios

原创 react 11 setState使用，页面ul和li写法

回调更新dom，相当于vue的nextTickthis.setState(对象，函数)页面写法1页面写法2

原创 react 10 状态state--性能介绍

原创 react 09 import PropTypes from ‘prop-types‘

原创 react 08 传值组件标签内容显示 props.children

把父组件引入的子标签内写东西展示出来

原创 react 07 传值props，写默认值2种

静态属性

原创 react 06定义组件写法 -类组件、函数组件2中 传值props

父子传值类组件函数组件 无状态组件 无自己状态组件占用内存更小

原创 快捷键使用

rc快速创建组件

原创 【es】Set()数组去重，字符串去重

1 set加入值的时候，不会发生类型转换[...newSet(arr)],可以数组去重；[...newSet('stringstring')],可以字符串去重；

原创 【js】 startWith()和startsWith()和endWith()和 endWiths()和fill()

1 返回布尔值2 表示字符串是否以（a）开头或者结尾fill(index,startIndex,endIndex);arr =[1,2,3,4,5,6,7];a.fill(8) //[8,8,8,8,8,8,8,8];a.fill(8,3) //[1,2,3,8,8,8,8,8];a.fill(8,2,4) //[1,2,8,8,5,6,7]

原创 【js】 indexOf()-includes()比较

indexOf()1 查找某元素存在就返回其所在字符串或者数组的下标 ，不存在则返回-12 不能判断NaN元素，因为其内部使用严格相等运算符===ES6的includes()方法 //数组1.返回true或false ，不能判断其所在位置2.对NaN有效3. includes(a,-1)//第二个参数表示判断的起始开始位置，默认从左往右，若第二参数负数，则从右边往左...

原创 【js】 使a==b==c利用对象的tostring方法

function1(){ const A ={ i:1, toString(){ return A.i++ } } if(A==1&&A==2&&A==3){ console.log("a==1==2==3"); }else{ console.log("a"); } }

原创 react05 表单绑定值 设置defaultValue

import React from 'react';class FormPage extends React.Component{ constructor(){ super(); this.state={data:""} } render(){ return( <div> <div> <form action.

原创 react04 双向绑定的constructor（）{}构造函数

import React from 'react';class TodoBox extends React.Component{ constructor(){ super(); this.state={data:""} } changeText(e){ this.setState({ data:e.target.value }) } render(){ retu.

原创 react03 事件应用 input默认跳转，剩余输入字数

import React from 'react';class TodoBox extends React.Component{ handleClick(e){ e.preventDefault(); console.log(1); } numCount(e){ console.log("还可以输入"+(140-e.target.value.length)); } render(){ return(.

原创 react02 页面 组件传值

//1引用Reactimport React from 'react';import './CommentBox.css';import CommentList from './CommentList';//定义一个类继承class CommentBox extends React.Component{ render(){ return( <div className="comments" > <h.

原创 react01-入门-新建项目

React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。1. 找一个文件夹，shell打开执行 先查看有没有安装node 然后查看有没有npm2 然后全局范围安装： npm install create-react-app -g3 创建项目 create-react-app-demo1可以运行也可以打包查看...

原创 【es】-Array.prototype.flat()，将数组拉平成一个一维数组

<template> <div class="home"> 1111111111111 </div></template><script>export default { created(){ console.log(this.mapFun()); }, data(){ return{ word:[{name:"1",age:"12"},{name:"2",age:"15"},{name:.

原创 【es】map方法

1.map 初级用法<template> <div class="home"> 1111111111111 </div></template><script>export default { created(){ console.log(this.mapFun()); }, data(){ return{ word:[1,2,3,4] } }, methods:{ .

原创 【css】css-transform: scale(1.2,1.2)；鼠标放上去图片变大

<template> <div class="hello"> <div class="img" :src="src"></div> </div></template><script>export default { data(){ return{ src:"", }}}</script><style scoped>.img{ width: 200px; .