- 博客(23)
- 收藏
- 关注
原创 关于JEECG低代码框架使用笔记
一. jeecg框架是做什么的个人理解jeecg是跟数据库绑定的开发框架,通过可视化的页面操作,对数据库进行结构编辑或者增删改查的操作,还有在线工具可以根据特定表进行代码生成,自动生成根据配置成型的在线页面,也可以自己在项目中根据需求自己实现vue页面,然后加入到菜单中。二.jeecg需要用到哪些技能/软件后端需要的是java基础的一些知识,起码知道怎么使用maven,怎么打包,怎么把后端代码通过tomcat运行起来,上手过程中可以多请教后端大佬。前端需要的是vue知识,只要会vue开发就没什么问题
2022-02-14 11:00:57
6626
原创 webpack 打包本地静态资源
如何使用webpack打包独立页面初始化首先我们需要在项目根目录执行npm init来初始化(一路回车)安装webpack首先在项目文件夹打开命令窗,然后执行命令npm install webpack webpack-cli --save-dev在项目根目录新建webpack.conf.js用来配置webpackconst path = require('path') //文件路径处理const htmlWebpackPlugins = require('html-webpack-plug
2021-12-20 16:08:35
1941
原创 滑动拼图验证码
这里写自定义目录标题图片验证码代码htmljsCSS图片验证码拖动滑块完成拼图的验证代码html <div class="comImageValidate rightValidate"> <div class="imgBg_2"></div> <div class="imgBg_3"></div> <div style="width: 100%; height: 30px;"&g
2021-06-02 10:05:12
1910
1
原创 前端下载其他服务器上的跨域图片资源问题
问题描述 项目中有一个需求,需要从客户端(网页)批量下载服务器存储的图片到本地,但是服务器只存储了图片url地址,图片本身存在于别的服务器上,当我们请求图片的时候,会出现跨域问题,尽管前端解决了跨域,但是还需要服务器允许跨域请求资源,因为有多个服务器所以从服务器端解决不太理想。解决思路 首先,可以通过后台JAVA方法,把别的服务器上的图片下载到项目服务器(后台请求没有跨域的问题),下载到本地之后,在
2021-02-25 17:06:34
2710
原创 如何避免CSS和js文件修改时客户端缓存
什么是客户端缓存? 身为开发者,我们开发的时候都习惯直接禁用浏览器缓存,或者修改完打开项目的时候顺手清理缓存,但是在用户使用项目的时候,他们往往不会考虑缓存的问题。所以我们开发者在进行版本更新的时候,就可能出现,用户的客户端缓存了样式,而自己提交的新版本样式没有被渲染出来的问题。解决缓存的方法:1. 在引入css文件,js文件的时候,在末尾加上一个参数,这个参数相当于版本号,在项目更新的时候修改,这样客户端在引入文件的时候就会重新加载渲染这个文件。如果你开发的是VUE项目,那么可以在构建项目的时候使用
2020-12-29 10:39:26
971
原创 通俗易懂之JS算法
冒泡排序解析:1.比较相邻的两个元素,如果前一个比后一个大,则交换位置。2.第一轮的时候最后一个元素应该是最大的一个。3.按照步骤一的方法进行相邻两个元素的比较,这个时候由于最后一个元素已经是最大的了,所以最后一个元素不用比较。(每次遍历都会把此次遍历最大的数放在最后,一直到最开始的数)function sort(arr){ for(var i=0;i<arr.length-1;i++){ //对数组进行循环处理 for(var j=0;j<arr.length-i-1;j
2020-11-25 17:08:13
201
原创 ArcGis之图片角度调整
使用GIS图时有需求时地图上的小车根据行进路线调整方向,所以在网上找了别人写的方法进行调试,最后总结了一下应该怎么调用方法去做。function Angle (startx, starty, endx, endy) { //传进来两个坐标,分别是出发坐标和结束坐标 //每次经过点的时候计算一次角度 var tan = 0 if (endx == startx) { tan = Math.atan(0) * 180 / Math.PI
2020-11-20 17:25:37
3615
2
原创 通俗易懂之ES6
ES6es6是js的最新标准,新增了很多概念,目前大部分浏览器都支持ES6,ie7~11除外。let let和const也是声明变量的关键字,和之前的var一样,不过有一些特殊。let 声明的变量只在let命令所在的代码块有效。 例: if(true){ let a=0; console.log(a)// 0 } console.log(a) //报错 a is not defined 找不到a这个变量 a变量只在{}内才有效,{}外无法找到。
2020-11-19 15:15:46
185
原创 通俗易懂之CSS3新特性整理
边框CSS3可以使用样式创建圆角边框,添加阴影框。属性:border-radiusdiv{border:1px solid black;border-radius:25px;border-radius:50%; //可以使用百分比或者px来调整圆角。}盒阴影box-shadowdiv{border:1px solid black;box-shadow:10px 10px 5px #888888;//box-shadow:水平位置(允许负值) 垂直位置(允许负值) 模糊距离 阴影
2020-10-30 16:24:17
195
原创 通俗易懂之JSON
什么是JSONJSON是一种轻量级的数据交换格式,它采用完全独立于编程语言的文本格式来存储和表示数据,简洁清晰的结构使JSON成为了理想的数据交换语言。它的格式:{ "city":[ {"name":"郑州"}, {"name":"北京"}, {"name":"上海"} ]}为什么使用JSON因为JSON使用起来更快更简单,我门可以直接使用JSON字符串,也可以...
2020-08-27 11:10:27
602
原创 通俗易懂之Ajax(二)
请求方式我们常用的请求方式有get请求和post请求,其中get请求一般是用来获取数据的,post请求一般是上传数据的。get请求 function get(url,callback) { var xhr = new XMLHttpRequest() xhr.open("GET",url,true); //get请求的参数一般在url的?后边,格式是?参数1...
2020-04-16 15:25:57
143
原创 正则表达式-通俗易懂篇
正则表达式字符类常用元字符量词修饰符正则表达式的定义和方法定义方法分组字符类把字符放到[]中就形成了字符类,可以匹配到字符类中包含的所有字符,比如[abc],就会匹配有没有包含abc中的一个 abc这个字符类只占1位,另外[^]是取反,也就是匹配不包含字符类的字符串常用元字符. 匹配的是任意字符,除了换行符和终止符以外的字符\w 相当于[a-zA-Z0-9]\W 相当于[^a-zA-Z...
2020-04-15 15:05:24
1335
原创 原生JS
什么是JavaScriptJavaScript是互联网上最流行的脚本语言,现代浏览器基本都使用了JS,它可以配合HTML和CSS使页面变得更加方便。如何使用JavaScripthtml中的js脚本都是写在<script></script>标签中的,这个标签通常放在<head>和<body>中,一般都放在body底部,这样能够改善显示速度,因...
2020-03-29 17:38:10
349
原创 浏览器的兼容问题
为什么浏览器需要兼容在W3C出现之前,各种浏览器都是按照自己的规则来解释我们编写的html页面的,所以相同的一个页面,在不同的浏览器上会呈现出不同的效果,可能字体有偏差,也可能某些效果无法实现。而我们想要的效果是自己的页面在任何浏览器打开都是统一的样式,所以我们就需要针对各个浏览器来进行兼容(大多情况都是针对IE浏览器)。常见的兼容性问题标签的margin和padding问题描述:在不加...
2020-03-09 15:21:55
159
原创 如何使用百度地图(一)
什么是百度地图百度地图相信大家都不陌生,它是一个为用户提供包括智能路线规划、智能精准导航(驾车、步行、骑行)、实时路况、等出行相关服务的平台,如果我们想要把百度地图的某些功能实现在我们自己的项目上的话,就需要去了解一下百度官方的api了,上边有针对各种项目的api教程,方便新手学习使用,而且如果不商用的话是没有使用限制的。申请密钥(ak)首先,我们需要有一个百度账号,然后在api官网申请成...
2020-03-04 14:42:17
599
原创 zTree
什么是zTreezTree是一个专业的"树插件",虽然现在网上有各种各样制作树的工具,但我觉得zTree是做树做的最好的一个,他可以使使用者快速上手,并且有简明易懂的例子方便用户修改使用,树的可操作性还很高;如何使用zTree要使用zTree首先需要下载,官网上的下载使用的是gitee(码云),下载好后我们要知道它的项目文件有哪些是我们需要用到的。其中api里是两种语言的api文档,cs...
2020-02-24 14:51:14
244
原创 mysql数据库的操作
库的操作创建create database 数据库名删除drop database 数据库名查看所有数据库show database 数据库名连接数据库use 数据库名当前连接的数据select database()显示数据库中的所有表show tables引入数据库新建一个名字和要引入的数据库名一样的库,在新建数据库上右键,选择输入sql文件,然后选择对应文件...
2020-02-21 14:38:44
134
原创 检测数据类型的方法
我们在写代码逻辑的时候,有时候需要用到准确的数据类型,尤其是数组(Array)和对象(Object)之类的引用数据类型。所以我整理了一些判断数据类型的方法,希望能对你有所帮助。typeof使用方法:直接在变量前加上typeof即可var arr=[],num=1,obj={},str="string"console.log(typeof arr)console.log(typeof nu...
2020-02-19 16:34:31
542
原创 浅复制和深复制
浅复制和深复制的区别我们在对数据类型进行复制时,对于基础数据类型,是不分深复制和浅复制的,都是拷贝了他们的数据,而对数组和对象进行复制时,我们通常复制的,都是该对象的内存地址,而不是它的具体数据,当内存地址的数据改动时,复制到的东西也会变化,如下图深复制的方法JSON.parse(JSON.stringify())原理:JSON.stringify把对象转化成字符串,JSON.pa...
2020-02-19 16:09:06
176
原创 防抖和节流
防抖什么是防抖简单来说就是 对于短时间内连续触发的事件,防抖的含义是让某个时间期限内,时间只触发一次我们在写项目代码的时候,有时因为某些需求,需要根据一定条件进行触发事件(比如你要时时监听一个input框内容的变化,来访问后台给出提示)。当我们进行监听后会发现,每一次变化都会去访问后台一次,而我们想要的是触发结束后,一定时间内没有再发生改变才进行触发。 function 防抖函数名...
2020-02-19 13:53:18
246
原创 通俗易懂之Ajax
Ajax什么是AjaxAjax优缺点Ajax优点Ajax缺点功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入什么是Aj...
2020-02-13 16:03:10
305
原创 Webpack
什么是Webpack?Webpack 是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式,将各种静态资源视为模块,并从它生成优化过的代码。 Webpack 可以从终端、或是更改 webpack.config.js 来设置各项功能。 要使用 Webpack 前须先安装 Node.js。(以上介绍来自百度,看着懵逼的话可以看我下边自己总结的)Webpack是前端的一个自动...
2019-12-23 23:21:31
2364
原创 通俗易懂之Vue
什么是Vue?Vue的简单介绍Vue需要掌握的几个重要的知识点项目的搭建指令插槽具名插槽作用域插槽组件之间的传值父组件向子组件传值子组件向父组件传值非父子组建传值生命周期计算属性(computed)和监听(watch)watchcomputed路由配置路由对象声明式路由router-link编程式路由路由守卫全局路由守卫路由独享守卫组件内的守卫VuexVue的简单介绍Vue (读音 /vjuː...
2019-12-22 20:46:17
1508
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人