盖世小可爱的博客

原创 vue Element 左侧菜单栏 折叠/展开效果

vue Element 左侧菜单栏 折叠/展开效果

原创 vue 表格 侧边(竖向)表头展示数据

vue Element UI实现表格表头纵向显示

原创 element 表格字段过长

表格字段过长

原创 uniapp 简单表单布局1

uniapp表单

原创 uniapp 快速实现简单首页布局

uniapp 简单首页

原创 vue表格显示多图片多文件

vue表格显示多图片或者多文件链接下载

原创 uniapp 跳转外部链接

uniapp 跳转外部链接

原创 动态数据和表头数据得出一个新数组

表头数据和动态数据结合

原创 uniapp 图片上传 删除

uniapp我的示例：如下点击加号图片：选择上传类型：图片或者文件上传的图片可以删除这是界面上的一系列操作，接下来我们来看如何代码实现吧一、界面代码：展示图片<view class="title"> <font class="leftTitle">文件图片</font> </view> <view class="flex-wrap"> //循环显示上传的图片（imgArr这是放上传成功的数组）

原创 uniapp 列表下拉加载 分页

列表实现下拉分页敲黑板：onReachBottom页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。1、界面：循环后端返回的数据显示 <view class="ul"> <view class="li" v-for="(item, index) in productList" :key="index" @click.native="clickProjectItem(ite

原创 Echarts 实现在一个画布中画出多个上下排列柱状图

实现上下双柱图显示

原创 引入qrcode.js

qrcode.js

原创 uniapp 实现微信H5扫码功能

微信H5扫码

原创 vue+element-ui 表格中的时间格式化

需求：在表格中时间需要显示正常的 YYYY-MM-DD HH:mm:ss1、需要引入的moment.js 插件 实现快速转换步骤下载moment.jsnpm install moment --save1，在组件中 <el-table-column prop="createdTime" label="创建时间" align="center" :formatte

原创 Echarts实现隐藏x轴，y轴，刻度线，网格

