- 博客(15)
- 资源 (4)
- 收藏
- 关注
原创 好久不见!~小编带给大家古老的vue搭配kityMinder使用方法
其实,说实话,kityMinder封装的方法非常少,我有次操作去修改了它的源码。在现阶段看来用echarts的会多一点,可视化工程,kityMinder应该很少人知道,某站也没有相关视频。在小编接触之前真不知道有这个东西,最近一直在搞这个kityMinder,给我搞的是一个脑壳两个大。其实kityMinder是一个很强大的思维脑图的配置,如果我们想用代码去实现脑图其实很简单。⑦、简单的介绍 kityMinder的使用方法,如果有大佬对这个kityMinder了解比较多的话,可以在评论区多多指点,
2023-05-18 16:18:43
970
2
原创 react案例ToDolist
今天我们用react一个ToDolist由于小编没有写css样式,所以可能会有所难看.还请见谅首先我们需要在react项目App.js导入这个ToDolist的组件import React, { Component } from 'react'//自己写的todolistimport ToDo from './anli/ToDo'import './App.css'export default class App extends Component { render() {
2021-08-21 20:22:17
165
原创 如何实现深浅拷贝?
一、浅拷贝(引用数据类型(数组,对象)) 可以通过ES6中的展开修饰符...来进行浅拷贝。注意:...不是深拷贝,但是可以深拷贝第一层。废话不多说,写一个例子 var info = { name:'Tom', age:18 }var info2 = { ...info }//修改下name属性info.name = "Jack"console.log(info2)//这直接会把本身name:"Tom"打印出来,这就实现了浅拷...
2021-08-20 22:57:52
312
原创 学习下什么是Vuex?
一、学习概念 1.解释Vuex适合在Vue项目开发时使用状态管理工具,这样说吧!一个项目开发时如果频繁使用组件传值的方式同步data中的值,小的项目还可以管理,大项目是就不会这样幸运了!项目管理和维护起来就会变的复杂。Vue为了这样被多个组件频繁使用的值开发了一个统一管理的工具——Vuex拥有Vuex的项目就会把这些值定义在Vuex中,也就会在整个Vue项目的组件中使用。 2.安装Vuex的安装是在学习VueCli后面进行的还需要参照VueCli2.x的目录...
2021-08-15 21:36:52
107
原创 Vue中什么是MVVM?
一、概念介绍MVVM分为三个部分:分别是M(Model,模型层 ),V(View,视图层),VM(ViewModel,V与M连接的桥梁,也可以看作为控制器) 1、 M:模型层,主要负责业务数据相关; 2、 V:视图层,顾名思义,负责视图相关,细分下来就是html+css层; 3、 VM:V与M沟通的桥梁,负责监听M或者V的修改,是实现MVVM双向绑定的要点; MVVM支持双向绑定,意思就是当M层数据进行修改时,VM层会监测到变化,并且通知V层进行相应的修改,反之修改V层则会通知M层数据进行修改,
2021-08-15 20:38:24
1227
原创 作者整理的javascript的基础
ES6 新特性Let Const 结构赋值4、 Symbol数据类型,定义一个独一无二的值。基本数据类型5、 Proxy代理,用于编写处理函数,来拦截目标对象的操作。6、 for...of遍历,可遍历具有iterator 接口的数据结构。7、 Set结构,存储不重复的成员值的集合。set 可以进行去重8、 Map结构,用来循环,会返回一下新的数组9、 Promise对象,更合理、规范地处理异步操作和回调地狱。10、Class类定义类和更简便地实现类的继承。Var..
2021-08-05 21:03:35
78
原创 Express[重点]
nodejs中的三方模块,使用最多的一个三方模块,也被称之为node中的一个成型的框架。其是node中http内置模块的替代方案。正是因为express是与http是同一个需求的不同解决方案,因此后续在学习的时候很多代码或者思路会有一种似曾相似的感觉。1、介绍网址:https://www.expressjs.com.cn/Express 是基于 Node.js 平台,快速、开放、极简的 Web 开发框架。搭建web服务器Express 的本质:就是一个 npm 上的第三方包,提供了快速创建
2021-08-02 19:34:34
114
1
原创 补:npm包管理(5、自动重启应用)
一、在编写调试Node.js项目,修改代码后需要频繁的手动重启应用,非常繁琐。nodemon这个工具,它的作用是监听代码文件的变动,当代码改变之后,自动重启。# 全局安装nodemonnpm i -g nodemon# 执行node脚本nodemon app.js该工具应用非常广泛,后续的框架也是这样的应用。...
2021-07-20 20:55:19
264
1
原创 npm包管理
1、介绍npm是NodeJs项目模块管理工具,它已经集成了nodejs安装包中(自5.2以后新增了npx指令用于解决调用项目内部安装的模块繁琐的问题),使用npm可以实现从NPM服务器下载别人编写的第三方包到本地使用。npm仓库地址:https://www.npmjs.com/当然除了npm以外还有Facebook贡献的Yarn,功能和npm一样,也可以作为包管理工具。问题:npm帮我们下载和安装的包,计算机关机后再开机还是否可以继续使用?注意:可以在关机后开机继续使用,但是注意其两种安
2021-07-20 20:53:09
1172
1
原创 Node.js案例
一、创建web服务器1.1、创建web服务器之前要先导入http模块const http = require('http')1.2、创建web服务对象实例 const server = http.createServer()1.3、绑定监听客户端请求事件request server.on('request',(request,response) =>{}) 注意:这里的request可以简写为req ...
2021-07-20 20:48:43
208
原创 Vue中的选项属性三
一、watch: 监听器 用于监听data中的响应式数据变化。二、如果想要深度监听的话,那应该是怎么办?可以使用 deep:true 设置深度监听,但是只能监听对象的属性改变,无法监听基本数据类型,例如下图中的 list(数组)元素值的改变时无法监听到的。 watch监听器函数不能使用箭头函数。三、filters:(过滤器) 用法 {{ str | filterName }}要过滤的内容会作为filterName()...
2021-07-19 21:31:05
280
1
原创 Vue中的选项属性二
一、methods: 用于声明事件函数。如图所以,我写了一个简易的点击事件绑定在button身上,那么用于声明事件函数就写在methods身上。千万不要使用箭头函数来定义methods函数。二、computed: 是计算属性。通常里面都是一个个计算相关的函数,函数里头可以写大量的逻辑,最后返回计算出来的值即我们可以把这些计算的过程写到一个计算属性中去,然后让它动态的计算。我们称之为计算属性。计算属性是基于他们的响应式依赖进行缓存的,...
2021-07-19 20:46:49
87
原创 Vue中的选项属性有哪些?
一、data:首先我们要看下上图,可以知道data中是对象(Object)数据类型。 data用于声明响应式数据。 1.1、为什么在项目中data需要使用return返回数据呢?不使用return包裹的数据会在项目的全局可见,会造成变量污染;使用return包裹后数据中变量只在当前组件中生效,不会影响其他组件。当一个组件被定义, data 必须声明为返回一个初始数据对象的函数,因为组...
2021-07-19 20:32:52
621
1
原创 vue中的基础指令二
一、 V-model:v-model指令的作用是便捷的设置和获取表单元素的值绑定的数据会和表单元素值相关联绑定的数据←→表单元素的值双向数据绑定,主要用于表单绑定修饰符: ①、.trim:去掉输入框值的首尾空格 ②、lazy:当文本框失去焦点时才进行绑定 ③、numbe...
2021-07-06 23:02:46
67
1
原创 Vue中的基础指令有哪些?
一、V-text:输出的是String类型eg:<p v-text="msg"></p><!-- 和下面的一样 --><p>{{msg}}</p>相当于js中的innerText注意V-text是原文输出,不会渲染样式。二、V-html: 输出的是String类型不用于V-text 的...
2021-07-06 22:51:24
128
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人