- 博客(318)
- 收藏
- 关注
RSS订阅原创 vue2基本响应式实现----如何让数组也变成响应式的
之前的代码有个问题，就是操作数组数据的时候，不会触发setlet data = { name: 'dean', age: 30, level1: { level2: { level3_1: { level4: { value: 'anna' } }, level3_2: { level4: { value: 'jing' } }
2022-03-15 23:51:45
3459
原创 vue2基本响应式实现
let data = { name: 'dean', age: 30, level1: { level2: { level3_1: { level4: { value: 'anna' } }, level3_2: { level4: { value: 'jing' } } } }}observe(data)funct
2022-03-15 22:55:32
1119
原创 resetFields()不生效的原因
编辑用户新增用户点击编辑的时候，数据回显，没问题：点击取消，会调用方法按理说应该会把表单清空。但是我们再点击新增的时候，数据并没有被清空：原因：点击编辑的时候，一旦执行showModal.value = true， 就显示dialog，然后立马就执行Object.assign(userForm, row)此时数据修改了，但是dialog里面的el-form还没有mounted，也就是说，数据是在form表单mounted之前修改的，那么这个修改后的数据就成为了form表单的初始值。
2022-02-24 14:35:41
6384
1
原创 css实现骨架屏
<div class="card"> <div class="image"> <img src="https://images.unsplash.com/photo-1642623883157-cd5b06ae6c45?crop=entropy&cs=srgb&fm=jpg&ixid=MnwxNDU4OXwwfDF8cmFuZG9tfHx8fHx8fHx8MTY0NTA2MDIwMw&ixlib=rb-1.2.1&q=85"
2022-02-17 14:01:38
637
原创 javascript object取值问题
如果是不确定的key，比如此处的property就是一个变量，那么obj.property就是undefined应该用obj[property]取值是可以取到值的
2021-12-09 11:29:07
1003
原创 css隐藏滚动条(横向,坚向)
在里加入style=“overflow-x:hidden”，可隐藏水平滚动条;加入style=“overflow-y:hidden”，可隐藏垂直滚动条。
2021-11-28 11:35:31
862
原创 JavaSE 实战 中奖判断
案例1： 数字加密package practice;public class EncryptCode { public static void main(String[] args) {// int[] arr = {33,56,76,24,89,10}; int[] arr = {1,9,8,3}; int[] resultArr = encryptCode(arr); for (int i = 0; i < resul
2021-11-04 10:54:34
200
原创 JavaSE 基础案例实战和代码
案例1： 买飞机票package practice;import java.util.Scanner;public class PlanTickets { public static void main(String[] args) { Scanner sc = new Scanner(System.in); System.out.println("Original Price:"); double price = sc.nextDoubl
2021-11-04 00:08:13
769
1
原创 JavaSE 方法重载
package overload;public class MethodDemo1 { public static void main(String[] args) { // 方法重载 fire(); fire("Moon"); fire(10, "Hell"); } public static void fire() {// System.out.println("Fire 1 missile .
2021-11-03 22:50:07
105
原创 JavaSE 参数传递机制 值传递和引用传递
package array;public class FcuntionDemo3 { public static void main(String[] args) { int a = 10; change(a); System.out.println(a + " ---> line 7"); } public static void change(int a) { System.out.println(a..
2021-11-03 17:28:55
82
原创 JavaSE 方法的定义 调用 和 内存图解
package array;public class FunctionDemo2 { public static void main(String[] args) { myPrint(); checkOddEven(11); checkOddEven(22); System.out.println("----"); int[] myArr = {11,22,10,8,30,27,6,19,8,39};...
2021-11-03 16:57:14
101
原创 JavaSE 数组内存
package array;public class MemoryDemo { public static void main(String[] args) { int a = 12; System.out.println(a); int[] arr = {11,22,33}; System.out.println(arr); arr[0] = 111; arr[1] = 222; ...
2021-11-03 15:21:04
84
原创 JavaSE 遍历数组和冒泡排序
遍历数组快捷键：累加：package array;public class TraversingArray { public static void main(String[] args) { int sum = 0; // 遍历数组元素 int[] arr = {12,22,34,45,67}; for (int i = 0; i < arr.length; i++) { System.out.
2021-11-03 14:59:45
129
原创 JavaSE 动态初始化数组和默认值
package array; public class ArrayDemo2 { public static void main(String[] args) { String[] city = new String[3]; System.out.println(city[0]); int[] ages = new int[3]; System.out....
2021-11-03 13:39:09
255
原创 JavaSE 静态初始化数组
package array;public class ArrayDemo1 { public static void main(String[] args) { // 静态初始化定义数组 // double[] scores = new double[]{99.5, 88.0, 75.8}; double[] scores = {99.5, 88.0, 75.8}; // int[] ages =.
2021-11-03 11:27:26
173
原创 Echarts样式和高亮设置
1.样式修改以饼图为例：<!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&
2021-10-07 11:12:01
4042
1
原创 Echarts主题和调色盘以及颜色渐变
默认主题：<!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>Echa.
2021-10-07 10:53:54
392
原创 Echarts仪表盘
<!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>仪表盘</ti.
2021-10-06 22:54:23
168
原创 Echarts雷达图和常用配置
<!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>雷达图</ti.
2021-10-06 22:28:04
518
原创 Echarts地图和散点图结合使用
<!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>地图-不同城市空气质.
2021-10-06 21:35:45
931
原创 Echarts空气质量地图效果
我们要先把空气质量数据和地图数据结合起来：地图数据有name这个属性我们的不同城市空气质量也有name这个属性，这两个属性是一样的，都叫name，所以我们可以把他们关联起来：var airData = [ { name: '北京', value: 39.92 }, { name: '天津', value: 39.13 }, { name: '上海', value: 31.22 }, { name: '重庆', value: 66 }, {
2021-10-06 17:05:43
2980
2
原创 Echarts 地图基本使用
1.基本使用<!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>地图&.
2021-10-06 16:26:29
2889
原创 Echarts饼图常用效果
基本实现<!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>饼图<.
2021-10-03 22:28:38
1414
原创 Echarts 直角坐标系常用配置
grid<!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>直角坐标.
2021-10-03 12:36:28
317
原创 Echarts 散点图常用效果
气泡大小控制<!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>模板&l
2021-10-03 10:40:58
531
原创 Echarts 散点图基本使用
上代码：<!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>模板<.
2021-10-03 09:45:59
210
原创 Echarts柱状图 折线图常用配置之区域颜色和渐变
<!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>折线图</tit
2021-10-02 14:01:21
4199
原创 Echarts 图例legend基本配置
<!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>柱状图的基本实现和常.
2021-10-02 11:13:54
1800
原创 Echarts tooltip配置
echarts配置，和title同一级别，配置tooltip:1.触发时机triggertooltip: { trigger: 'item'}如果把item改为axis:tooltip: { trigger: 'axis'}2.触发条件triggerOn比如设置鼠标点击时候才触发tooltip: { trigger: 'item', triggerOn: 'click'}3.提示内容格式化formattertooltip: { trigger: 'ite
2021-10-02 10:32:06
3865
原创 Echarts图表指南之柱状图常用效果
先画一个基本的图表：<!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>
2021-10-02 09:48:57
1054
原创 react脚手架配置代理总结
如果不写pathRewrite:前端发送请求：后端：控制台：可以看到，请求转发给后端了，但是请求的地址是/api1/students，这就是没有写pathRewrite，导致没有把作为转发请求标识的/api1去掉react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000.
2021-09-21 08:29:41
302
1
原创 React prop-types库使用对组件接收到的props进行类型必要性等限制
父组件：import React, { Component } from "react"import Header from "./components/Header"import Footer from "./components/Footer"import List from "./components/List"export default class App extends Component { state = { todos: [ { id: '001', msg:
2021-09-20 13:13:43
453
原创 React DevTools failed to load source map: Could not load content for xxx问题解决
运行react项目时候，控制台提示：解决方法：把这两个勾选去掉：
2021-09-19 11:54:26
1096
原创 win10下create-react-app命令报错解决办法
原因：现用执行策略是 Restricted（默认设置）解决办法：1.win+X键，使用管理员身份运行power shell2.输入命令：set-executionpolicy remotesigned3.输入”Y“,回车，问题解决。
2021-09-18 22:50:55
336
原创 Reac生命周期钩子之getSnapshotBeforeUpdate
点击+1时候：如果我们在getSnapshotBeforeUpdate钩子里返回null，控制台就不会报错了。 那么什么是快照值snapshot value呢？字符串，数组，数字，对象，函数，都可以。比如我们返回一个字符串做为快照值：那么这个值返回给谁了呢？我们先看一下componentDidUpdate这个钩子，它默认可以接收3个参数：前两个参数一个是之前的props，第二个是之前的state：componentDidUpdate这个钩子的第三个参数，就是接收getSnapshotB
2021-09-18 14:12:52
322
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人