2021年05月_疆~

11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 Vue中实现图标选择器

可选择elementUI中所有的图标和自定义导入的svg图标效果图：首先要有这一节的基础：https://blog.csdn.net/qq_40323256/article/details/116950679项目gitee代码：https://gitee.com/LiDaJiang/git_vue2_koa2_mongoose_iconpicker核心代码如下所示：@/components/IconPicker/eIcon.vue:<template> &..

2021-05-30 23:06:33 5652 3

原创 Vue项目中使用Swagger生成接口文档

在线：https://editor.swagger.io/下载：https://github.com/swagger-api/swagger-ui解压后，复制整个dist文件夹到服务端的public目录下，并改名为apidocs（随意）在Swagger Editor中把文档保存为YAML或者JSON，我命名为swagger.json(或者swagger.yaml)然后将文档放进api-docs文件夹，打开api-docs文件夹中的index.html，找到末尾的JavaScrip

2021-05-20 09:30:50 4873 1

原创 Vue中使用svg-基于vue-svgicon组件

目录一、下载vue-svgicon二、main.js中引入三、将.svg转换成.js进行引入四、使用一、下载vue-svgiconcnpm i -S vue-svgicon二、main.js中引入import SvgIcon from 'vue-svgicon'Vue.use(SvgIcon, { tagName: 'svg-icon'});注意：这里要记得加上{tagName:'svg-icon'}，否则会报错三、将.svg转换成.js进行引..

2021-05-17 21:56:24 2345 5

原创 Vue中登录页面记住密码，并使用crypto-js加密

主要用到js-cookie来存储用户名和密码，关于js-cookie介绍：https://blog.csdn.net/qq_40323256/article/details/116838848一、下载js-cookiecnpm i -S js-cookie二、main.js中全局引入import Cookies from 'js-cookie'Vue.prototype.$cookie = Cookies;三、使用<el-checkbox v-model="rem..

2021-05-17 20:43:33 4714

原创 Vue中使用js-cookie

目录一、安装js-cookie二、使用1、局部使用2、全局使用一、安装js-cookiecnpm i -S js-cookie二、使用1、局部使用importCookiesfrom"js-cookie";示例：<template> <div> <p>当前token： {{token}}</p> <el-button @click="getToken()...

2021-05-15 11:42:54 1917 1

原创 Vue中使用e-icon-picker 图标选择组件

gitee地址：https://gitee.com/cnovel/e-icon-picker效果图：main.js中引入：import iconPicker from 'e-icon-picker';import "e-icon-picker/lib/symbol.js"; //基本彩色图标库import 'e-icon-picker/lib/index.css'; // 基本样式，包含基本图标import 'font-awesome/css/font-awesome.min.c.

2021-05-15 10:04:54 4482 7

原创 Vue中常用的一些自定义指令

main.js中：Vue.directive('color', { bind(el, binding, vnode) { el.style.color = "#" + Math.random().toString(16).slice(2, 8); }})使用：给标签添加v-color即可<span v-color>随机颜色</span>

2021-05-14 15:55:31 2334 17

原创 Vue中使用emoji表情

使用：<template> <div class="main"> 输入： <el-input v-model="inputValue" /> <el-button @click="analyzeEmoji(inputValue)">显示：</el-button> <span v-html="content" /> <OwO re...

2021-05-14 15:05:56 4586 5

原创 Vue中的this.$set

当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.$set（）这个方法了官方解释：向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue 无法探测普通的新增属性调用方法: Vue.set( target , key , value)target: 要更改的数据源（可以是一个对象或者数组）key 要更改的具体数据（索引）value 重新赋的值&lt..

2021-05-10 11:25:05 18089

原创 Vue中使用TailWindCSS-亲测可用！！！！

一、下载cnpm i -S tailwindcss 发现至少要node版本>=12.13.0更新node版本-

2021-05-08 00:29:20 10602 11

原创 VsCode配置c运行环境

github地址：https://github.com/SDchao/AutoVsCEnv_WPF解压安装包，然后运行AutoVsCEnv_WPF.exe重启计算机，使环境变量生效vscode中打开c_projects（注意一定要打开c_projects文件夹）。注意不要打开c_projects文件夹中的c项目文件夹。...

2021-05-07 00:18:26 372

原创 vue中使用uuid

一、下载cnpm i -S vue-uuid二、main.js中引入import UUID from "vue-uuid";Vue.use(UUID);三、使用console.log("this.$uuid.v1():", this.$uuid.v1());

2021-05-06 09:53:17 18079 1

原创 Vue中对表单的增删改查（不含图片）

目录效果图：客户端view/userManage/index.vueview/userManage/userManageDialog.vueapi/userManage/index.jsutils/request.jsrouter.jsmain.jsvue.config.js服务端Models/User.jsroutes/user.jsdb.jsapp.jsgitee地址：https://gitee.com/LiDaJiang/git_vue2_.

2021-05-05 13:52:41 537

原创 vue对表单的增删改查（包含图片）

目录效果图：客户端views/userManage/index.vueviews/userManage/userManageDialogutils/alioss.jsutils/index.jsutils/request.jsrouter.jsmain.jsvue.config.js服务端models/User.jsroutes/user.jsdb.jsapp.jsgitee地址：https://gitee.com/LiDaJiang/g..

2021-05-05 13:35:11 2514 3

原创 vue中使用moment格式化时间

