weixin_43411214的博客

原创 docker

/导入sql文件 ——（建议连接navicat进行操作）

原创 Openlayers格式转换

【代码】Openlayers格式转换。

原创 Cesium

【代码】Cesium。

原创 WIndows11安装docker Desktop

一、下载 Docker Desktop for Windows1、打开你的浏览器，访问 Docker 官方网站（https://www.docker.com/）。2、在官网的菜单中找到 “Products”，然后选择 “Docker Desktop”。3、在 “Docker Desktop” 页面中，点击 “Download for Windows” 按钮，下载安装程序。（这里要选择和系统对应架构的安装包）4、通过命令提示符，获取下载哪种安装包 wmic cpu get architectur

原创 基于若依框架修改

3.修改SwaggerConfig.java文件的createRestApi()方法，将DocumentationType.OAS_30改成DocumentationType.SWAGGER_2。2.修改SecurityConfig.java文件的filterChain()方法，放行doc.html文件。在application.yml配置中添加。1.引入依赖（新增以下依赖）

原创 OpenLayers之Vector图层上添加Feature要素

【代码】OpenLayers之Vector图层上添加Feature要素。

原创 js颜色转换

【代码】js颜色转换。

转载 CSS 文字特效

人生苦短，我用Python。

原创 css常见动画

【代码】css常见动画。

原创 css动画效果

