- 博客(17)
- 收藏
- 关注
RSS订阅原创 ElementUi级联选择器选择的数据渲染在div中
级联选择器选择的数据渲染在div中需求：将选择的数据渲染在div中展示。思路：当多选的时候是一个二维数组，单选时是一维数组，区分处理，不确定有多少层级，用递归实现，把拿到的数据放到数组里，然后处理成自己要的。``<template> <div> <el-cascader v-model="value" :options="options" @change="handleChange" :props="props"
2022-04-22 09:57:58
1631
原创 Node+Express+Mongodb实现登录注册
Node+Express实现登录注册思路：当用户登录的时候去判断数据库中是否有该用户名，如果有，验证用户输入的密码和数据库中存储的是否一致；如果没有，则提醒用户该账号不存在，应该去注册；注册的时候，将密码进行加密（用户的账号和密码要确保其安全性），可用bcrypt进行加密（它的原理输入的明文密码通过10次循环加盐后得到myHash（版本+salt），然后存入数据库。系统在验证用户时，需要从myHash中取出salt跟password进行hash；得到的结果保存在数据库中的hash进行比对，如果一致才算验.
2022-04-21 16:06:51
2360
原创 vue+cesium环境搭建
vue+cesium环境搭建在搭建的时候遇到了一些问题，记录一下1.首先安装脚手架npm install @vue/cli -g2.我是用vue create 项目名 创建的项目，但选择的是2.0的vue create vue-cesium3.安装copy-webpack-pluginnpm install copy-webpack-plugin --save-dev4.在根目录下创建一个vue.config.js文件，复制以下代码：const path = require('pat
2021-07-09 17:54:52
788
2
原创 vue中使用Antv g6构建简单流程图
vue中使用Antv g6构建简单流程图前端小白第一次使用，项目需要一个流程图，看了一些博客，简单的写了一个，但是还是没实现项目的需求，希望有会的人帮忙指点一下。项目需要实现的是：可以自定义添加节点以及删除节点，这两个我还没有实现。1.首先安装npm install --save @antv/g62.在需要g6的文件中导入import G6 from "@antv/g6";3.在组件中创建一个容器<template> <div id="Flow"></di
2021-06-30 17:15:12
3943
3
原创 给循环的图片移入时添加操作
给循环的图片移入时添加操作1.循环出来的图片<div class="upload" v-show="allAdd"> <div class="uploadAdd"> <i class="el-icon-plus" @click="handleAdd"></i> </div> <ul> <li v-for="(item, index) in
2021-06-28 16:37:42
144
原创 css实现切角效果
css实现切角效果html代码 <div class="addState" v-show="isAdd"> ...... </div>css代码/* 实现四个边角切割 */clip-path: polygon(15px 0px, calc(100% - 15px) 0,100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%,0 calc(100% - 15px),0 15
2021-06-28 16:17:19
572
原创 elementUI中Select组件下拉框取值
elementUI中Select组件下拉框取值,代码如下：<el-select v-model="nativeSelect" placeholder="请选择" @change="handleNative"> <el-option v-for="item in native" :key="item.value" :label="item.label" :
2021-03-26 18:13:48
1236
原创 ElementUI中table组件中的展开功能只展开一项
在table里添加事件，代码如下： <el-table :data="tableData" style="width: 100%" highlight-current-row **@expand-change="expandSelect"** type="index" :row-key="getRowKeys" :expand-row-keys="expands" >
2021-03-25 14:52:23
1171
原创 组件传值
父组件给子组件传值（props）1.子组件在props中创建一个属性(与父组件v-on中的一样)来接收父组件传过来的值2.在父组件中注册子组件3.在子组件标签中添加子组件props中创建的属性子组件给父组件传值（$emit）1.子组件中需要以某种方式来触发一个自定义事件2.将需要传的值作为$emit的第二个参数，第一个参数是自定义事件3.在父组件中的子组件标签上绑定自定义事件兄弟之间传值（bus）1.首先创建一个eventBus.js，2.bus作为通讯的桥梁3.在需要传值的组件
2021-03-24 10:40:02
730
原创 父组件控制子组件的显示与隐藏
父组件控制子组件的显示与隐藏1.父组件代码<template> <el-button icon="el-icon-search" @click="handleSearch"></el-button> <Seacher :search="search" @handleClose="handleClose"/></template><script>//引入子组件import Search from "@/compon
2021-01-29 16:28:59
3874
原创 Element中的分页效果实现
Element中的分页效果实现1.分页组件<div class="page"> <el-pagination small layout="prev, pager, next , slot" :page-size="pageSize" :current-page="curPage" :total="datalist.length"
2020-12-31 14:15:01
394
原创 实现ElementUI中的日期选择器只能选择前七天的日期，其他不能选择
实现ElementUI中的日期选择器只能选择前七天的效果1.在日期选择器中添加 :picker-options="pickerOptions"2.在data中添加pickerOptions最终效果图
2020-12-31 13:42:41
1335
原创 Webpack搭建React开发环境步骤
Webpack搭建React开发环境的具体步骤先创建一个myapp的文件夹，然后运行cmd第一步 安装模块初始化，生成package.jsonnpm init -y安装react模块#安装reactcnpm install react --save#安装react-domcnpm install react-dom --save安装webpack工具#安装webpack和webpack-clicnpm install webpack webpack-cli --save-dev
2020-11-23 15:53:45
241
原创 安装express时，查看版本信息时，报错 error unknown option `-V‘
安装express时，查看版本信息时，报错 error: unknown option `-V’1.安装express模块命令行里输入: npm install express -g2.由于express4.x中将命令工具分离出来了，还需要安装express-generator命令行输入：npm install -g express-generator3.测试express命令。命令行下输入express -V，会显示版本信息，即安装成功注：-V必须是大写可是我自己在查看的时候出现错误信息
2020-11-16 11:32:19
3558
2
原创 关于vue面试题的总结
vue面试题1.vuexvuex是什么？vuex是一个专门为vue.js应用程序开发的状态管理模式，可以帮助我们管理共享状态，也就是管理全局变量如何使用？在main.js引入store，注入。新建一个目录store，…… export用于哪些场景：单页应用中，组件之间的状态。音乐播放、登录状态、加入购物车核心属性： vuex使用一个store对象管理应用状态，store包括：state，mutations，actions，getter，module state：用于保存
2020-11-15 14:22:56
322
原创 无法加载此文件，因为此系统禁止运行脚本的方法
无法加载此文件，因为此系统禁止运行脚本的解决方法在终端运行vue时，出现错误，错误信息为：无法加载此文件，因为此系统禁止运行脚本的方法。查阅了相关资料，解决办法如下：1.右键开始菜单，找到Windows PowerShell (管理员)2.输入set-ExecutionPolicy RemoteSigned3.输入Y4.再此运行，就会成功...
2020-11-06 08:25:21
749
原创 MVC和MVVM的概述和区别
MVC和MVVM的区别MVC简述MVC全名是Model View Controller,是模型（Model）-视图（view）-控制器（controller）的缩写。M（model模型）：是处理逻辑数据的部分，主要负责在数据库中存取数据。V (view视图) :是处理数据显示的部分，通常是依据模型数据创建的。C（controller控制器）：是处理用户交互部分，负责从视图读取数据，控制用户输入，并向模型发送数据。它是数据和视图的协调者。MVVM简述MVVM全名Model-View-ViewM
2020-11-04 21:38:01
299
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人