目录一、安装moment.js二、main.js中引入moment三、使用1、过滤器用法全局过滤器局部过滤器2、挂载vue上此外，day.js也可以实现类似的功能，见：https://blog.csdn.net/qq_40323256/article/details/110930383一、安装moment.jscnpm i -S moment二、main.js中引入momentimport moment from 'moment'三、使用有两种方.

2021-05-05 10:24:28 6270 1

原创 Vue中的过滤器（filter）

目录过滤器使用位置全局过滤器、局部过滤器全局过滤器：局部过滤器：过滤器中传入多个参数：多个过滤器串联：官方文档：https://cn.vuejs.org/v2/guide/filters.html在官方文档中，是这样说明的：可被用于一些常见的文本格式化，vue中过滤器的作用可被用于一些常见的文本格式化。（也就是修饰文本，但是文本内容不会改变）个人觉得称它为加工车间会更加贴切一些，过滤器可以用来筛选出符合条件的，丢弃不符合条件的；加工车间既可以筛选，又可以对筛选出来的进..

2021-05-02 17:50:43 79733 7

原创 CSS：盒子模型和box-sizing属性

盒子模型：W3C盒子模型、IE盒子模型一、W3C盒子模型（标准盒子模型）box-sizing:content-box;（默认）二、IE盒子模型box-sizing:border-box;示例：代码：<template> <div class="test"> <div class="box1"> <p>width: 300px;</p> ..

2021-05-02 11:34:18 399

原创 vue中实现元素吸顶效果

效果图：注意：窗口会抖动，体验不是很好，后期再优化代码实现：<template> <div> <div style="height: 100px;"></div> <div style="width:100px;height:100px;margin-left:30px;border:1px solid red;color:black" :class="{isFixed:isFixed}".

2021-05-02 10:52:45 685

原创元素滚动到视图中时对其进行动画处理：vue-animate-onscroll

参考：https://www.npmjs.com/package/vue-animate-onscroll在线demo：https://vue-animate-onscroll.netlify.app/<template> <div class="test"> <div style="height: 1200px;"></div> <section style="border:1px solid red"> .

2021-05-02 10:49:47 2054 2

原创 JavaScript（js）中删除Array数组中的值

目录方式1：splice（index,1）方式2：new Set()方式3：delete方式1：splice（index,1）splice() 方法会直接对修改原数组 let arr = ["vue", "react", "angular"]; console.log("删除前arr：", arr); for (let i in arr) { if (arr[i] === "react") { let result = ...

2021-05-02 02:20:27 2607

原创 JavaScript（js）中两个简单Array数组求交集、并集、差集和补集

目录一、交集二、并集三、差集四、补集目前使用for，for in ,for of ,for each 等循环，搭配Array.indexOf()、Array.includes()等函数都可以实现该功能，但是代码较为繁杂，不够简洁，因此，推荐使用以下方式来实现：注意：new Set()有去重的效果一、交集方式1： let arrA = ["a", "b", "c", "d"]; let arrB = ["a", "b", "e"]; le.

2021-05-02 01:45:45 3701 2

java-jdk-8u152安装包java-jdk-8u152安装包java-jdk-8u152安装包

2024-07-29

nvm下载nvm下载nvm下载nvm下载nvm下载

2024-07-29

geoserver中发布geojson服务需要的包.zip

geoserver中发布geojson服务需要的包。里面有四个jar包，包括：gson-2.3.1.jar，gs-vectortiles-2.15.0.jar，java-vector-tile-1.3.4.jar，protobuf-java-3.6.1.jar

2020-10-03

ssm_spring_mvc.war

ssm_spring_mvc.war,实现了增删改查，数据回显，模糊查询

2019-06-15

ssm_spring_mvc_maven.war

ssm_spring_mvc_maven.war，页面用的bootstrap，实现了记录的增删改查，数据回显，模糊查询

2019-06-15

userlogindemo.zip

userlogindem zip

2019-05-27

数据结构与算法-C#版

这是C#版的数据结构与算法的代码实现，包括：顺序表，单链表，双链表；顺序栈，链栈；顺序队列，链队列；顺序串；用数组进行特殊矩阵的存储，稀疏矩阵的存储；顺序存储二叉树，链式存储二叉树，哈夫曼树；多重链表表示法存储树；用邻接矩阵解决图的编程问题，用邻接表解决图的编程问题，图的遍历（深度优先，广度优先），Dijkstra最短路径算法；冒泡排序，快速排序

2019-03-09

利用ASP.NET和百度地图API开发的校园地图

这是利用ASP.NET和百度地图API开发的校园地图，也是自己的webgis课程设计。实现的功能有：1.利用ASP.NET实现用户的登录与注册，并将用户的用户名及密码用Sqlserver数据库存储起来。2.此校园地图可以实现根据输入地图名查询地图，输入框输入关键字可以自动联想相关地址，鼠标滚轮或者右键地图视图实现地图的缩放，普通影像与卫星影像的互换，对工具条或比例尺的添加或删除，打开全景图等功能。

2019-01-01

ARCGIS二次开发课程设计

这是一个ARCGIS的二次开发项目，也是自己的期末课程设计。包含的功能有：对文件的打开，保存，另存为，地图的导出，鹰眼实现，交互式画点线面，简单着色，分级着色，唯一值着色，颜色浏览器，颜色选择器，颜色版，在地图视图下右键弹出“全图显示”等内容列表等基础功能，另外还实现了一些空间分析功能，如“缓冲区分析”，“叠置分析”。该安装包中还包含电子文档，视频。如果还有什么疑问，欢迎留言

2018-12-21