- 博客(92)
- 收藏
- 关注
RSS订阅
原创 前端对后端数据的处理
{code: "0", msg: "success",…}code: "0"data: {list: [{IndustryInvestAmount: 880, name: "城市更新", IndustryInvestAmountNumber: 9},…]}list: [{IndustryInvestAmount: 880, name: "城市更新", IndustryInvestAmountNumber: 9},…]0: {IndustryInvestAmount: 880, name: "城市更新
2020-11-27 10:56:37
1020
2
原创 灵活使用受控组件和非受控组件
收集表单数据import React,{ Component } from 'react' export default class Inputone extends Component{ constructor(props){ super(props) // 初始化状态 this.state = { pwd: '' } thi
2020-09-02 14:37:20
112
原创 react的知识点详讲解细,灵活使用react的语法和外加react面试题
react组件创建的几种方式createClass这是react在ES5时期使用的创建组建的方式1234567891011121314151617181920212223242526 var React = require("react");var Greeting = React.createClass({ propTypes: { name: React.PropTypes.string }, getDefaultProps: function() { return {
2020-08-22 21:17:18
569
原创 详细的介绍react中的redux使用过程,让你学会在项目中使用redux
第一步下面的文件都是在store中,利用模块化开发的思想统一把变量放在actionTypes文件中大概的步骤通过Redux的createStore方法来生成Store。createStore方法的参数是Reducer方法（可以用combinReducers方法将多个Reducer合并起来，将业务数据拆分的更清晰）。Reducer方法接收两个参数state和Action。生成完store对象后，需要用subscribe方法注册回调函数listener，当store内的state发生变化时会自动调用回调
2020-07-21 21:57:43
1031
原创 react通过axios请求数据,用一个bol来判断数据是否加载完成后，渲染在页面上，不用async await和定时器的更好方法
在utils新建一个axios.js文件,封装axios的请求import axios from 'axios'// http://localhost:8888/https://cnodejs.org'let baseURL = 'http://localhost:8089/' // 本地服务器注意端口号,要不然报错 // https://cnodejs.org/api/v1// 创建axios实例const fetch = axios.create({ baseURL: baseU
2020-07-16 10:50:35
535
原创 一个tab的选项卡,让你玩转react的更种渲染,以及事件的传参
第一种方法根据类名来渲染 // import React, { Component } from 'react' // export default class Tab extends Componentimport React from 'react'import './style.css'export default class Tab extends React.Component{ constructor(props){ super(props)
2020-07-11 15:30:21
427
原创 react的各种组件，详细介绍组件的用法和区别,让你正确在react的项目中会组件,看一下就明白
react的组件有一下几种1.类组件 class User extends React.Component{} 面向对象的组件 es6创建的组件class User extends React.Component{ constructor(props) { // constructor 是一种用于创建和初始化class创建的对象的特殊方法。 super(props) // 在一个构造方法中可以使用super关键字来调用一个父类的构造方法。继承父级的pr..
2020-07-10 19:35:40
960
原创 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
136
原创 回调函数
回调函数一个函数被作为参数传递给另一个函数（在这里我们把另一个函数叫做“第二个函数”），回调函数在第二个函数中被调用。回调函数回调函数是出现在两个函数之间的关系当你调用a函数的时候,把b函数当作参数传递进去在a函数里面使用形参数的方式调用b函数回调函数作用:为了在异步的末尾做写事情的使用如果同步是同步代码,就不要回调函数function fn(cb){//fn里面传的是形参set...
2020-02-23 17:24:46
476
原创 tree ui组件添加多条数据,调接口, style Component样式布局
columns.js 文件是表格的标题import moment from ‘moment’;const columns = [{title: ‘Category’,dataIndex: ‘onlineTaxonomyName’,key: ‘Category’,sorter: true},{title: ‘Offline Category’,dataIndex: ‘offlineTaxonomyName’,key: ‘Offline Category’},{title: ...
2021-10-01 15:08:36
270
原创 金秋十月,面试题
js中的let 和 constlet声明的变量只在let命令所在的代码内有效。const 声明一个只读的常量, 一旦声明, 常量的值就不能改变。代码块内有效let 是在代码块内有效，var 是在全局范围内有效:判断数据类型:typeofinstanceOfconstructorobject.prototype.toString.call()let与const都是只在声明所在的块级作用域内有效。let声明的变量可以改变，值和类型都可以改变，没有限制。const声明的变量不得改变值，这
2021-10-01 14:42:46
236
原创 react的子传父
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-03-15 23:23:32
159
原创 echarts柱状图legend分2行排列
legend: [ { orient: 'horizontal', // top: 'middle', // padding:[0,50,0,0], // x:'right', //可设定图例在左、右、居中 // y:'bottom', // bottom: 20, itemWidth: 10,
2020-12-18 18:28:01
2539
1
原创 echarts的lenged
for(var i=0;i<9;i++){ if(Math.round(Math.random()*99+1)==100){ console.log("12"); }}utils.js文件里封装了一个公共方法并抛出// 字符串js中数组Array的排序(sort)var arrDemo = new Array(); arrDemo[0] = 10; arrDemo[1] = 50; arrDemo[2] = 51; arrDemo[3] = 100
2020-12-15 18:26:55
162
原创 前端对后端数据的组装
{code: "1", msg: "请求成功", data: [,…]}code: "1"data: [,…]0: {id: 7888, indexCode: "P1000", targetName: "GDP增速(%)", forecastTime: "2020", forecastValue: "15%",…}createTime: "2020-12-02 16:10:47.000000"forecastTime: "2020"forecastValue: "15%"id: 7888in
2020-12-11 18:30:15
580
原创 js的基础
&&当第一个条件为false时,就不再判断后面的条件注意:当一个参与逻辑与运算时,结果为true,那么会返回的会是第二个为真的值,如果结果为false,返回的会是第一个为假的值||当一个条件为true时，后面的条件不再判断注意：当数值参与逻辑或运算时，结果为true，会返回第一个为真的值；如果结果为false，会返回第二个为假的值； console.log( 5 && 4 );//当结果为真时，返回第二个为真的值4 &
2020-12-10 18:09:16
102
3
原创 vue和js jq多个eharts来渲染显示
<!DOCTYPE html><html lang="zh-CN"><head> <title>深圳市2020年重大项目计划编制</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta name="viewport" content="wi
2020-11-28 18:23:59
143
原创 react的数据双向绑定
# **react组件中的constructor和super小知识**1、react中用class申明的类一些小知识如上图：类Child是通过class关键字申明，并且继承于类React。A、Child的类型是？ typeof Child === 'function' ， 其实就相当于ES5用function申明的构造函数 function Child() { //申明构造函数 }B、Child类调用时候( new Child() )，会优先执行，并且自动执行Chi.
2020-11-23 21:16:20
769
原创 vue和表格和饼状图的渲染
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>换乘分析</title> <meta name="renderer" content="webkit"> <#include "/header.html"> <style> table.gridtable {
2020-11-20 18:13:35
277
原创 vue结合echarts柱状图,渲染
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>换乘分析</title> <meta name="renderer" content="webkit"> <#include "/header.html"> <style> table.gridtable {
2020-11-20 18:05:40
479
原创 vue的echarts,饼图结合 width:100； display:none显示不完全
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <title>轨道交通-线网查询</title> <#include "/header.html"> <style> .
2020-11-20 17:52:27
694
原创 echarts饼状图表
$(function () { $("#jqGrid").jqGrid('clearGridData'); //清空表格 $("#jqGrid").jqGrid({ // url: '/gdjt/yw/revueneExpenditure/list', url:'/gdjt/operCost/getListPage?limit=10&page=1', datatype: "json", postData:{
2020-11-16 19:58:12
204
原创 对后端的数据进行处理
[1,2,4,8] (function () { var arr = [ { "industryCode":1, "industryName":"战略性新兴产业" },{ "industryCode":2, "industryName":"现代服务业" },{ "industryCode":3, "industryName":"先进制造和优势传统行业" }
2020-11-07 15:58:25
730
原创 react导入文件后上传,表格的渲染
import React, { useState, useEffect } from “react”;import styls from “./EditsoilGroundwater.module.less”;import Title from “components/BaseTitle/baseTitle”;import { Modal, Table, Input, Upload, Pagination, message } from “antd”;import Service from “…/…
2020-09-25 20:06:17
358
原创 react的单选框
import React, { useState, useEffect } from “react”;import { Checkbox, message } from “antd”;import Service from “…/…/…/…/Service”;import Title from “components/BaseTitle/baseTitle”;import sStyle from “./SensitiveReceptor.module.less”;const SensitiveR
2020-09-25 20:05:04
1248
原创 typescript的深入讲解,值得阅读
tsc hello.tsnode hello.jsts转为js,才可以在node中执行第二种方式运行安装命令:npm i -g ts-node使用方式： ts-node hello.tsts-node 文件名使用 boolean 定义布尔值类型：let isDone: boolean = false;ts // 单行注释ctrl+/多行注释/**/ shift+alt+ats 是js的超集,为js 添加类型系统.相比js,开发体验更友好,提前发现错误,Bug 更少,增加开发的幸福度
2020-09-20 20:12:03
97
原创 react做表格和分页功能
import React, { memo, useState, useEffect } from "react";import { Table, Pagination } from "antd";import { IDefaultParam } from "../topFilter/topFilter";import BaseModal from "components/BaseModal/BaseModal";import Message from "components/Message/Mess
2020-09-19 21:05:01
1476
2
原创 用react写一个todolist
import React from 'react'import '@/assets/css/todoList.css'export default class todo extends React.Component{ constructor(props){ super(props) this.state = { doingList: [],// 正在进行的任务列表 task: '', // 任务名称 doneList: [] // 已经完成的任
2020-09-13 20:20:07
330
原创 react的通信在详细讲解
父组件import React,{ Component } from 'react'import Son from './son.js'export default class Shoukongzujian extends Component{ constructor(props){ super(props) this.state={ arr:'12', arrs: [ { id:
2020-09-08 21:44:45
141
原创 ts的详解大全，使用更多的开发者
tsc hello.tsnode hello.jsts转为js,才可以在node中执行第二种方式运行安装命令:npm i -g ts-node使用方式： ts-node hello.tsts-node 文件名使用 boolean 定义布尔值类型：let isDone: boolean = false;ts// 单行注释ctrl+/多行注释/**/ shift+alt+ats 是js的超集,为js 添加类型系统.相比js,开发体验更友好,提前发现错误,Bug更少,增加开发的幸福度声
2020-09-07 22:53:59
1232
原创 简单聊聊echarts
1.下载并引入echarts.js文件2.准备一个具备大小的dom容器3.初始化echarts实列对象4.指定配置项和数据5.将配置项设置给echarts实列对象echarts的属性title设置图标的标题tooltip是鼠标放上去显示的内容(图表的提示框)tooptip:{// 触发方式trigger：'axis'}legend是图例组件// 如果series对象 有name值,则legend可以不用写datatoolbox是工具箱,保存成图片toolbox:{ fea
2020-08-23 18:43:41
123
原创 react创建项目
使用脚手架的步骤cnpm install create-react-app -gcreate-react-app 项目名npm startnpm run eject 把脚手架原本隐藏封装的脚本，还原回来注意：在执行eject时，会报错。解决：先创建本地git仓库，并把代码进行本地提交。cd react-antd-cms (cd 项目名)git initgit add .git commit -m 'first commit'npm run eject执行npm run eject会在
2020-08-10 22:24:05
153
原创 ts语法
ts是js的超级,ts是强类语言安装npm i -g typescript 或 cnpm i -g typescript(cnpm要安装淘宝镜像原)或者安装yarn (cnpm i -g yarn)如果电脑上没有淘宝镜像,要安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgtsc -v 查看版本有没有安装成功ts是从js进行衍生过来// 把ts的代码编译成es5的代码ts开发工具vscode自
2020-08-10 22:11:50
478
原创 前端大全
position1.position：relative;相对定位对照自身原来的位置定位，发生定位偏移以后自身原来的位置还在，不脱离文档流。2.position：absolute；绝对定位不会占据原有的位置，脱离文档流如果外层元素含有（非static 默认定位）定位属性，那么以外层定位元素（0,0）点为参照定位如果外层元素不含定位属性，那么以html（0,0）点为参照定位3.position：fixed；固定定位不会占据原有的位置，脱离文档流以浏览器（0,0）点为参照定位字符串
2020-08-10 22:00:57
2484
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人