1）定义单个动画@keyframes 动画名称{from{初始状态属性}to{结束状态属性}2）定义多个动画@keyframes 动画名称{0%{初始状态属性}50%{中间还可以再添加关键帧}100%{结束状态属性}

原创 利用jszip实现批量文件压缩下载

【代码】利用jszip实现批量文件压缩下载。

原创 本地创建服务器访问

【代码】本地创建服务器访问。

原创 js树过滤

/ 递归过滤得到每一项的hidden为false的数据。

原创 表单字段校验

【代码】表单字段校验。

原创 CSS学习内容

宽高为0，四个border值除bottom外其他均透明。

原创 值得收藏的JavaScript 语句

/ 5。

原创 JavaScript DOM 操作技术之动态脚本和动态样式

【代码】JavaScript DOM 操作技术之动态脚本和动态样式。

原创 js问号语法

attr获取object属性attr前先判断object是否存在，在object后面加上?，这是JavaScript的可选链语法。(这句代码的意思是，如果object恒等于null或者undefined时，取值为undefined,否则为object.attr。是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。该表达式的含义是 条件condition是真，则执行exprIfTrue ，否则执行exprIfFalse。

原创 el-tree

1、第一级节点不显示多选框/deep/ .el-tree > .el-tree-node > .el-tree-node__content .el-checkbox { display: none;}2、自定义下拉箭头1）隐藏默认箭头样式2）自定义图标<span class="custom-tree-node" slot-scope="{ node, data }"> <div class="word_style"> <span cla

原创 element表格自适应高度

mounted() {this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …rHeight - this.refs.table.KaTeX parse error: Expected '}', got 'EOF' at end of input: …rHeight - self.refs.table.KaTeX parse error: Expected 'EOF', got '}' at position 26: …op -

原创 页面渲染后再加载css、js

<script> function addScriptTag(src){ var script = document.createElement('script'); script.setAttribute("type","text/javascript"); script.src = src; document.body.appendChild(script); } function addLinkTag(href){ .

原创 vue实现div盒子拖拽

1、创建directive.js文件import Vue from "vue";Vue.directive("drag", { bind: function (el) { let odiv = el; odiv.style.position = "fixed"; odiv.onmousedown = (e) => { let disX = e.clientX - odiv.offsetLeft; let disY = e.clientY - od

原创 获取本机ip

<script type="text/javascript"> window.sessionStorage.setItem('ip',returnCitySN["cip"])

原创 谷歌浏览器 CORS错误

原创 git 协作开发流程

一、主要命令1、pull主分支到本地 git pull 2、查看文件状态git status 3、提交的文件1）选择单独的文件 ： git add 文件名 2）全部选择是 git add .4、提交到本地仓库git commit -m "xxx"5、提交到远程仓库git push6、创建并切换分支1）创建分支 git branch 分支名2）切换分支 git checkout 分支名3）创建并切换分支 git checkout

原创 vue父子组件通信数据双向绑定

一、方法1：通过v-model,子组件使用model绑定属性1.父组件中 //调用的子组件 <upload-img v-model="form.coverUrl" ></upload-img> <script> export default { data(){ return{ form:{ cove

原创 解决父组件在mounted/created 中调用子组件方法报错问题

1、问题父组件created、mounte调用子组件方法时，报错 created(){ this.$refs.previewRef.swiperInit(resultUrl, count); },2、解决方法使用定时器延时100ms调用子控件方法 mounted () { // 开启初始定时器 this.startTimeout=setTimeout(function(){ this.$refs.previewRef.swiperInit(

原创 vue+scss主题色切换

1、新建一个Scss文件_themes.scss，里面可以配置不同的主题配色方案$themes: ( Red: ( //整体主色调/菜单栏背景/图标.按钮主色/悬停状态mainColor: #D6000F, //主题色activeMainColor: #ab343c, //页面主标题色/重要文字/弹框标题色titleColor: #08121C, //默认字体色/二级信息字体色infoColor: #545454, //菜单列表背景色menuBackgroundColor:#BC485014,

原创 笔记10：DOM

一、dom介绍+获取元素1. DOM介绍 文档对象模型（Document Object Model，简称DOM），是 W3C 组织推荐的处理可扩展标记语言（html或者xhtml）的标准编程接口。​ W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。2. 获取元素 1）根据ID获取 document.getElementById(id) 2)根据标签名 document.getElementsByTagN

原创 css文本溢出省略号显示

1、单行文本overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2、多行文本display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

原创 5.vue组件间通信——vuex

1

原创 11.vue项目架构

1、在线文档 https://vuex.vuejs.org/zh/guide/ 安装：npm install --save vuex2、理解 对vue应用中多个组件的共享状态进行集中式的管理（读/写）3、状态管理应用1）state:驱动应用的数据源2）view:以声明方式将state映射到视图3）actions:响应在view上的用户输入导致的状态变化（包含n个更新状态的方法）——函数4、多组件共享状态的问题1)多个视图依赖于同一状态2)来自不同视图的行为

原创 5.vue组件间通信——插槽（slot）

1

原创 5.vue组件间通信——消息的订阅与发布（如：pubsub库）

1、

原创 4.表单绑定v-model

1、文本输入<input type="text v-model="username">2、单选按钮 <input type="radio" v-model="sex" vlaue="男"> <input type="radio" v-model="sex" vlaue="女">3、复选框1）单选复选框，设置布尔值 <p><span><input type="checkbox" v-model="isagree"&

原创 3.vue事件处理

1、v-on 缩写@ <div v-on:click=""></div> <div @click=""></div>2、绑定监听1）不传入参数，默认传入事件event <div @click="btn"></div>2)传入参数，同时要传入事件event <div @click="btn(id,$event)"></div>2、修饰符1）停止冒泡 <div @clic

原创 2.vue之列表数据渲染

1、列表添加数据 1) list.push(); //添加到列表最后 2)list.unshift() //添加到列表开头 3)list.splice(list.length,0,item)2、删除列表数据 1）list.splice(index,1); 2) list.filter(item=>{ return item.id!=id

原创 art-template模板引擎

一、基础数据渲染，template(id, data) 1、引入art-template.js文件 <script src="template-debug.js"></script> 2、编写HTML模板 <script id="test" type="text/html"> <h1>{{title}}</h1> </script> 3、向模板插入数据，并输出到页面

原创 对象转数组

1、Array.from(object) 1️⃣ object中必须有length属性，返回的数组长度取决于length长度 2️⃣ key 值必须是数值 //定义一个集合 let arrayLike = { '0': 'a', '1': 'b', '2': 'c',

原创 笔记9：rem适配布局

1、基础 1）Rem是一个相对单位，相对于html的字体大小 2）如果整个页面很多地方用rem进行布局，只需要在不同屏幕下修改html的字体大小，那么整个页面都会同步变化2、媒体查询 1）媒体查询是css3语法，可以实现根据不同屏幕适配不同的样式 、 2）语法结构为：@media screen and (max-width:800px) {css样式} 注意点： 1、screen和and必须带上案例实现思路：案例1、根据页面宽度改变背景颜色1）按照从大到小的或者从小到大的