- 博客(74)
- 收藏
- 关注
RSS订阅原创 计算机网络笔记-分组交换网中的时延
在队列中，当分组在链路上等着被传输时的时延为排队时延，一个分组的排队时延长度取决于该分组前方等待传输的分组数量，如果排队队列为空，且没有正在传输的分组那么该分组的排队时延为零，如果流量很大有很多分组在排队队列中那么排队时延将会很长。指的是一个位于排队队列首部的一个分组由路由器推向物理链路所需要的时间，该时间的大小取决于A、B链路上的传输速率。指的是在路由器A、B之间的物理链路传播所需要的时间，物理链路上的传输速率与物理介质有关。,传输时延指的是分组从路由器端口推向物理链路的速度。
2025-04-09 21:59:53
492
原创 Vue响应式系统的简单实现
可以产生副作用的函数，那么什么是副作用呢？count++console.log('执行1')} else {console.log('执行2')effect()fn()当执行effect函数时会修改全局变量count的值，count值的修改就是effect函数执行带来的副作用，由于count变量被effect、fn函数所共享，effect函数修改了count值后会对fn函数产生影响，即effect函数的执行对fn函数产生了副作用。
2025-04-07 22:28:12
304
原创 flutter_native_splash插件的简单使用
点击图标打开一个应用，默认情况本地应用会展示白色启动页填充这段时间间隔，这对用户体验尤为不友好。但对于flutter的开发者来说，同时配置andorid、ios以及web端的启动页有些麻烦不好维护，flutter_native_splash的诞生解决了这一痛点，通过配置文件的方式配置启动页，命令行运行命令后会自动生成android、ios、web端对应的启动页，并且支持暗色模式、全屏以及特殊平台的配置。端真机调试，看不到启动页的效果的情况，笔者遇到过的一种原因是真机操作系统使用的是。
2024-05-17 15:03:11
895
1
原创 You don‘t have write permissions for the /System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/
将上述图片当中的命令复制到终端中运行。最后执行Cocoapods 下载命令。
2024-05-14 15:07:51
519
原创 在Vue中JSZip根据文档路径生成压缩包文件
参考自JSZip文档首先下载JSZip库注意：saveAs是从filesaver这个库引用的效果如下：
2022-07-14 11:14:55
594
原创 JavaScript-向一个对象中的对象添加属性
// 1. 创建一个对象const content = ', wrold'const propsName = 'hello'const obj = {}obj.props = { [propsName]: content}
2022-05-07 11:18:26
797
原创 Promise异步编程学习笔记
1. 指定回调函数的方式更加灵活promise之前：必须在启动异步任务前指定promise： 启动异步任务=>返回promise对象=>promise对象绑定回调函数2. 支持链式调用，可以解决回调地狱问题什么是回调地狱？回调函数嵌套调用，外部回调函数异步执行的结果是嵌套的回调执行的条件回调地狱的缺点？不便于阅读 不便于异常处理...
2021-11-29 10:49:20
188
原创 ES6新特性 扩展运算符 rest参数
1. rest参数的基本使用function fruits(...args) { console.log(args)}fruits('apple', 'banana', 'orange')2. 多个参数rest参数放最后// 2. 多个参数rest要放到参数最后function number(num1, num2, num3, ...args) { console.log(num1, num2, num3, args)}3.扩展运算符：… （数组）let num = [1,
2021-11-28 11:31:51
356
原创 ES6新特性--允许给函数参数赋初始值
1. 函数形参赋初始值// 1. 形参赋初始值function increment(m, n, p = 0) { return m + n + p}// let result = increment(1, 3, 4)let result = increment(1, 3)console.log(result)2. 与解构赋值相结合// 2. 与结构赋值相结合function connect ({ host = '127.0.0.1', username, password, port
2021-11-26 22:32:28
518
原创 Vue-cli解决跨域问题
在Vue.config.js里面配置跨域解决方案方法一：1.修改脚手架里面的 vue.config.js 文件 // 开启代理服务器 devServer: { proxy: 'http://localhost:8888' }2. 服务端的请求文件get请求要发给代理服务器，所以url地址应该填代理服务器的地址代理服务器地址和客户端的地址一样 axios.get('http://localhost:8080').then( response => { console.l
2021-11-25 23:04:02
1379
原创 浏览器本地存储
1. localStorage 浏览器的本地存储关闭浏览器数据也不会消失① 存储数据： localStorage.setItem(‘name’, ‘jack’)② 读取数据： localStorage.getItem(‘name’)③ 移除一个数据： localStorage.removeItem(‘name’)④ 清空数据: localStorage.clear()<!DOCTYPE html><html lang="en"><head> <m
2021-11-20 12:49:02
550
原创 JavaScript数组去重案例
把数组里面不重复的元素选取出来存入一个新的数组，重复的元素只保留一个。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc.
2021-11-14 14:53:33
732
原创 JavaScript内置对象数组Array
1.1 数组创建的两种方式1.利用数组字面量的方式 let arr = [1, 3, 5, 6, 7] console.log(arr)2.利用new Array()let arr1 = new Array();// 1. 创建一个长度为n的数组let arr = new Array(n); // n 表示数组的长度为n// 2. 创建数组的同时添加元素let arr2 = new Array(1, 2, 3, 4) // [1, 2, 3, 4]1.2检测是否为数组的两种方式
2021-11-14 14:34:47
897
原创 JavaScript中操作数组的几个方法
1. splice() 添加/删除数组元素该方法的返回值就是数组形式的被删除的项目，如果没有删除元素就返回空数组splice(index, howmany, item1,…,itemN)参数：1. index ： 必须。整数 ，规定添加/删除项目的位置，使用负数可从数组结尾规定位置2. howmany： 可选。要删除的项目数量。如果设置为0，则不会删除项目。3. item1，…, itemN: 可选。向数组添加的新项目。4. 返回值： 如果有元素被删除，返回包含被删除项目的新数组1.1删除数
2021-11-13 16:37:09
1035
原创 ES6语法箭头函数
箭头函数箭头函数的特点：①： this 是静态的， this始终指向函数声明时所在作用域下的 this 的值, this的指向是父级函数的作用域 ```javascript// this 指向的是它所在的对象的父级let obj = {name: ‘tom’,init:() => {console.log(this);}}```②： 不能作为构造函数实例化对象③： 不能使用 arguments 变量④： 箭头函数的简写 <1>. 省略小括号，当形参
2021-11-13 09:34:38
281
原创 flex布局原理
flex 是 flexible Box 的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定flex布局。 当父盒子设置为flex布局以后，子元素的float、clear和vertical属性将失效 伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局flex布局原理：通过给父盒子添加flex属性，来控制子盒子的位置和排列方式flex布局实现一个div元素水平垂直居中<!DOCTYPE html><html lang="en">&
2021-11-13 00:04:59
1350
原创 background-clip透明边框
边框透明怎么做？先看如下代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
2021-11-12 09:03:28
316
原创 git push失败解决方案 error: src refspec refs/heads/master does not match any
error: src refspec refs/heads/master does not match anyerror: failed to push some refs to ‘https://gitee.com/wu-ui/supermall1.git’我的是没有创建 用户名和邮箱导致的git commit -m 提交不成功解决方案：打开Git Bash成功解决...
2021-11-08 23:04:49
999
原创 axios框架的基本使用
支持多种请求方式：①axios(config)②axios.request(config)③axios.get(url [, config ])④axios.post(url [, data[, config ] ])⑤axios.delete(url, [, config])⑥axios.put(url[, data[, config]])⑦axios.patch(url [, data[, config] ])⑧axios.head( url [,config])...
2021-11-07 19:18:15
172
原创 ajax入门笔记
1.1 Ajax的特点 Ajax的优点: ①可以无需刷新页面与服务器进行通信 ② 允许根据用户事件来更新部分页面内容 Ajax的缺点: ① 没有浏览历史，不可回退 ② 存在同源跨域问题 ③ SEO（搜索引擎优化）不友好（不容易被网络爬虫爬取）1.2 HTTP协议**HTTP （hypertext transport protocol）协议 超文本传输协议，详细规定了浏览器和万维网服务器之间的互相通信的规则。**HTTP请求报文：① 行 GET、PO
2021-11-07 19:17:48
102
原创 JavaScript中的正则表达式
一、正则表达式的创建①：利用RegExp对象来创建 正则表达式let regExp = new RegExp(/abc123!/)console.log(regExp)② ：利用字面量 创建 正则表达式 let reg = /aabbcc/③： test 方法检测字符串是否符合 正则表达式 规则let reg = /123/console.log(reg.test(123))...
2021-11-06 10:16:01
120
原创 jQuery返回指定的父元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2021-11-05 11:24:51
200
原创 Vuex核心概念
StateGettersMutationActionModule①State单一状态树（单一数据源）（1）如果状态信息是保存到多个Store对象中，那么之后的管理和维护等等都会变得特别困难（2）所以Vuex使用了单一状态树来管理应用层级的全部状态（3）单一状态树能够以最直接的方式找到某个状态的片段，而且在之后的维护和调试过程中，也可以非常方便的管理和维护。② Getters 基本使用（类似于组件中的计算属性）...
2021-11-05 10:59:02
155
原创 jQuery 文本内容相关方法 html() text() 表单属性方法val()
html() text() 方法 和 原生JS中的 innerHTML 、innerText 两个属性功能类似一、html() text() val() // 1. element.html() 获取元素中的内容 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=
2021-11-05 10:57:32
84
原创 jQuery中 prop() 和 attr() 方法的区别
$(function() { //1. element.prop("属性名") 获取元素固有的属性值 console.log($("a").prop("href")); // 2. element.prop("属性名", "属性值") 设置固有的属性值 $("a").prop("href", "https://www.jd.com"); $('a').prop('title', '我们都挺好'); // $('a').prop('dat
2021-11-05 10:22:03
404
原创 京东定时器原版做法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-10-09 20:23:35
124
原创 javaScript--推拉门
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-09-12 19:09:58
167
原创 vue ---v-bind 高级用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-09-11 20:58:49
155
原创 VUE命令 v-bind的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-09-11 20:42:59
179
原创 java 重写方法
* 方法的重写(override / overwrite)* ① 重写： 子类继承父类以后， 可以对父类中同名同参数的方法， 进行覆盖* ② 应用： 重写以后，当创建子类对象以后， 通过子类对象调用子类中的同名同参数的方法时， 实际执行的是子类重写父类的方法。* ③ 重写的规定：* 方法的声明： 权限修饰符 返回值 方法名 (形参列表){* * }* (1) 子类重写的方法的方法名和形参列表与父类被重写的.
2021-09-11 09:21:15
881
原创 Java---属性赋值的先后顺序
package com.qfnu.java3;/** 属性赋值的先后顺序*** ① 默认初始化* ② 显示初始化* ③ 构造器中初始化* ④ 通过 " 对象.方法" 或 "对象.属性" 的方式进行赋值* * ① -> ② -> ③ -> ④ -> ⑤* */public class UserTest { public static void main(String[] args) { User user = new User
2021-09-09 16:44:44
125
原创 java-数组的二分查找
/** 二分查找: 将数组长度二分* 中值的求解：因为索引值是连续的所以 当头尾之间长度为奇数时 head 到中间值的长度 和 end到中间 值的长度是相同的* */public class Demo111 { public static void main(String[] args) { int[] arr3 = new int[]{-99, -54, -2, 0, 2, 25, 43, 256, 999}; boolean isFlag
2021-09-07 09:48:36
96
原创 javascript: 元素水平居中垂直居中 采用 margin 负值 和 transform 的区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-09-05 18:45:30
445
原创 javaScript-发送短信案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-09-03 21:02:50
466
原创 前端学习HTML－day０６
表单标签1.1表单的组成在HTML中，一个完整的表单通常由表单域、表单控件、(也称为表单元素)和提示信息3个部分构成.1.2 表单域表单域是一个包含表单元素的区域.在HTML标签中，< form>标签用于定义表单域，以实现用户信息的收集和传递。< form> 会把它范围内的表单元素信息提交给服务器。<form action="url地址" method="提交方式" name="表单域名称"> 各种表单元素控件</form>常用属性
2021-06-23 19:57:16
113
原创 前端学习HTML－day05
列表标签表格是用来显示数据的，那么列表就是用来布局的。列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由方便。根据使用情景的不同，列表可以分为三大类：无序列表、有序列表、和自定义列表。1.1 无序列表（重点）< ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用< li>标签定义无序列表的基本语法格式如下：<ul> <li>列表项1</li> <li>列表项2<
2021-06-23 19:56:04
49
原创 前端学习HTML－day04
表格标签1.1表格的主要作用表格主要用于显示、展示数据 ,因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个简约清爽的表格能够把繁杂的数据表现得很有条理1.2表格的基本语法<table> <tr> <td>单元格内的文字</td> </tr></table>1.是用于定义表格的标签2.标签用于定义表格中的行，必须嵌套在标签中3.用
2021-06-23 19:55:07
117
原创 前端学习HTML-day03
HTML中的注释和特殊字符1.注释如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标志2.特殊字符在HTML页面中，一些特殊的符号很难或者不方便直接使用，此时我们就可以使用下面的字符来代替。特殊字符描述字符的代码空格符  ；<小于号<；>大于号> ;©版权© ；￥人民币¥ ；&和&
2021-06-23 19:52:24
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人