- 博客(71)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 20240410作业
全局方式位标记的比特值，使得压缩文件打开的时候识别为加密文件，提示输入密码，而在这个时候，不管你用什么软件对其进行密码爆破。zip是一种压缩文件，可以进行加密，也可以不加密，而伪加密是在没有加密的zip基础上修改了他的压缩文件目录区里的。将其改改正后得到原始文件。
2024-04-12 21:16:58
186
原创 前端性能优化
较少http请求，或是有http2进行请求使用雪碧图，或使用矢量图减少重绘重排事件委托懒加载降低css选择器的优先级(没有必要)性能优化主要分为两类：加载时优化运行时优化在解决问题之前，得先找出问题，否则无从下手。所以在做性能优化之前，最好先调查一下网站的加载性能和运行性能。检查加载性能一个网站加载性能如何主要看白屏时间和首屏时间。白屏时间：指从输入网址，到页面开始显示内容的时间。首屏时间：指从输入网址，到页面完全渲染的时间。将以下脚本放在 前面就能获取白屏时间。<.
2021-09-14 11:01:51
145
原创 git的基本命令
安装$ sudo apt-get install git配置配置用户名和邮箱$ git config --global user.name “Your Name”$ git config --global user.email “email@example.com”查看用户和邮箱配置$ git config user.name$ git config user.email或者$ git config --list配置PGP签名私钥git config --global user.si
2021-08-20 14:10:04
220
转载 React第五次总结(结)
1. setStatesetState更新状态的2种写法 (1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 (2). setState(updater, [callback])------函数式的setSta
2021-07-08 17:09:54
156
原创 React 第四次总结(redux、react-redux)
求和案例 _redux 精简版(1).去除Count组件自身的状态τ(2).src下建立: - src - redux - store.js - count_ reducer.js(3). store.js: 1).引入redux中的createStore函数，创建一个store 2). createStore调用时要传入一一个为其服务的reducer 3).记得暴露store对象(4). count_ reducer.
2021-07-08 16:58:54
156
原创 React第三次总结(路由、嵌套路由、withRouter、编程式路由)
路由的基本使用明确好界面的导航区、展示区导航区的a 标签改为Link标签 About展示区写Route标签进行路径的匹配的最外侧包裹了一个或路由组件与一般组件写法不同:一般组件: 路由组件: 存放位置不同:.一般组件: components路由组件: pages接收到的props不同:一般组件:写组件标签时传递了什么，就能收到什么路由组件:接收到三个固定的属性history: action: "PUSH" block: ƒ block(prompt)
2021-07-07 17:16:20
235
1
原创 React第二次总结(兄弟传值、axios 、代理、fetch)
由一个搜索案例引出的一系列1. 序言学习react进入到一个阶段,虽然还有大量的内容不太了解,一些功能基础不太明白，但是通过这几个案例的学习，页了解了一些基础知识。2. 代理的配置1. 第一种在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）
2021-07-06 14:58:10
119
原创 React 第一次总结
1.脚手架的安装方式我一般喜欢采用 create-react-app 这 个命令工具进行react程序的初始化工作。npm i create-react-app -g //进行全局安装create-react-app demo //进行项目的创建2. state的介绍react使用state进行数据储存,类似于Vue 2.x的data属性import React, { Component } from 'react'export default class index extends
2021-07-05 16:03:32
93
原创 fetch的初步了解
fetch 的初步了解fetch是ES6提出的一套用于进行前后端交互的工具。fetch()是 XMLHttpRequest 的升级版，用于在 JavaScript 脚本里面发出 HTTP 请求。浏览器原生提供这个对象。浏览器支持fetch是相对较新的技术，当然就会存在浏览器兼容性的问题，当前各个浏览器低版本的情况下都是不被支持的，因此为了在所有主流浏览器中使用fetch 需要考虑 fetch 的 polyfill 了 require('es6-promise').polyfill();
2021-07-02 15:51:09
416
原创 常用的ESLint规则(个人习惯)
"no-unused-vars":0, "no-new": 0,//禁止在使用new构造一个实例后不赋值 "no-new-func": 0,//禁止使用new Function "no-new-object": 0,//禁止使用new Object() "semi": 0, "quotes": 0, 'camelcase': 0, 'eol-last': 0, 'no-undef':0, "no-useless-escape":0,.
2021-05-12 15:02:34
146
原创 验证码倒计时
说明:验证码倒计时是登录注册页面常用的一种方式,今天我将他实现为以后的毕设进行相应的准备！实现例子代码:<body> <input id="txt" type="text"> <input class="btn" type="button" value="发送"> <script> // 注册点击事件 const btn = document.querySelector('.btn');
2021-03-10 17:51:58
104
原创 flex骰子模型
flex布局盒子flex实现骰子是一个联系flex布局的好的素材第一种.second-face { display: flex; justify-content: space-between;}第二种.second-face { display: flex; justify-content: space-between;}/*将第二个点固定到盒子的下方*/.second-face span:nth-child(2){ align-self
2021-02-27 14:39:08
202
原创 身份证验证（工具类ES6）
说明: 函数入口必须有值，可以是Number类型，也可以是String类型 。（其他类型报错）flag参数选填:默认是false，返回的是一个布尔值，当验证成功的时候，返回的是true。验证失败，抛出异常。当flag的参数是true的时候，返回的是IDCard的值，String类型。相当于将数据过滤验证了一遍，当有大量数据是，可以走这一个API。/** * 校验身份证是否合格的方法 * @param Card * @returns {boolean} */export default f.
2020-11-08 23:47:35
370
原创 对date类的封装（工具类）
在实际开发中，如果用到日期类的话，我们需要配置new date（）的方法。下面是我封装的日期方法。/** * 对日期类的封装 * author:木木 * @type {Date} *//** * mode:返回年月日和时间 和格式 */export default function dateWei(flag=false,data=false) { let date = new Date(); //定义日期的变量 const fullYear = date.getFu
2020-11-08 14:52:43
479
原创 02 Vue的总结（组件化开发)
第二章一、组件化开发组件化开发是Vue的重要思想1.注册组件的步骤创建组件构造器注册组件使用组件。提高复用2.小小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-11-07 19:38:18
225
原创 01 Vue文档总结
Vue 第一章一、Vue的初体验1.引入Vue的js文件的方式通过CND加速服务器的方式来引入<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 或者<!-- 生产环境版本，优化了尺寸和速度 --><script src="https://cdn.jsdelivr.net/npm/vue"
2020-11-07 19:35:37
329
原创 SpringMVC的整合
SpringMVC1.三层架构咱们开发服务器端程序，一般都基于两种形式，一种C/S架构程序，一种B/S架构程序使用Java语言基本上都是开发B/S架构的程序，B/S架构又分成了三层架构三层架构表现层：WEB层，用来和客户端进行数据交互的。表现层一般会采用MVC的设计模型业务层：处理公司具体的业务逻辑的持久层：用来操作数据库的MVC模型MVC全名是Model View Controller 模型视图控制器，每个部分各司其职。Model：数据模型，JavaBean的类，
2020-11-04 22:04:58
73
原创 SSM整合
ssm整合mybatis ：持久层，连接数据库spring： 是用来整合 j2ee各个层之间的中间层。是各个层次之间是独立的,提高层与层之间的松耦合。使各个层之间对立成为对立的模块springMVC ：表示层：（jsp、html 主要就是界面的展示）控制层：(Contoller、Action)控制界面跳转业务层：(Service)调用DAO层，实现解耦合目的，虽然不要它也可以运行项目，但是会使项目后期的延展和维护变得困难持久层：(DAO)也叫数据访问层，实现对数据库
2020-11-04 15:51:00
186
原创 Mybatis的案例整合
Mybatis实例整合1.总体思想创建POJO和Dao接口创建Mapper.XML文件和mybatis.xml创建test测试类2.Maven所需要的jar <dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.11</ve
2020-11-01 17:22:19
189
原创 mybatisSpring整合案例
SpringMybatis的整合就是将连接数据源的操作交给Spring来进行处理，Spring通过IOC（控制反转） 和 AOP(面向切面编程) 达到一个解耦的效果，使程序更加简洁，减少程序本身的复杂性。易于维护！！！整合需要的jar <dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId>
2020-11-01 16:33:02
128
原创 javascript实现简单电话薄
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>电话.
2020-09-25 19:40:06
434
原创 JS实现选择排序和快速排序
// 快速排序function quickSort(arr) { if (arr.length <= 1) { return arr; } //设置哨兵的位置 let mid = Math.floor(arr.length / 2); let midValue = arr.splice(mid, 1)[0]; midValue //定义两个左右数组 let leftArr = []; let rightArr =
2020-09-18 21:04:10
210
原创 链表的环路检测问题
链表中环的入口结点问题是一个超级经典的问题，不管是在面试中，还是考研的过程中都是一个经典问题。通常的公认解法就是双指针(快慢指针)的解法，当然这已经的老生长谈的了。问题给定一个有环链表，实现一个算法返回环路的开头节点。有环链表的定义：在链表中某个节点的next元素指向在它前面出现过的节点，则表明该链表存在环路。示例 1：输入：head = [3,2,0,-4], pos = 1输出：tail connects to node index 1解释：链表中有一个环，其尾部连接到第二个节点。示
2020-07-28 15:52:04
509
原创 设计模式 ------＞抽象工厂模式
抽象工厂模式（Abstract Factory Pattern）是围绕一个超级工厂创建其他工厂。该超级工厂又称为其他工厂的工厂。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。在抽象工厂模式中，接口是负责创建一个相关对象的工厂，不需要显式指定它们的类。每个生成的工厂都能按照工厂模式提供对象。它相当于一个中介，他提供每个工厂的联系方式，说明来意后，他就会为你找他所知道的且能满足你的需求的工厂，把你的东西交给你 介绍意图：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体
2020-07-24 10:50:39
92
原创 设计模式 ----＞工厂模式
工厂模式（Factory Pattern）是 Java 中最常用的设计模式之一。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。在工厂模式中，我们在创建对象时不会对客户端暴露创建逻辑，并且是通过使用一个共同的接口来指向新创建的对象。介绍意图：定义一个创建对象的接口，让其子类自己决定实例化哪一个工厂类，工厂模式使其创建过程延迟到子类进行。主要解决：主要解决接口选择的问题。何时使用：我们明确地计划不同条件下创建不同实例时。如何解决：让其子类实现工厂接口，返回的也是一个抽象的产品。
2020-07-24 10:45:24
101
原创 设计模式 ----单例模式
单例模式（Singleton Pattern）是 Java 中最简单的设计模式之一。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建。这个类提供了一种访问其唯一的对象的方式，可以直接访问，不需要实例化该类的对象。注意：1、单例类只能有一个实例。2、单例类必须自己创建自己的唯一实例。3、单例类必须给所有其他对象提供这一实例。应用实例：1、一个班级只有一个班主任。2、Windows 是多进程多线程
2020-07-24 10:38:25
109
原创 二叉搜索树的js实现
二叉树的数据结构的重点内容，而二叉搜索树又是二叉树的重点，地位仅次于红黑树下面是js实现的具体方法，插入 先中后遍历，求最值，删除(最难，没有完善，求大佬)。function BinarySearchTree() { function Node(key) { this.key = key; this.left = null; this.right = null; } //属性 this.root = null
2020-07-23 10:07:24
202
原创 《赛码网》约德尔测试 --js实现
题目描述兰博和提莫闲聊之后，回归到了他们的正题，约德尔人的未来。说起约德尔人的未来，黑默丁格曾经提出了一个约德尔测试，将约德尔人的历史的每个阶段都用一个字符表达出来。(包括可写字符,不包括空格。)。然后将这个字符串转化为一个01串。转化规则是如果这个字符如果是字母或者数字，这个字符变为1,其它变为0。然后将这个01串和黑默丁格观测星空得到的01串做比较，得到一个相似率。相似率越高,则约德尔的未来越光明。请问:相似率为多少？输入每组输入数据为两行，第一行为有关约德尔人历史的字符串，第二行是黑默丁
2020-07-18 00:29:37
312
原创 树、二叉树的介绍
定义二叉树（binary tree）是指树中节点的度不大于2的有序树，它是一种最简单且最重要的树。二叉树的递归定义为：二叉树是一棵空树，或者是一棵由一个根节点和两棵互不相交的，分别称作根的左子树和右子树组成的非空树；左子树和右子树又同样都是二叉树 。### 基本形态二叉树是递归定义的，其结点有左右子树之分，逻辑上二叉树有五种基本形态： [3]1、空二叉树——如图 ；2、只有一个根结点的二叉树——如图 ；3、只有左子树——如图 ；4、只有右子树——如图 ；5、完全二叉树——如
2020-07-16 22:29:42
475
原创 120. 三角形最小路径和------动态规划
这道题的历史比较悠久了，可以说是经典的动态规划的题型。说到**动态规划** ,我们就来回忆一下什么叫动态规划。官方定义：动态规划是把一个大问题拆解成一 堆小问题，这个本身没啥问题，但是我觉得的这个不是动态规划的核心思想，或者说，个” 大问题”之所以能用” 动态规划"解决，并不是因为它能拆解成一 堆小问题，事实上啥大问题都能拆解成小问题…接地气的说法就是从一个好解决的小问题出发，当我解决了n个小问题后，这个大问题的答案就是出来了。但是并不是每个问题都能这样拆分的。案例给定一个三角形，找出自顶向
2020-07-14 23:19:08
143
原创 剑指 Offer 49. 丑数
我们把只包含质因子 2、3 和 5 的数称作丑数（Ugly Number）求按从小到大的顺序的第 n 个丑数。出看这道题可能感觉能算，但是思路就非常繁琐。解法一：这个只说说思路,既然2,3,5是该数的因子，那么该数除以2,3,5的余数一定是 0 ，那么就让每个数连续除以2,3,5,只到余数不为0 ，结果是1的就是丑数，在比较各个丑数的大小，取出我们想要的那个丑数。（看看就行~~~ ）解法二：把只包含质因子2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14不是，因为它
2020-07-14 12:32:47
157
原创 剑指 Offer 12. 矩阵中的路径
最近做了一个剑指offer上的 剑指 Offer 12. 矩阵中的路径这道题用了dfs和回溯算法，挺有典型意义的，在这里，列举一个，分析分析，加强记忆。题目请设计一个函数，用来判断在一个矩阵中是否存在一条包含某字符串所有字符的路径。路径可以从矩阵中的任意一格开始，每一步可以在矩阵中向左、右、上、下移动一格。如果一条路径经过了矩阵的某一格，那么该路径不能再次进入该格子。例如，在下面的3×4的矩阵中包含一条字符串“bfce”的路径（路径中的字母用加粗标出）。[["a","b","c","e"],["
2020-07-09 19:27:47
178
1
转载 js的12技巧
将NodeList转换成数组如果你运行document.querySelectorAll(“p”)函数时，它可能返回DOM元素的数组，也就是NodeList对象。但这个对象不具有数组的函数功能，比如sort()、reduce()、map()、filter()等。为了让这些原生的数组函数功能也能用于其上面，需要将节点列表转换成数组。可以使用[].slice.call(elements)来实现：var elements = document.querySelectorAll("p"); // NodeLis
2020-07-07 09:19:54
102
原创 uni-app基础知识笔记
####uni-app的基本使用课程介绍：基础部分：环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯，及组件的生命周期uni-app中使用uni-ui库项目：黑马商城项目uni-app介绍 官方网页uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微
2020-07-04 22:25:52
502
原创 算法设计与分析-----分治法（js实现）
分治法特征该问题的规模缩小到一定的程度就可以容易地解决;该问题可以分解为若干个规模较小的相同问题，即该问题具有最优子结构性质利用该问题分解出的子问题的解可以合并为该问题的解;该问题所分解出的各个子问题是相互独立的,即子问题之间不包含公共的子问题。能否利用分治法完全取决于问题是否具有这条特征,如果具备了前两条特征，而不具备第三条特征,则可以考虑贪心算法或动态规划。伪代码divide-and-conquer(P)if(|P|<= n0) adhoc(P); //解决小规模的问题
2020-07-04 21:50:38
529
原创 asnyc和Promise的总结
写法不同ES5正常写法getAjax(url,()=>{})Promise写法get(url).then(()=>{}) async awaitasync function(){ let res = await get(url) }总结:ES5写法与Promise写法，主要区别在写法的不同,可以让回调函数，划分出去在.then的函数 中去执行，使得代码更加的另外,也可以将两个不同的参数,可以划分开来写。async 和Promis
2020-06-30 12:47:34
402
原创 Android Studio基础篇
1.UI组件1.1布局管理器两个布局线性布局（LinearLayout）相对布局（RelativeLayout）常用的属性(LinearLayout)android:id ----------------> 标识android:layout_ margin---->外边距android:layout_ width----->宽度android:layout_width="match_parent" // 匹配父文件android:layo
2020-06-24 16:48:20
367
原创 前端开发知识点小总
变量声明 var 声明一个变量，可赋一个初始值 let 声明一个块级作用域的局部变量，可赋一个初始值 const 声明一个块作用域的制度命名的变量 变量的名字又叫做“标识符”，`必须以字母、下划线（_）、或者$开头，大小写敏感` 若没有为变量赋初始值，则默认为undefined 若没有声明变量而直接使用，抛出ReferenceError错误。 当变量值为undefined时，布尔值的环境是false 当变量值为null 时，布尔值环境为false。数据类型Boolean
2020-06-21 12:07:14
299
原创 函数节流与函数防抖
导语函数节流与函数防抖的面试和实际开发中一个常问的问题。在此做一下笔记。函数节流（节流阀）函数节流： 可以使一些频繁触发的函数事件受到限制，可以使函数在一定的时间之内或者满足某些条件之后再去执行。通俗来说就是：让一个函数不要执行得太频繁，减少一些过快的调用来节流。核心内容 ：让一个函数不要执行得太频繁，减少一些过快的调用来节流。更加立体的举例就是：比如只有一个厕所，但一个人正在上厕所，在他在方便时关上厕所门，其他人再急也没有用，因为厕所上着一把锁，只有这个人上完了，出来了，锁就开了，其他人再去厕
2020-06-20 22:35:36
121
vuecli3+node的管理系统
2020-11-18
二级导航演示.html
2020-02-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人