- 博客(54)
- 收藏
- 关注
RSS订阅
原创 前端工程师的进阶之路
文章目录一.HTML二 .CSS三.Bootstrap一.HTML1.HTML(一)——HTML基础二 .CSS1.CSS(一)——CSS基础知识2.CSS(二)——CSS3基础知识三.Bootstrap1.Bootstrap(一)——Bootstrap基础知识
2021-12-29 21:20:15
486
原创 Vue（二）——基本操作
data里面的值发生变化时，input标签里面的值也会变化，同时因为v-model，当input标签里的值变化时，data里面的值也变。给里面的绑定了点击事件，当里面的被触发之后会让外层的也触发，我们不想让外层的触发，就要阻止冒泡。和插值表达式只能渲染纯文本内容，如果把包含HTML标签的字符串渲染为页面的HTML元素，用。如果默认不需要被展示，后期才又可能被展示，使用v-if。vue控制父元素下面的子元素，el就是他们的父元素。用来在不操作DOM的情况下，快速获取表单的数据。双向绑定指令针对表单。
2022-09-11 09:23:45
1573
原创 JS解力扣每日一题(十二)——556. 下一个更大元素 III（2022-7-3）
给你一个正整数 n ，请你找出符合条件的最小整数，其由重新排列 n 中存在的每位数字组成，并且其值大于 n 。如果不存在这样的正整数，则返回 -1 。注意 ，返回的整数应当是一个 32 位整数 ，如果存在满足题意的答案，但不是 32 位整数 ，同样返回 -1 。示例1...
2022-07-03 21:46:54
343
1
原创 Node.js(八)——用express写接口同时解决跨域问题
创建API路由模块编写GET接口 / 编写POST接口get接口post接口跨域问题关于跨域的基础知识和解决方法点击这里可以参考上面写的GET和POST接口存在很严重的问题就是不支持跨域请求解决跨域的两种主要方法：下面主要记述CORS解决跨域问题我们通过安装和配置中间件的方法可以便捷的解决跨域问题默认情况下，CORS仅支持GET, POST, HEAD请求，如果要用PUT, DELETE请求，需要通过 来指明实际请求所允许使用的http方法...
2022-06-19 21:41:20
520
原创 Node.js(七)——express中间件
文章目录基础知识什么是中间件中间件的调用流程格式全局胜生效的中间件基础知识什么是中间件特指业务流程的中间处理环节中间件的调用流程当一个请求到达express服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。格式const express = require("express")const app = express()app.get('/url',function(req,res,next) { next()})本质上还是一个function函数，包括了req，r
2022-05-15 21:40:10
501
原创 Node.js(六)——express路由
什么是路由路由匹配过程示例模块化路由什么是路由在express 中, 路由指客户端的请求与服务器处理函数之间的映射关系.由三部分组成, 请求类型, url地址, 处理函数app.get('/url', function(req, res) { res.send('get路由')})qpp.post('/url', function() { res.send('post路由')})路由匹配过程每当一个请求到达服务器之后, 需要先经过路由的匹配, 只有匹配成功之后, 才会调用对应的
2022-05-08 21:55:04
513
原创 JS解力扣每日一题(十一)——905. 按奇偶排序数组(2022-4-28)
文章目录题目我的答案题目给你一个整数数组 nums，将 nums 中的的所有偶数元素移动到数组的前面，后跟所有奇数元素。返回满足此条件的 任一数组 作为答案。示例1输入：nums = [3,1,2,4]输出：[2,4,3,1]解释：[4,2,3,1]、[2,4,1,3] 和 [4,2,1,3] 也会被视作正确答案。示例2输入：nums = [0]输出：[0]我的答案把奇数挑出来 , 偶数挑出来 , 加到另一个数组里面就行了/** * @param {number[]}
2022-04-28 22:31:47
407
原创 JS解力扣每日一题(十)——883. 三维形体投影面积(2022-4-26)
文章目录题目我的答案题目在 n x n 的网格 grid 中，我们放置了一些与 x，y，z 三轴对齐的 1 x 1 x 1 立方体。每个值 v = grid[i][j] 表示 v 个正方体叠放在单元格 (i, j) 上。现在，我们查看这些立方体在 xy 、yz 和 zx 平面上的投影。投影 就像影子，将 三维 形体映射到一个 二维 平面上。从顶部、前面和侧面看立方体时，我们会看到“影子”。返回 所有三个投影的总面积 。示例1 :输入：[[1,2],[3,4]]输出：17解释：这
2022-04-26 11:44:11
458
原创 JS解力扣每日一题(九)——398. 随机数索引(2022-4-25)
文章目录题目我的答案题目给你一个可能含有 重复元素 的整数数组 nums ，请你随机输出给定的目标数字 target 的索引。你可以假设给定的数字一定存在于数组中。实现 Solution 类： Solution(int[] nums) 用数组 nums 初始化对象。 int pick(inttarget) 从 nums 中选出一个满足 nums[i] == target 的随机索引 i。如果存在多个有效的索引，则每个索引的返回概率应当相等。实例输入["Solution", "pick
2022-04-25 18:26:33
407
原创 JS解力扣每日一题(八)——396.旋转函数(2022-4-22)
文章目录题目我的答案题目给定一个长度为 n 的整数数组 nums 。假设 arrk 是数组 nums 顺时针旋转 k 个位置后的数组，我们定义 nums 的 旋转函数 F 为：F(k) = 0 * arrk[0] + 1 * arrk[1] + … + (n - 1) * arrk[n - 1]返回 F(0), F(1), …, F(n-1)中的最大值 。生成的测试用例让答案符合 32 位 整数。示例1输入: nums = [4,3,2,6]输出: 26解释:F(0) = (0
2022-04-22 20:38:21
356
原创 JS解力扣每日一题(七)——821. 字符的最短距离(2022-4-19)
文章目录题目我的答案补充知识点 apply()函数题目给你一个字符串 s 和一个字符 c ，且 c 是 s 中出现过的字符。返回一个整数数组 answer ，其中 answer.length == s.length 且 answer[i] 是 s 中从下标 i 到离它 最近 的字符 c 的 距离 。两个下标 i 和 j 之间的 距离 为 abs(i - j) ，其中 abs 是绝对值函数。示例1输入：s = "loveleetcode", c = "e"输出：[3,2,1,0,1,0
2022-04-19 20:35:36
399
原创 JS解力扣每日一题(六)——386. 字典序排数(2022-4-18)
文章目录题目我的答案补充知识点 sort()方法题目字典序排数给你一个整数 n ，按字典序返回范围 [1, n] 内所有整数。你必须设计一个时间复杂度为 O(n) 且使用 O(1) 额外空间的算法。示例1输入：n = 13输出：[1,10,11,12,13,2,3,4,5,6,7,8,9]示例2输入：n = 2输出：[1,2]我的答案咱就是说 , js原生里面直接就有sort()方法 , 就是用字典序排数的/** * @param {number} n * @
2022-04-18 20:48:39
250
原创 JS解力扣每日一题(四)——479. 最大回文数乘积(2022-4-16)
文章目录题目我的答案补充知识点 BigInt题目最大回文数乘积给定一个整数 n ，返回 可表示为两个 n 位整数乘积的 最大回文整数 。因为答案可能非常大，所以返回它对 1337 取余 。示例1输入：n = 2输出：987解释：99 x 91 = 9009, 9009 % 1337 = 987示例2输入： n = 1输出： 9我的答案这道题吧 , 俺的思路就非常笨拙n位数可以用 10的(n-1) --10的n次方-1 来表示 .两个n位数相乘 , 就用两个for循环 把
2022-04-18 14:08:55
684
原创 JS解力扣每日一题(三)——385. 迷你语法分析器(2022-4-15)
文章目录题目我的答案题目给定一个字符串 s 表示一个整数嵌套列表，实现一个解析它的语法分析器并返回解析的结果 NestedInteger 。列表中的每个元素只可能是整数或整数嵌套列表示例1输入：s = "324",输出：324解释：你应该返回一个 NestedInteger 对象，其中只包含整数值 324。示例2输入：s = "[123,[456,[789]]]",输出：[123,[456,[789]]]解释：返回一个 NestedInteger 对象包含一个有两个元素的嵌套
2022-04-16 20:02:08
522
原创 2022第十三届蓝桥杯web组题解
文章目录01水果拼盘题目解答02展开你的扇子题目解答03和手机相处的时光题目解答04灯的颜色变化题目解答05冬奥大抽奖题目解答06蓝桥知识网题目解答07布局切换题目01水果拼盘题目解答用flex布局/* TODO：待补充代码 */#pond { display: flex; flex-direction: column; //主轴为y轴 水果都在y轴上 flex-wrap: wrap; //允许换行}02展开你的扇子题目解答用到了css动画知
2022-04-14 21:58:49
3595
原创 JS解力扣每日一题(二)——1672. 最富有客户的资产总量(2022-4-14)
文章目录题目分析我的答案补充知识 : for in 和for of 的区别题目给你一个 m x n 的整数网格 accounts ，其中 accounts[i][j] 是第 i 位客户在第 j 家银行托管的资产数量。返回最富有客户所拥有的 资产总量 。客户的 资产总量 就是他们在各家银行托管的资产数量之和。最富有客户就是 资产总量 最大的客户。示例1输入：accounts = [[1,2,3],[3,2,1]]输出：6解释：第 1 位客户的资产总量 = 1 + 2
2022-04-14 21:50:54
344
1
原创 JS解力扣每日一题(一)—— 380. O(1) 时间插入、删除和获取随机元素(2022-4-13)
文章目录- 题目- 分析- 我的答案- 题目- 分析把元素储存在一个数组里添加和生成随机数都很好操作删除的核心是把val和数组里面最后一个元素调换位置 , 然后用数组的pop()方法 删除或者 可以获取到val的indexOf , 然后用splice(index,1) 删除指定位置的元素- 我的答案class RandomizedSet { constructor() { this.map = new Map() this.arr = new Arr
2022-04-13 21:20:44
516
原创 正则表达式(一)——正则表达式的含义,用处,基础语法
文章目录什么是正则表达式正则表达式用处基本使用-限定符什么是正则表达式正则表达式是一种文本模式，使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串正则表达式用处通过使用正则表达式 , 可以帮你匹配指定规则的字符串 , 它在计算机的用处比你想象的多的多 , 可以很大的提高效率比如 我们平时用的编译器里的词法分析器 , 可以使用正则表达式匹配关键字还有输入表单时 , 表单验证 , 用正则表达式代替for if 语句判断 , 很大的帮助我们提高效率 , 并且简化代码总之就是很方便快捷用处
2022-04-09 21:43:33
685
原创 Node.js(五)——express浅了解
什么是express安装创建基本的服务器监听请求把内容响应给客户端获取url中携带的查询参数获取url 的动态参数req.query和req.params两者的区别什么是express: 是基于Node.js 平台 , 快速 , 开放 , 极简 的Web开发框架本质上是一个npm第三方包 , 提供了快速创建Web服务器的便捷方法http内置模块与express的关系类似于 Web API 与 jQuery的关系 , 后者是基于前者进一步封装出来的安装npm i express@
2022-04-03 11:41:15
1499
原创 Node.js(三)——模块化
文章目录什么是模块化Node里模块的分类module对象module.exports对象exports和modul.exports误区node编程中最重要的思想之一就是模块，而正是这个思想，让JavaScript的大规模工程成为可能什么是模块化遵守固定的规则 , 把一个大文件拆成独立并互相依赖的多个小模块好处提高了代码的复用性提高了代码的可维护性可以实现按需加载Node里模块的分类内置模块 (由Node.js官方提供 , 比如fs , path , http)自定义模块(用户创
2022-03-20 12:18:28
587
1
原创 ajax系列 管理系统项目总结(四)一一为什么要用async await
为什么要用async await- 封装的Ajax函数- 调用Ajax函数- 为什么要用async await为什么要用async await- 封装的Ajax函数function jqAjax(methods, url, data) { return new Promise((resolve, reject) => { $.ajax({ type: methods, //方法 GET POST PUT DELETE url
2022-03-12 18:27:15
307
1
原创 ajax系列 管理系统项目总结(三)一一 用promise包装Ajax
用promise包装ajax跳到promise解析封装成一个叫jqAjax的函数function jqAjax(methods, url, data) { return new Promise((resolve, reject) => { $.ajax({ type: methods, url: url, contentType: 'application/json', data:
2022-03-12 18:01:02
143
原创 ajax系列 管理系统项目总结(二)——用JSON动态渲染下拉表单及获取下拉表单选中的值
文章目录HTML 模块js模块- 新建`.json`文件- 用jQuery封装一个Ajax方法(用了promise)- 用promise , Ajax渲染到页面- 获取下拉表单选中的值HTML 模块//一个下拉表单 (用json动态添加表单内容)<select name="subject" id=""></select>js模块- 新建.json文件//subject.json文件{ "subject": [ { "name": "Java"
2022-03-12 17:53:29
1528
原创 ajax系列 管理系统项目总结(一)——实现单选框点击文字也能选中及怎么获取单选框被选中的值
用promise包装ajax为什么要用async await怎么获取单选框被选中的值怎么获取下拉表单选中的值
2022-03-12 17:10:58
618
原创 Node.js(二)——http模块
什么是http首先要知道 客户端 && 服务器http模块概念创建Web服务响应到客户端页面什么是http首先要知道 客户端 && 服务器客户端就是用户操作的这一端服务器及相关概念就是⼀个电脑，当他跑起来⼀些程序的时候，就变成了⼀个服务器，只不过会跑⼀些特殊的程序，需要⼀些特殊的环境,我们⾃⼰的电脑，跑⼀些特殊的程序的时候，也可以当作⼀个⼩型的服务器来⽤，只不过计算能⼒/存储能⼒/转存能⼒没有专业的服务器电脑厉害⽽已。互联网中每台Web服务器 , 都有自己的IP地址IP地址是每
2022-03-12 16:36:58
365
原创 Node.js(一)——初识Node及fs, path模块
文章目录什么是Node.jsfs模块什么是Node.js首先我们要知道什么是运行环境运行环境是指 代码正常允许所需的必要环境V8引擎负责解析和执行js代码内置API是由运行环境提供的特殊接口 , 只能在所属的运行环境中被调用什么是Node.js是基于V8引擎的js运行环境浏览器是js的前端运行环境Node.js是js的后端运行环境Node.js中无法调用DOM , BOM等浏览器内置APIfs模块...
2022-03-12 16:36:04
1234
原创 JavaScript(十)——Set Map
什么是Set类似数组 , 但没有下标 , 没有length , 不是按照下标储存的 , 所以不能依照下标循环 , 但是有序的没有重复的元素 , 可以用来去重.插入速度和删除速度非常快，遍历查找速度也非常快，但是略低于键值对类型。应用就是去重var arr=[1,3,5,7,2,4,3,5,1,2,6,5,7,8,9,1,2,4,3,5,7,9];arr=Array.from(new Set(arr));console.log(arr);或者const arr = [1, 2, 3
2022-03-06 21:48:12
659
1
原创 JavaScript(九)——箭头函数
文章目录为什么使用箭头函数箭头函数基础语法箭头函数this指向箭头函数什么时候不推荐使用为什么使用箭头函数ES6新增函数 , 可以省略代码 , 便捷最重要的是this指向 , 解决了匿名函数的this指向问题 （匿名函数的执行环境具有全局性）(箭头函数和匿名函数很像)但箭头函数过于简洁 , 不是很直观 , 用或不用 , 根据情况箭头函数基础语法是ES6新增的定义函数方法 , 把function关键字和名字删掉 , 用 =>连接参数列表和函数体
2022-03-03 21:38:15
479
1
原创 安装数据库
装这一回 以后都不要[mysqld]# 设置3306端口port=3306# 设置mysql的安装目录 //basedir=后面是路径basedir=D:\\application\\Mysql\\mysql-8.0.28-winx64 # 切记此处一定要用双斜杠\\，单斜杠我这里会出错，不过看别人的教程，有的是单斜杠。自己尝试吧# 允许最大连接数max_connections=200# 允许连接失败的次数。这是为了防止有人从该主机试图攻击数据库系统max_connect_error
2022-02-27 09:39:56
318
原创 AJAX(六)——跨域及解决方法
文章目录同源策略什么是同源同源策略跨域开发三种模式什么是跨域JSONP解决跨域问题同源策略什么是同源同源是指 : 协议, 域名和端口一样同源策略同源策略是浏览器提供的一个安全功能官方给定的概念：同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。通俗的理解：浏览器规定，A 网站的 JavaScript，不允许和非同源的网站 C 之间，进行资源的交互，例如：① 无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB② 无法
2022-02-15 19:38:59
846
原创 AJAX(三)——用axios写GET , POST , PUT , DELETE方法
文章目录Axios浅了解用Axios写GET方法用Axios写POST方法用Axios写PUT方法用Axios写DELETE方法Axios浅了解什么是AxiosAxios本质上还是对原生XMLHttpRequest的封装，可用于浏览器和nodejs的HTTP客户端，只不过它是基于Promise的，符合最新的ES规范。具备以下特点：在浏览器中创建XMLHttpRequest请求在node.js中发送http请求支持Promise API拦截请求和响应转换请求和响应数据取消要求
2022-02-15 16:04:45
660
原创 AJAX(二)——用jQuery写GET , POST , PUT , DELETE方法
文章目录jQuery写请求方法- GET方法- POST方法- PUT方法- DELETE方法jQuery写请求方法- GET方法function getAjax() { $.ajax({ type: GET, url: https://music.benwebsite.cloud/banner, data: { type: 2 }, dataType: JSON, async: true, success: function(data) { if(data
2022-02-14 23:56:50
600
原创 JavaScript(八)——Promise基本用法 async/await使用
文章目录什么是PromisePromise用法resolve和rejectthencatchPromise好处什么是Promisepromise是异步编程的一种解决方案 , 是一个构造函数 , 它有resolve , reject , race 等静态方法 , 它的原型上有then , catch 方法promise有三种状态 , pending（进行中）、fulfilled（已成功）和rejected（已失败）也只有两种结果 , 从pending到fulfilled , 或者从pending到r
2022-02-14 14:32:04
4326
1
原创 Cookie Session Jwt
文章目录cookiesessioncookie 和session区别jwtcookie是存在于浏览器的一个凭证当浏览器第一次访问服务器 , 会在服务器创建一个cookie再返回浏览器cookie里面有用户的所有信息当用户再次访问服务器时 , 携带着cookie(一个凭证)服务器根据携带的cookie信息不同分别不同用户session浏览器访问服务器的时候 , 服务器创建一个session , 同时生成一个特殊的cookie , （name为JSESSIONID的固定值，value为
2022-02-14 10:06:17
456
原创 AJAX(一)——初识AJAX
什么是AJAX优缺点请求报文请求报文行 post/get URL 协议HTTP/1.1头 键值对空行体 (get 没有请求体 , post 可以有请求体)相应报文行 协议 状态码 状态字符串头 (对相应体的描述)空行体 主要的返回结果<html><head><body>状态码 404 401 403 200 500当端口被占用 在终端上的那一界面 ctrl+c 释放...
2022-02-13 18:08:42
237
原创 jQuery(一)—— jQuery基础
文章目录什么是jQuery引入jQueryjQuery顶级对象jQUery与DOMjQuery入口函数jQuery选择器基础选择器筛选选择器jQuery事件链式编程改变样式jQuery效果jQuery捕获获得内容获得属性添加删除元素jQuery 尺寸jQuery 位置遍历元素什么是jQueryjQuery 是一个 JavaScript 库。极大地简化了 JavaScript 编程。引入jQuery从 jquery.com 中下载。下载后在html文件中 引入<script src="jQu
2022-02-13 13:53:51
337
原创 JavaScript (七) —— 本地存储
文章目录本地存储特性localStoragesessionStorage本地存储特性数据存储在用户浏览器中设置 , 读取方便 , 甚至刷新不丢失数据容量大 sessionStorage约5M , localStorage约20M只能存储字符串 , 可以将对象JSON.stringify()后再存储localStorage特性 :生命周期永久有效 , 除非手动删除可以多窗口(页面)共享(同一浏览器共享)以键值对的形式储存使用localStorage.setItem(key, v
2022-02-08 10:15:32
603
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人