- 博客(40)
- 收藏
- 关注
RSS订阅原创 Grid布局
Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。Grid 布局远比 Flex 布局强大。...
2022-06-19 21:55:44
2389
原创 Proxy拦截器
一、Proxy概述1、简介Proxy是“代理器”，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。2、语法ES6 原生提供 Proxy 构造函数，用来生成 Proxy 实例。var proxy = new Proxy(target, handler);new Proxy()表示生成一个Proxy实例target参数表示所要拦截的目标对象handler参数是一个配置对象，对代理操作进行处理，将拦截对应的操作 (如
2022-05-17 22:12:25
831
原创 ES6的class
一、简介1、类的由来JavaScript 语言中，生成实例对象的传统方法是通过构造函数function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};var p = new Point(1, 2);class只是一个语法糖,让对象原型的写法更加清晰、更像面向对象编程的语法cl
2022-05-16 22:25:06
255
原创 async 函数
一、含义1、概念async 函数是什么？一句话，它就是 Generator 函数的语法糖。const gen = function* () { const f1 = yield readFile('/etc/fstab'); const f2 = yield readFile('/etc/shells'); console.log(f1.toString()); console.log(f2.toString());};//相当于const asyncReadFile = asy
2022-05-16 15:58:58
309
原创 vue中使用element-ui ，设置级联选择器高度问题
一、前言我本来以为设置elemnt-ui组件样式需要用到深度选择器，然后找了好多关于深度选择器的，比如>>> /deep/ ::v-deep后来才明白是权重不够，解决方法如下二、设置高度方法1、在全局css中设置.el-cascader-menu{ height: 400px;}缺点：所有级联选择器的高度都是固定的结论：只有在所有页面级联选择器都一致的情况下或者只有一个级联选择器情况下使用这种方法2、在使用级联选择器的页面单独设置<style
2022-05-06 20:55:47
3917
原创 用递归及非递归方式实现树状结构的遍历函数
1、递归方法：var tree = [ { val: 1, children: [ { val: 2, children: null }, { val: 3, children: [ { val: 4, children: null }
2022-04-09 16:15:11
667
原创 适应多端的方法
1、flex布局 各种属性及用法参考阮一峰容器的属性（1）flex-direction 主轴的方向（即项目的排列方向）● row（默认值）：主轴为水平方向，起点在左端。● row-reverse：主轴为水平方向，起点在右端。● column：主轴为垂直方向，起点在上沿。● column-reverse：主轴为垂直方向，起点在下沿。（2）flex-wrap 如果一条轴线排不下，如何换行。（1）nowrap（默认）：不换行（2）wrap：换行，第一行在上方（3）wrap-reverse
2022-04-03 20:23:59
163
原创 防抖和节流
一、防抖和节流的意义防抖（Debounce）和节流（Throttle）都是用来控制某个函数在一定时间内触发次数，两者都是为了减少触发频率，以便提高性能或者说避免资源浪费。防抖: n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计时举例：电梯第一个人进来后，等待15秒。如果过程中又有人进来，15秒等待重新计时，直到15秒后开始运送，这是防抖节流: n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效举例：电梯第一个人进来后，15秒后准时运送一次，这是节流二、防抖防抖： n 秒后在执
2022-03-20 17:06:35
1575
原创 vue生命周期
一、生命周期概念每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数这给了用户在不同阶段添加自己的代码的机会。即是在什么时间段使用什么逻辑，实现什么功能。二、生命周期有哪些？Vue生命周期总共可以分为8个阶段：创建前后, 载入前后,更新前后,销毁前销毁后，以及一些特殊场景的生命周期生命周期描述beforeCreate 组件实例被创建之初crea
2022-03-20 14:44:56
807
原创 疫好办项目总结
疫好办项目总结一、VUE1、v-for遍历只显示最后一个数据？结果并不是只是遍历一个数据，而是css设置的position:absolute;top和left导致数据都重叠在一起被覆盖。2、vue传参异步+v-if和v-show的区别问题：有一个变量是需要先进行路由传值然后进行父子传值，但是出现的问题是路由传值还没过来的时候，父组件就向子组件传递了值，导致的异步问题。用v-if控制在传参过来后再创建组件，不能用v-show，其主要原因是内部原理不同v-if:创建和销毁dom元素，初始化fla
2022-03-11 10:54:57
1918
原创 算法（第一周-序列）
第一题、两数之和两数之和1、题目给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1：输入：nums = [2,7,11,15], target = 9输出：[0,1]解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。示例 2：输入：nums =
2021-12-12 20:30:31
366
原创 前端使用jsencrypt.js进行RSA加密，主要用于登录界面
一、 什么是RSA加密？RSA算法RSA是一种使用不同的加密密钥与解密密钥的体制，不对称加密算法。公钥加密，私钥解密。RSA算法是先生成一对RSA密钥，其中之一是保密密钥，由用户保存；另一个为公开密钥，可对外公开，甚至可在网络服务器中注册。为提高保密强度，一般推荐使用1024位。二、RSA秘钥生成方式网站生成公钥和私钥Windows系统可以使用git命令行工具单击鼠标右键——git bash here 调出git bash生成私钥，密钥长度为1024bit$ openssl
2021-11-01 09:41:03
4748
原创 洛谷算法题
一、字符串1、字符串各种操作原题链接知识点：字符串拼接：str=str+s;获取字符串子串：str . substring( index1 , index2);字符串插入：StringBuilder sb=new StringBuilder();sb.append(str).insert(index, s);//在str字符串的index位置之后插入s字符串用StringBuilder的append和insert方法获取字符串的位置：str.indexOf(s)//获取
2021-10-03 17:08:54
352
原创 当使用广告拦截器时，有些页面无法查看，应该怎样解决？
问题解决方法（以谷歌浏览器为例）在网上搜的步骤：打开设置–>高级–>隐私设置与安全性但是我的高级设置里没有隐私设置与安全性，拦截网站的原因是安装了广告拦截器的插件第一步：点击设置里的扩展程序第二步：扩展程序的广告终结者–>详情第三步：点击扩展程序选项第四步：最后，刷新页面，网站就可以正常访问了。...
2021-09-24 11:45:54
5962
原创 万民优选项目总结
万民优选项目一、git1、简易流程git status 查看状态git add . 添加git commit -m “消息” 提交git pull origin develop 拉代码 —解决冲突解决完冲突后重复2、3git push origin HEAD:分支名（yyDevelop）提交自己的代码到远程分支提pr,提交之前看一下自己的文件改动是否正确git stash save “信息” 放在缓存区git stash apply 释放缓存后，不会删掉stash
2021-09-03 21:14:58
337
原创 在微信开发者工具里运行微信小程序出现[ app.json 文件内容错误] （app.json: app.json 未找到)
原因原因在于导入微信开发者工具后project.config.json文件被微信开发者工具修改解决方案在project.config.json添加"miniprogramRoot": "./unpackage/dist/dev/mp-weixin"./unpackage/dist/dev/mp-weixin这个路径是app.js的路径注意：要在unpackage同级目录下的project.config.json里填写app.js的路径，不要填在unpackage下的project.
2021-08-20 14:27:23
8618
原创 用element-ui组件和后端接口完成图片上传(SMPE框架)
图片上传全部代码：<el-upload ref="up" :file-list="form.resourceList" :show-file-list="true" action="/api/resource/uploadImage" list-type="picture-card" :auto-upload="true" :limit="9"
2021-08-20 09:03:18
1250
原创 牛客网算法题（一）
第一题题目链接题目描述：国王将金币作为工资，发放给忠诚的骑士。第一天，骑士收到一枚金币；之后两天（第二天和第三天），每天收到两枚金币；之后三天（第四、五、六天），每天收到三枚金币；之后四天（第七、八、九、十天），每天收到四枚金币……；这种工资发放模式会一直这样延续下去：当连续N天每天收到N枚金币后，骑士会在之后的连续N+1天里，每天收到N+1枚金币。请计算在前K天里，骑士一共获得了多少金币。代码：import java.util.Scanner;public class Main{ pu
2021-08-15 20:34:52
978
原创 开启虚拟机的时候出现不支持虚拟化的Intel VT-x/EPT
1、在开启虚拟机的时候出现不支持虚拟化的Intel VT-x/EPT2、本来以为是要去开启window系统的cpu的虚拟化，后来才发现是要关闭设备中的处理器的虚拟化引擎3、将虚拟化引擎的虚拟化Intel VT-x/EPT或RVI(V)的勾选取消即可......
2021-08-07 11:39:13
22171
18
原创 javaScript进阶
一、基础语法和数据类型1、数据类型的分类和判断基本(值)类型Number ----- 任意数值 -------- typeofString ----- 任意字符串 ------ typeofBoolean ---- true/false ----- typeofundefined — undefined ----- typeof/=== 代表定义未赋值null -------- null ---------- === 定义了且赋值为nullundefined和null的区别
2021-08-01 22:50:14
355
原创 uni-app学习
学习要求核心内容：掌握 uniapp 的路由配置 掌握将 uniapp 项目运行在微信开发者工具或者手机上的方法 掌握 uniapp 的生命周期 掌握 uniapp 组件的使用考核：模拟实现一个跨平台项目一、什么是uni-appuni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。具有vu
2021-07-24 21:00:12
2233
原创 webpack的各种安装和配置
1、什么是 webpack？概念：webpack（module bundler）是一个模块加载器兼打包工具，它能把各种资源，例如 JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理,它能有Grunt或Gulp所有基本功能。目的：有依赖关系的各种文件打包成一系列的静态资源。前端模块化：模块化的规范：ES6、CommonJS、CMD、AMDwebpack可以处理模块间的依赖关系。打包：把webpack中的各种资源进行打包合并成一个或者多个包（Bun
2021-05-25 16:18:15
381
原创 2020, XIII Samara Regional Intercollegiate Programming Contest
E. Fluctuations of ManaE题链接题目法师将按固定顺序访问n个魔法资源。我们知道，在访问第i个来源后，ai会改变法力值(这个数字可以是正的，负的或零)。如果法师的法力值变为负值，他就会死亡。在旅程的开始，法师应该拥有多少魔法值才能成功访问所有的n个资源并存活?输入第一行包含一个整数n(1≤n≤500000)-魔法资源的数量。第二行包含n个整数ai(−10^9≤ai≤10^9)-访问第i个资源后的魔法值变化。输出输出一个整数——法师成功完成旅程所需的最小法力值。代码p
2021-05-17 17:24:51
352
原创 算法基础
第一章、算法概论1、数据结构概念：数据结构，对应的英文单词是data structure，是数据的组织、管理和存储格式，其使用目的是为了高效地访问和修改数据。数据结构的组成方式：线性结构（数组、链表、栈、队列、哈希表）树（二叉树、哈夫曼树）图（多对多）2、算法前言：运行时间的长短和占用内存空间的大小，是衡量程序好坏的重要因素。时间复杂度时间复杂度是对一个算法运行时间长短的量度，用大O表示，记作T(n)=O(f(n))。常见的时间复杂度按照从低到高的顺序，包括O(1)、O(l
2021-05-16 15:17:47
748
1
原创 第19届上海大学程序设计联赛春季赛简单题
B_Lin88’s PalindromeB原题链接package 训练;import java.util.ArrayList;import java.util.List;import java.util.Scanner;public class B2 { public static void main(String[] args) { Scanner sc=new Scanner(System.in); String str=sc.next(); char []ch=str
2021-05-06 20:40:16
170
原创 数据库作品
数据库作品一、ER图：二、需求分析功能功能概述① 星球船长、星球船员注册模块。② 登录模块（根据不同的身份登录，出现的界面不同）。③ 星球酋长：查看星球运行情况、管理星船、管理船长。④ 星船船长：星船基本信息管理、战士管理，武器管理。⑤ 战士查看和修改个人信息。功能分析：星球酋长：先注册账号，登录账号。进入管理界面，管理界面分为：管理星球运行情况、管理星船信息、管理船长。星球船长：星船信息管理、战士管理、武器管理。战士：注册信息后，选择战士身份登录查看信息。
2021-04-25 19:31:44
305
原创 Git的基本操作指令
git init 把目录变成Git可管理仓库git add 把文件添加到仓库git commit -m "message" 把文件提交到仓库git diff 查看修改内容（具体的不同）git log查看全部提交历史（查看版本库状态）git reset --hard HEAD^版本回退git reset --hard 版本号（commit id）回退到某一版本git reflog 记录每一次命令cat查看文件具体内容git checkout -- file丢弃工作区的修改
2021-04-21 17:55:02
60
原创 智能展厅项目总结
智能展厅1.GitLab 配置密钥：SSH密钥允许你的计算机和gitlab之间建立安全连接。检查SSH秘钥是否存在。桌面右击Git Bash Here打开终端执行命令 ：cat ~/.ssh/id_rsa.pub如果出现下图情况,说明已经配置过了密钥如果若密钥不存在 ，执行 下列命令生成密钥ssh-keygen -t rsa -C "2139304869@qq.com" 2139304869@qq.com是注册gitlab的邮箱在c/user/mi/.ssh/id_r
2021-04-11 15:27:24
286
1
原创 个人博客项目总结
个人博客项目总结文章目录个人博客项目总结vue一、深度选择器二、router和router和router和route的区别和联系routerrouteroutes三、element- ui 组件库的使用布局问题四、接口调用五、报错码的意思六、把对象添加到数组中的方法七、qs.stringify() 和 JSON.stringify() (序列化)qs.stringify()区别八、 把后台的数据转化成适合组件用的结构（留言管理）九、v- md -editor上传本地图片十、点击两次才能选中多选框的原因十一
2021-03-09 20:52:34
793
1
原创 javaScript知识点和实例
javaScript知识点和实例一、最终显示效果：点击红色按钮，会有视屏弹出 并带有遮罩层点击黄色区域可以关闭视频 并回到最初的状态。页面主要代码：main中主要包含一个a，控制显示的按钮。设置有id值。<div class="main"> <a href="javascript:;" class="video" id="video"></a></div>以下代码就是用来控制视频的显示效果，.video-btn 包含了视频显示区域以及
2021-02-21 14:15:06
2727
原创 Vue总结
一、基础语法和指令 1天基本指令v-text：更新元素的 textContentv-html:更新元素的 innerHTMLv-bind:当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM语法：v-bind:title=“msg”简写：:title=“msg”v-on为元素绑定事件 v-on:click=“方法”、@click=“方法”，传递自定义参数：v-on事件.修饰符（@keyup.enter=“方法”）v-show，v-if 根据表达式的真假切
2021-02-07 13:39:05
133
原创 MySQL基础
文章目录一、为什么要学习数据库数据库的好处二、数据库相关概念三、数据库存储数据的特点四、MySQL产品的介绍和安装MySQL服务的启动和停止MySQL服务的登录和退出MySQL的常见命令MySQL的语法规范SQL的语言分类SQL的常见命令五、DQL语言的学习（数据查询语言）进阶1：基础查询进阶2：条件查询进阶3：排序查询进阶4：常见函数进阶5：分组查询进阶6：多表连接查询进阶7：子查询进阶8：分页查询进阶9：联合查询六、DML语言（数据操作语言）插入修改删除七、DDL语句（数据定义语言）1.库和表的管理..
2021-01-31 19:52:30
276
原创 路由定义，映射等相关操作
路由一.定义：通过互联的网络把信息从源地址传输到目的地址的活动。路由里有映射表（内网ip与电脑标识的一一对应关系）。二.后端渲染和前端渲染（网页阶段发展）1.后端渲染网页阶段一：后端路由2.前端渲染网页阶段二：前后端分离网页阶段三：单页面，富应用（url和页面一一对应）示意图总结：前端路由的核心是改变URL,但是页面不进行整体的刷新。...
2020-11-26 15:57:49
421
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人