"yAxis": [ { //就是一月份这个显示为一个线段，而不是数轴那种一个点点 "show" : true, "boundaryGap": true, "type": "category", "name": "时间", "data": ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月"], "axisLine":{ //y轴

原创 css设置内外边距会改变原来设置的宽度

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}当您box-sizing: border-box;在元素上设置时，该元素的内边距和边框不再增加其宽度由于box-sizing它很新，你现在应该使用-webkit-和-moz-前缀...

原创 Cookie、SessionStorage、LocalStorage

cookieSessionStorageLocalStorage

原创 理解dom

了解dom结结构

原创 UI框架推荐

点击可查看推荐内容

原创 web前端学习笔记(六) 弹性盒子

CSS之关于弹性盒子 你了解哪些（flex基本属性详解）

原创 微信小程序的传值问题(5种)——总结

https://blog.csdn.net/m0_38134431/article/details/88788032

转载 小程序各种路由跳转

路由页面路由跳转的常用方法：1、XX.navigateTo保留当前页面，跳转到应用内的某个页面，使用XX.navigateBack可以返回到原页面。2、XX.redirectTo关闭当前页面，跳转到应用内的某个页面。3、XX.switchTab跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面4、xx.navigateBack关闭当前页面，返回上一页面或多级页面。可通过 [getCurrentPages()] 获取当前的页面栈，决定需要返回几层。5、XX.reLaunch

原创 钉钉小程序时间、下拉、上传选择控件

一、日期选择框绑定： <view class="form-row"> <view class="form-row-label"><text class="symbol">*</text>选择日期</view> <view class="form-row-content" data-parent="{{pid:pid,index:index}}" onTap="datePicker">

原创 钉钉小程序最快实现扫码功能

1.使用npm安装npm install dingtalk-jsapi --save2.在所需要的界面js，引入import * as ddcode from "dingtalk-jsapi";3\ scanCode(){ ddcode.biz.util.scan({ type: String , // type 为 all、qrCode、barCode，默认是all。 onSuccess: function(data) { //onSuccess

原创 Vue使用el-tree 懒加载进行增删改查

关于vue的树形展示 使用到项目：以树的形式异步展现效果图先放：找到element-ui的官方文档，el-tree。（地址：https://element.eleme.cn/#/zh-CN/component/tree ）项目需求：以懒加载的形式展示，目录根据需求需要有新增 编辑 删除 操作以及操作后的刷新树结构那我们现在开始吧一、懒加载：Tree的懒加载，用一个属性控制：lazy。使用lazy，就要使用load来加载数据进行渲染树原理：初始化触发load函数先加载初始数据，通过点击某个节

原创 Vue项目使用富文本之tinymce-vue

tinymce-vue包的版本 4支持 Vue.js 3.x，但不支持 Vue.js 2.x。对于 Vue.js 2.x 应用程序，请使用tinymce-vue版本 3

原创 springBoot拦截器

https://blog.csdn.net/qq_35706771/article/details/82957014

原创 mongoDb增删改查一些简单操作

一、插入数据库操作：show dbs;#查看数据库use test;#如果没有就创建一个db;#查看当前数据库db.dropDatabase();#删除数据库数据操作：show collections；#查看集合创建集合、插入：create collection;#创建集合db.student.insert({"name":"张三","age":"22","sex":"男","class":"计算机2班"});#如果数据库中不存在集合，就创建并插入这些数据db.stude

原创 jdk1.7概览图分享

转载 MongoDB管理工具studio 3t ，解决到期问题

新建一个文本文档，将下面代码粘贴进去，然后另存为studio3t.bat文件名@echo offECHO 重置Studio 3T的使用日期......REG DELETE "HKEY_CURRENT_USER\Software\JavaSoft\Prefs\3t\mongochef\enterprise" /fRMDIR /s /q %USERPROFILE%\.3T\studio-3t\soduz3vqhnnja46uvu3szq--RMDIR /s /q %USERPROFILE%\.3T\s

原创 2021-07-01MongoDB数据库使用Studio3T工具报错Connection failed

一、把所有窗口关闭在welcome找到并删除二、查看你的防火墙开着端口是否发生冲突三、网络卡

原创 mybatis xml语句的批量删除 oracle数据库

原创 ping不通对方ip或者对方ping不通你的ip

ping网址和IP地址都ping不通，是设置错误造成的，解决方法如下：1、首先在电脑中打开运行窗口，然后在窗口中输入CMD，打开管理员窗口，如下图。2、然后输入ping+ip，回车确定。3、若发现ping不通，则首先要确定ip是不是写错了。4、其次要确定被ping电脑的防火墙有没有开启，打开控制面板，找到程序。5、如果开启肯定是ping不通，所以要把防火墙关掉。...

原创 localhost，127.0.0.1 和 本机IP 三者的区别是什么？

1、网络需求不同：localhost不需要联网；127.0.0.1不需要联网；本机IP需要联网 。 2、localhost是本机访问：127.0.0.1是本机访问；本机IP是本机或外部访问 。3、localhost是域名，127.0.0.1是IP地址。本机 IP 就是本机对外放开访问的IP地址；这个网址就是与物理网卡绑定的IP地址。4、在一个局域网里，同一网段的其他电脑就可以用上面的IP地址来访问你的电脑。--本机ip应用场景IP:IP地址是指互联网协议地址（英语：...

原创 vue 时间控件

1、项目开发中在使用日期时间选择器时需要添加默认时间并精确到HH:mm:ss，默认时间为当天的00:00:00~23:59:59日期选择器相关属性<el-date-picker v-model="serachForm.gengerateTime" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd

转载 2021要学习前端的阶段

原文链接：https://blog.csdn.net/hihell/article/details/117024130HTML5 CSS3 JavaScript ES6 数据可视化 React Node.js Vue.js入门第一阶段HTML5+CSS3 相关领域知识，你需要学习如下内容，标准的前端工程师知识点。自适应布局，BFC（块级格式化上下文）；选择器，盒模型，浮动，背景，定位，Flex；转换，Web 字体，动画；标签语法，排版标签，布局标签，多媒体标签。这一阶段

转载 高效率工作必须知道的工具

原文链接：https://blog.csdn.net/lnazj/article/details/90320901往往卓越的人，都是在不停思考的人，不停地寻找更好的解决问题的思路和办法，在这个过程中会发现更多以前从未发现的东西，从而带来无比的快感。现在就来总结一下平时工作中提高效率的工具，以及常用插件和快捷键。1.浏览器：参考：浏览器快捷键大全、常用快捷键整理谷歌浏览器常用插件2. IDEA作为开发人员，必须把开发工具用的溜溜的，来开发啦参考：IDEA新手使用教程（详解）Intel

原创 java动态代理原理

代理概念 代理原理jdk动态代理一文搞懂所有代理1、静态代理：程序运行前就已经存在代理类的字节码文件，代理类和原始类的关系在运行前就已经确定。代理类已经写死了，程序在运行期需要加载代理类时，将事先在本地编译（或者其他方式）好的class文件加载到JVM供虚拟机使用。静态代理需要开发者自己去实现2、动态代理：动态代理类的源码是在程序运行期间通过JVM反射等机制动态生成，代理类和委托类的关系是运行时才确定的代理类实例是由运行期生成的，在JVM中动态地生成class文件并创建...

原创 mongoDB

mongoDb下载以及可视化管理工具下载

转载 CSS3之媒体查询@Media

一、什么是媒体查询媒体指的就是各种设备 (移动设备, PC设备)查询指的是要检测属于哪种设备媒体查询: 通过查询当前属于哪种设备, 让网页能够在不同的设备下正常的预览媒体查询可以让我们根据设备显示的特征（视口宽度、屏幕比列、设备方向）来设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特征的条件表达式组成。二、学习媒体查询的核心是什么?实现页面在不同设备下正常预览 [判断当前设备]媒体类型：将不同的设备划分为不同的类型all (所有的设备) print (打..