![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
文章平均质量分 75
业余敲代码
以前小前端,现在开始搞后端
展开
-
从0到1快速搭建一个jeecg 企业级应用管理后台
JeecgBoot 是一款企业级的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue3,Mybatis-plus,Shiro,JWT 支持微服务。强大的代码生成器让前后端代码一键生成!!原创 2024-03-07 13:11:54 · 965 阅读 · 0 评论 -
使用 Grafana 使用JSON API 请求本地接口 报错 bad gateway(502)解决
在用docker部署Grafana 来实现仪表盘的展示,使用到比较多的就是使用JAON API插件调用本地部署的API,比如访问localhost下的 /test_data 接口,一般我们使用的是http://localhost:8080/test_data,但是在访问的时候会报错,bad gateway(502)原创 2024-03-03 22:07:52 · 1104 阅读 · 0 评论 -
leetcode(15)搜索插入位置的js实现
一.题目描述:给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。你可以假设数组中无重复元素。示例 1:输入: [1,3,5,6], 5输出: 2示例 2:输入: [1,3,5,6], 2输出: 1示例 3:输入: [1,3,5,6], 7输出: 4示例 4:输入: [1,3,5,6], 0输出: 0...原创 2019-01-12 23:20:47 · 297 阅读 · 0 评论 -
leetcode(12)爬楼梯的js实现
一.题目描述:假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢?注意:给定 n 是一个正整数。示例 1:输入: 2输出: 2解释: 有两种方法可以爬到楼顶。1 1 阶 + 1 阶2 2 阶示例 2:输入: 3输出: 3解释: 有三种方法可以爬到楼顶。4. 1 阶 + 1 阶 + 1 阶5. ...原创 2019-01-09 22:01:57 · 521 阅读 · 0 评论 -
leetcode(18) 最大三角形面积的js实现
222原创 2019-01-15 20:29:16 · 246 阅读 · 0 评论 -
leetcode(19)最大连续1的个数的js实现
19原创 2019-01-16 22:13:13 · 233 阅读 · 0 评论 -
leetcode(25)旋转数组的js实现
一.题目描述:给定一个数组,将数组中的元素向右移动 k 个位置,其中 k 是非负数。示例 1:输入: [1,2,3,4,5,6,7] 和 k = 3输出: [5,6,7,1,2,3,4]解释:向右旋转 1 步: [7,1,2,3,4,5,6]向右旋转 2 步: [6,7,1,2,3,4,5]向右旋转 3 步: [5,6,7,1,2,3,4]示例 2:输入: [-1,-100,3...原创 2019-01-22 18:46:48 · 344 阅读 · 0 评论 -
leetcode(26)字符的最短距离的js实现
一.题目描述:给定一个字符串 S 和一个字符 C。返回一个代表字符串 S 中每个字符到字符串 S 中的字符 C 的最短距离的数组。示例 1:输入: S = “loveleetcode”, C = ‘e’输出: [3, 2, 1, 0, 1, 0, 0, 1, 2, 2, 1, 0]说明:字符串 S 的长度范围为 [1, 10000]。C 是一个单字符,且保证是字符串 S 里的字符。...原创 2019-01-22 22:03:18 · 424 阅读 · 0 评论 -
leetcode(24)三角形的最大周长的js实现
一.题目描述:给定由一些正数(代表长度)组成的数组 A,返回由其中三个长度组成的、面积不为零的三角形的最大周长。如果不能形成任何面积不为零的三角形,返回 0。示例 1:输入:[2,1,2]输出:5示例 2:输入:[1,2,1]输出:0示例 3:输入:[3,2,3,4]输出:10示例 4:输入:[3,6,2,3]输出:8提示:3 <= A.length <...原创 2019-01-21 00:07:10 · 439 阅读 · 0 评论 -
leetcode(23)缺失数字的js实现
一.题目描述:给定一个包含 0, 1, 2, …, n 中 n 个数的序列,找出 0 … n 中没有出现在序列中的那个数。示例 1:输入: [3,0,1]输出: 2示例 2:输入: [9,6,4,2,3,5,7,0,1]输出: 8二.js代码实现:1.实现思路:直接对前n项进行求和与从1到n的数字之和相比,返回差值即可2.js代码:/** * @param {number...原创 2019-01-20 21:46:27 · 265 阅读 · 0 评论 -
leetcode(30)有效的山脉数组的js实现
一.题目描述:给定一个整数数组 A,如果它是有效的山脉数组就返回 true,否则返回 false。让我们回顾一下,如果 A 满足下述条件,那么它是一个山脉数组:A.length >= 3在 0 < i < A.length - 1 条件下,存在 i 使得:A[0] < A[1] < … A[i-1] < A[i]A[i] > A[i+1] &g...原创 2019-01-23 23:32:06 · 132 阅读 · 0 评论 -
leetcode(31)最小差值I的js实现
一.题目描述:给定一个整数数组 A,对于每个整数 A[i],我们可以选择任意 x 满足 -K <= x <= K,并将 x 加到 A[i] 中。在此过程之后,我们得到一些数组 B。返回 B 的最大值和 B 的最小值之间可能存在的最小差值。示例 1:输入:A = [1], K = 0输出:0解释:B = [1]示例 2:输入:A = [0,10], K = 2输出:6...原创 2019-01-23 23:56:31 · 376 阅读 · 0 评论 -
leetcode(16)各位相加的js实现
一.题目描述:给定一个非负整数 num,反复将各个位上的数字相加,直到结果为一位数。示例:输入: 38输出: 2解释: 各位相加的过程为:3 + 8 = 11, 1 + 1 = 2。 由于 2 是一位数,所以返回 2。进阶:你可以不使用循环或者递归,且在 O(1) 时间复杂度内解决这个问题吗?二.js代码实现:1.实现思路:(1)使用循环的方法进行判断(2)使用数学余九法进行...原创 2019-01-13 23:46:05 · 253 阅读 · 0 评论 -
leetcode(21)键盘行的js实现
20原创 2019-01-18 21:21:43 · 303 阅读 · 0 评论 -
leetcode(11)只出现一次的数字的js实现
一.题目描述:给定一个非空整数数组,除了某个元素只出现一次以外,其余每个元素均出现两次。找出那个只出现了一次的元素。说明:你的算法应该具有线性时间复杂度。 你可以不使用额外空间来实现吗?示例 1:输入: [2,2,1]输出: 1示例 2:输入: [4,1,2,1,2]输出: 4二.js代码实现:1.实现思路:(1)先对数组进行排序,从小到大排序(2)对数组的第一个元素和最...原创 2019-01-08 23:40:28 · 640 阅读 · 0 评论 -
leetcode(22)山脉数组的峰值索引的js实现
一.题目描述:我们把符合下列属性的数组 A 称作山脉:A.length &gt;= 3存在 0 &lt; i &lt; A.length - 1 使得A[0] &lt; A[1] &lt; … A[i-1] &lt; A[i] &gt; A[i+1] &gt; … &gt; A[A.length - 1]给定一个确定为山脉的数组,返回任何满足 A[0原创 2019-01-19 23:15:13 · 243 阅读 · 0 评论 -
leetcode(17)自除数的js 实现
@TOC1欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来...原创 2019-01-14 23:52:46 · 248 阅读 · 0 评论 -
leetcode(27)按奇偶排序数组的js实现
一.题目描述:给定一个非负整数数组 A,返回一个由 A 的所有偶数元素组成的数组,后面跟 A 的所有奇数元素。你可以返回满足此条件的任何数组作为答案。示例:输入:[3,1,2,4]输出:[2,4,3,1]输出 [4,2,3,1],[2,4,1,3] 和 [4,2,1,3] 也会被接受。提示:1 <= A.length <= 50000 <= A[i] <=...原创 2019-01-22 22:23:34 · 255 阅读 · 0 评论 -
leetcode(28)按奇偶排序数组II的js实现
一.题目描述:给定一个非负整数数组 A, A 中一半整数是奇数,一半整数是偶数。对数组进行排序,以便当 A[i] 为奇数时,i 也是奇数;当 A[i] 为偶数时, i 也是偶数。你可以返回任何满足上述条件的数组作为答案。示例:输入:[4,2,5,7]输出:[4,5,2,7]解释:[4,7,2,5],[2,5,4,7],[2,7,4,5] 也会被接受。提示:2 <= A.l...原创 2019-01-22 22:47:51 · 241 阅读 · 0 评论 -
Ajax请求数据总结
一.Ajax概念:1.Asynchronous JavaScript &amp; XML2.Web开发的一种技术3.异步发送 &amp; 请求数据4.不需要重新刷新当前页面5.JSON数据格式已经占据市场二.XmlHttpRequest对象:1.对象类型的API2.在浏览器环境下使用3.用于客户端和服务端数据的传递和接收4.用于请求XML数据或者JSON或纯文本text三.其...原创 2019-03-08 22:23:16 · 197 阅读 · 0 评论 -
微信小程序学习小总结
原创 2019-05-16 22:20:12 · 704 阅读 · 0 评论 -
CSS中reset.css初始化设置
一.基本设置:/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote...转载 2019-05-04 19:13:20 · 5310 阅读 · 0 评论 -
CSS媒体查询
一.CSS媒体查询概念:1.css媒体查询允许我们基于浏览器网站的设备的特性来应用不用的样式申明,比如通过视口的宽度2.操作方式:对设备提出询问(称作表达式)开始,如果表达式结果为真,媒体查询中的CSS被应用,如果表达式结果为假,媒体查询内的CSS将被忽略3.常用名词:(1)@media:以@media开头来表示这是一条媒体查询语句,紧跟在@media后面的是一个或多个表达式,可以判...原创 2019-05-03 11:16:17 · 1036 阅读 · 0 评论 -
常用CSS3属性
一.transform:1.translate(2D 移动):transform:translateX(x);像X轴方向移动transform:translateY(y);像X轴方向移动transform:translate(x,y);2.scale(2D 缩放):transform:scale(x);x<1 时,缩小,x>1时,放大3.ratate(旋转):trans...原创 2019-04-22 20:39:49 · 405 阅读 · 0 评论 -
两种CSS布局——圣杯布局和双飞翼布局(两侧固定中间宽度自适应)
一.概念:1.圣杯布局和双飞翼布局两者功能相同,都是为了实现一个两侧宽度固定,中间宽度自适应的三栏布局2.圣杯布局来源于文章In Search of the Holy Grail,双飞翼布局来源于淘宝UED遵循特点3.遵循特点:(1)两侧宽度固定,中间宽度自适应(2)中间部分在DOM结构上优先,以便先行渲染(3)允许三类中的任意一列成为最高列(4)只需要使用一个额外的标签二.圣杯布...原创 2019-04-14 21:41:50 · 825 阅读 · 0 评论 -
字体图标的相关概念
一.字体图标基本概念:可以像使用字体一样使用图标二.字体图标优点:1.轻量级:一旦图标字体加载,图标就马上渲染出来,不需要下载图像,可以减少HTTP请求,还可以配合HTML5离线存储做性能优化2.灵活性:可以用font-size属性设置其任何大小,还可以加各种文字效果3.兼容性:支持所有现代浏览器三.字体图标缺点:1.图标字体只能被渲染成单色或者CSS3的渐变色,由于此限制使它...原创 2019-04-12 19:21:54 · 245 阅读 · 0 评论 -
rem的相关概念
一.rem概念:1.rem可以在用户浏览网页时,根据屏幕的尺寸,来向用户展示更合适用户的布局、文字、图片、按钮2.rem是相对于根元素的字体大小的单位3.一旦根目录html定义的font-size变化,整个网页中运用到rem的也会发生变化二.使用:1.浏览器默认字体高都是16px,所有未经调整的都是1rem=16px2.重新计算那些被放大的字体rem数值,避免字体大小的重复申明3.目...原创 2019-04-12 13:57:53 · 624 阅读 · 0 评论 -
CSS中序号选择器
一.不区分类型:1. :first-child选中同级别中第一个标签2. :last-child选中同级别中最后一个标签3. :nth-last-child(n)选中同级别中倒数第n个标签4. :nth-child(n)选中同级别中第n个标签5. :only-child选中同级别中唯一子元素标签二.区分类型:1. :first-of-type选中同级别中同类型第一个标签...原创 2019-03-21 21:22:43 · 1822 阅读 · 0 评论 -
CSS中高度塌陷问题
一.高度塌陷产生原因:父元素在文档流中高度默认是被子元素撑开的,当子元素脱离文档流以后,将无法撑起父元素的高度,也就会导致父元素的高度塌陷二.造成后果:父元素的高度一旦塌陷,所有标准流中元素的位置将会上移,导致整个页面布局混乱三.解决方案:1.开启父元素的BFC:(1)Block Formatting Context 块级格式化环境(2)BFC是元素的隐含属性,默认是在关闭状态的(...原创 2019-03-21 21:15:26 · 1386 阅读 · 0 评论 -
CSS中背景background属性和精灵图概念
一.background:背景二.相关属性:1.background-color2.background-image:url()3.background-repeat:repeat、on-repeat、repeat-x、repeat-y4.background-position:left、top、right、bottom、center或者用x、y偏移量表示5.background-a...原创 2019-03-21 16:42:23 · 717 阅读 · 0 评论 -
CSS中页面布局中的定位
一.定位:position二.可选值:static:默认值,元素没有开启定位relative:相对定位absolute:绝对定位fixed:固定定位三.ralative相对定位:1.开启元素的相对定位后,如果不设置偏移量元素不会发生任何变化2.相对定位元素相对于其自身在文档流中的位置来定位3.相对定位的元素不会脱离文档流4.相对定位不会改变元素的性质,块元素依然是块元素,内联元...原创 2019-03-11 15:40:34 · 179 阅读 · 0 评论 -
Flex布局
一.Flex含义:1.Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性2.任何一个容器都可以指定为Flex布局; .box{ display: flex; }3.行内元素也可以使用Flex布局;Webkit内核的浏览器,必须加上-webkit前缀二.基本概念:1.容器:采用Flex布局的元素,称为Flex容器(flex conta...原创 2019-03-09 18:37:25 · 107 阅读 · 0 评论 -
Ajax请求github接口数据
一.实现步骤及原理:二.示例代码:&lt;button id="btn"&gt;请求github接口&lt;/button&gt; &lt;br&gt; &lt;h1&gt;调用所有github的用户信息&lt;/h1&gt; &lt;div id=&q原创 2019-03-08 22:28:43 · 602 阅读 · 0 评论 -
CSS小知识
一.选择器:二.伪类和伪元素:伪类:以:开头;active、hover、link、focus等伪元素:以::开头;first-letter、first-line、after、before 否定伪类::not() 除了什么都适用三.css样式优先级别:important:1000id:100伪类/伪元素:10属性:10类:10标签:1*:0importa...原创 2019-03-05 21:32:19 · 120 阅读 · 0 评论 -
HTML小知识总结
一.浏览器:1.各大浏览器:IE、Opera、Safari、火狐、谷歌2.内核:Trident、webkit、Blink、Gecko二.标签:<mata charset="UTF-8"> charset字符集 SEO搜索引擎(关键字) <!DOCTYPE> 文档类型常见标签:<h>、<hr>横线、<p>、<img..原创 2019-03-05 21:28:55 · 132 阅读 · 0 评论 -
leetcode(29)转换成小写字母的js实现
一.题目描述:实现函数 ToLowerCase(),该函数接收一个字符串参数 str,并将该字符串中的大写字母转换成小写字母,之后返回新的字符串。示例 1:输入: “Hello”输出: “hello”示例 2:输入: “here”输出: “here”示例 3:输入: “LOVELY”输出: “lovely”二.js代码实现:1.实现思路:(1)直接使用js的toLower...原创 2019-01-22 23:37:03 · 155 阅读 · 0 评论 -
leetcode(3)最大子序和的js实现
一.题目描述:给定一个整数数组 nums ,找到一个具有最大和的连续子数组(子数组最少包含一个元素),返回其最大和。示例:输入: [-2,1,-3,4,-1,2,1,-5,4],输出: 6解释: 连续子数组 [4,-1,2,1] 的和最大,为 6二.js代码实现:1.实现思路:(1)先用一个变量s存储序列和,初始值设为第一个元素的值,max存储最大序列值(2)对数组进行遍历,如果...原创 2019-01-03 14:06:27 · 248 阅读 · 0 评论 -
前端知识总结——http知识
一.http协议主要特点:(1)简单快速(2)灵活(3)无状态(4)无链接二.http状态码:1xx(指示信息):表示请求已接收,继续处理; 2xx(请求成功):表示请求已被成功接收; 200、204(没有资源可返回)、2063xx(重定向):完成请求,必须进行更进一步操作; 301(永久重定向)、302(资源被临时移动)、303(客户端应采...原创 2018-09-27 11:41:49 · 583 阅读 · 0 评论 -
跨域及其解决方案总结
一.跨域的概念:1.跨域的定义:跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的2.广义的跨域指三个方面:(1) 资源跳转: A链接、重定向、表单提交(2)资源嵌入: 、(3)脚本请求: js发起的ajax请求、dom和js对象的跨域操作等3.狭义的跨域:由浏览器同源策略限制的一类请求场景4.同源策略:(1)同源策略/SOP(Same origin pol...原创 2018-12-19 16:42:34 · 246 阅读 · 0 评论 -
HTML5新特性总结大全
一.HTML5概念:1.什么是HTML5:(1)HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准;(2)HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。2.HTML5的起步:(1)HTML5 是 W3C(World Wide Web Consortium,万维网联盟) 与 WHATWG 合作的结果(2)为 HTML5 建立的...原创 2018-12-20 14:55:13 · 15755 阅读 · 2 评论