- 博客(67)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 排序算法和查找算法
文章目录冒泡排序冒泡排序冒泡排序function bubbleSort(arr) { let temp = null; for (let i = 0; i < arr.length; i++) { for (let j = i + 1; j < arr.length; j++) { if (arr[i] > arr[j]) { temp = arr[i] arr[i] = arr[j] arr[j] =
2022-03-01 00:17:52
322
原创 发布订阅和深拷贝
// 发布订阅，支持先订阅后发布和先发布后订阅class EventEmitter { status = {}; // 状态 map value = {}; // 值map eventMap = {}; // 事件map on(task, fn) { if (!this.eventMap[task]) { this.eventMap[task] = []; } if(!this.status[task]) { this.status[ta.
2022-02-28 23:23:57
174
原创 防抖和截流的代码
名词解释防抖 顾名思义，防止抖动，抬腿一秒钟你抖了100次，那指定是有脑血栓，你要是抬腿后一秒后才抖一次，那才是我们想要的。在一定时间内重复执行某动作，只执行最后一次截流 顾名思义，截断流水的正常状态。有个元素周期表51，一直对你说话，重复的说，搞得你烦死了。这时候，你戴个耳塞，1秒后才听他说的内容，然后又戴上耳塞。这样你听的唠叨的话，就是1秒钟才能听到一次。在一定时间内容重复执行的动作，降低它的执行频次代码<!DOCTYPE html><html lang="en">
2022-02-28 19:58:22
242
原创 浏览器加载一个URL的过程
文章目录感谢图片展示解释感谢首先感谢W3C和MDN提供的详尽文档，为web世界做出了具有重大意义的贡献。图片展示解释redirect 重定向阶段navigationStart 从同一个浏览器上下文的上一个文档卸载(unload)结束时的UNIX时间戳redirectStart 第一个HTTP重定向开始时的UNIX时间戳redirectEnd 最后一个HTTP重定向完成时App Cache 请求前查缓存fetchStart 浏览器准备好使用HTTP请求来获取(fetch
2022-02-24 16:50:41
637
原创 原型链的个人整理
原型链关键词__proto__ 对象和函数都有的属性，始终指向其函数的原型属性prototypeprototype 只有函数才有的原型属性constructor 对象和原型对象的属性，当做指针，指向对象的函数和拥有原型对象的函数...
2022-02-22 19:08:53
59
原创 前端轮训降级方案
文章目录需求背景设计方案代码逻辑需求背景前端setInterval会持续定时的执行一段任务，具体的api如下setInterval(function, milliseconds, param1, param2, ...)希望在function失败时，有一个机制可以减少任务执行，或者不执行。设计方案代替原生setInterval允许3次错误尝试3次错误尝试后，阶梯自增milliseconds正确访问后，回到初始milliseconds代码逻辑/** * @description
2022-02-22 18:43:18
425
原创 HTTP 状态码解释
参考 HTTP 响应代码1xx信息响应(100–199)100 Continue （信息型状态响应码表示目前为止一切正常, 客户端应该继续请求, 如果已完成请求则忽略.客户端必须在发送请求实体前, 在初始化请求中发送 Expect: 100-continue 首部并接收 100 Continue 响应状态码）2xx成功响应(200–299)200 请求成功201 Created (表示请求已经被成功处理，并且创建了新的资源)204 No Content (该请求已经成功了，但
2022-02-16 19:11:11
1356
2
原创 代码示例：闭包的常见使用 call、apply、bind
for (var i=0; i<5; i++) { setTimeout(function () { console.log(i); }, 1000)}1秒后 输出 5个5预期1，1秒后 输出 0,1,2,3,4// 使用letfor (let i=0; i<5; i++) { setTimeout(function () { console.log(i); }, 1000)}// 使用setTimout最后一个参数，传到第一个参数的入参里fo
2022-02-15 16:37:16
297
原创 代码示例：实现Promise
TS版本export enum enumPromiseStatus { PENDING = 'pending', FULFILLED = 'fulfilled', REJECTED = 'rejected'}class MyPromise { status: enumPromiseStatus = enumPromiseStatus.PENDING; resValue: any = null; // 返回结果 error: Error = new Error(); // 错
2022-02-10 18:15:40
194
原创 设计模式--观察者模式示例代码
本地安装ts-node，通过ts-node 文件名执行该处逻辑// 观察者模式/** * 1. 定义事件源头 Source * 2. 添加观察的人 Watcher * 3. 时间源头通知 * 3. 执行观察人的方法 */// 事件类class MyEvent { // 监听器存放在此处 private watcherList: Set<MyWatcher> constructor() { this.watcherList = new Set([
2022-02-09 15:03:52
441
原创 Script defer和async 测试代码
<!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
2022-02-07 16:12:55
75
原创 实现marqueen废弃标签的功能
实现marqueen废弃标签的功能marqueen 标签还是很好用的，在一些显示在大屏幕上，无法换行和无法拖动的客户端，滚动展示还是很有必要的。网上也有很多模拟的效果，但是没办法判断当前的文本是否已经超出。所以我模拟了一个效果。功能：可以滚动当没有超出时不滚动控制滚动速度talk is cheap,show me your codefollow is code :<!--使用方法--><!--<marqueen-vue :scrollSpeed="8">
2021-02-07 11:46:07
531
1
转载 elementui el-form 支持回车提交
别人写的非常好，转载过来https://blog.csdn.net/asing1elife/article/details/82711366在表单的提交按钮上添加 Vue 原生属性 native-type=“submit” 可以让按钮变为表单提交按钮当表单中只有一个输入框时，按钮会默认为提交按钮设置默认的提交按钮后需要阻止表单默认提交事件，在表单上添加 @submit.native.prevent 即可<el-form ref="form" :model="user" :rules="r
2020-08-07 11:42:16
1663
原创 前端XMLHttpRequest get请求能不能在body中传参数？
前端技术get请求能否在body传参数前言文档测试结论前言今天隔壁小伙伴说后端叫他（小伙伴）发起get请求，并在get请求的请求体里发送数据，不要在url后面拼接。当时我就蒙了，我知道后端可以get请求body传参，前端的XMLHttpRequest也可以吗？？？文档查看mdn文档，文档XMLHttpRequest.send()有提到：XMLHttpRequest.send() 方法接受一个可选的参数，其作为请求主体；如果请求方法是 GET 或者 HEAD，则应将请求主体设置为 null
2020-07-24 16:11:17
9182
原创 favicon.ico介绍
背景：今天在群里解决群友问题时，对favicon了解不够深入，错误了理解群友的意思。实在惭愧，误人子弟了。后来测试和整理，记录一下favicon.ico网页图标介绍状态介绍favicon是Favorites Icon的缩写，代指的是一个网页标题左侧的图标。抬头看一下当前文章标题，左侧的那个大C就是csdn的favicon.ico。.ico是一种图片格式，通常用于网页图标。具体使用方法：<!--这是当前csdn的使用方式--><link href="https://csdnim
2020-05-14 11:02:07
2066
原创 Your account has been blocked. git更新代码时报错
记录一下问题。原因解释：当前用户登录信息过期。在浏览器里登录gitlab后台，长时间没有重新登录，导致后端登录session失效，自动锁住用户账号。此时通过ssh下载也就无法更新代码。解决办法：在浏览器重新登录gitlab网站，然后重新更新本地代码。Ps: 这个地方肯定还有更深入的内容可以挖，不过现在没时间，先挖个坑。备注文章：服务器上的 Git - 在服务器上搭建 Git代办： ...
2020-04-28 19:07:01
2443
原创 ES7装饰器
别的写的太好了，直接拿过来吧！ES7 Decorator 装饰器 | 淘宝前端团队Decorators in ES7代办： 搭建装饰器执行环境 装饰器代码调试 继续补充对装饰器的理解和使用场景...
2020-04-28 17:34:04
271
原创 不要被后端糊弄了，我来告诉你"网关"是什么
网关、gateway是什么背景单蠢的想法揭露真相使用场景总结：PS:背景在做开发是，经常会听到后端说”这是一个gateway接口“，”请求被网关拦截了“。问题来了：这个gateway接口是什么接口？”网关“是什么？单蠢的想法虽然网络只是不好，但我还是知道网络的七层模型，网关属于其中的网络层。当时的我一拍大腿，卧槽，公司后端那么厉害，已经涉及网络层编程了（前端常常使用的http接口只是...
2020-04-27 20:21:17
4016
11
原创 从segmentfault 被封 ，看http状态码
今天是2020年4月21日，不幸的是从昨天开始segmentfault网站因为某些原因被网站管理员关闭。抱着试试看的心态打开了控制台。根据这个我们来复习一下503的状态码.由于临时的服务器维护或者过载，服务器当前无法处理请求。这个状况是临时的，并且将在一段时间以后恢复。如果能够预计延迟时间，那么响应中可以包含一个 Retry-After 头用以标明这个延迟时间。如果没有给出这个 Retry-...
2020-04-21 09:51:36
365
原创 homebrew总结
homebrew是什么安装干什么特点更换Homebrew镜像源是什么homebrew是一款软件，mac上独有软件。homebrew在启动台找不到，它是在命令行运行的一条命令。它命令的简称是brew。brew #输入brew，以下是控制台输出内容Example usage: brew search [TEXT|/REGEX/] brew info [FORMULA...]...
2020-04-15 09:44:15
320
原创 Vue的computed为什么使用闭包函数传值
如题，在使用Vue经常会遇到在computed传值，根据入参去渲染数据。找到的网上信息只是告诉我通过闭包传值，但是不知道为什么。直接看代码<script type="text/x-template" id="hello-world-template"> <div> <p>Original message: "{{ message }}"&...
2020-04-06 12:22:22
2131
原创 reactnative 开发总结
reactnative 开发总结在reactnative中渲染htmlreactnative的登录态cookie在reactnative中渲染htmlreact-native-render-html npm包，要测试在大量图片下是否卡顿reactnative的登录态cookieRN自身维护了一套cookie机制，像浏览器一样，将cookie持久化存储在本地文件中。可以认为cookie是统一...
2020-03-06 20:28:52
91
原创 react native真机调试
react native真机调试AndroidIphoneAndroid：在script/dev/index.js运行时添加 --ip 你的电脑ip，重启应用。在真机上，React Native测试入口你的页面对应地址，点击自定义Url测试。可以看到在控制台，正在打一个index.android.js 包，控制台台也能看到console的数据。...
2019-09-11 16:42:03
261
原创 ios安装并信任证书
问题描述：ios不支持访问公司uat环境数据，需要安装并信任证书。解决办法：安装证书通过safaria浏览器下载自己需要的证书，页面会提示安装证书。进入设置->通用->描述文件，点击右上角安装，点击完成返回。信任证书进入设置->通用->关于本机->证书信任设置，点击你要信任的证书。以上操作流程，是以iPhone X为例，不同机型可能稍微有所不同，但...
2019-09-10 12:41:10
8419
转载 JS模块介绍
来源于 https://github.com/YvetteLau/Step-By-Step/issues/43 的提问。什么是JS模块化？为什么要JS模块化？如何实现JS模块化？现有的JS模块化方案有哪些？什么是JS模块化JS模块化，就是将js中的逻辑进行拆分，分别在每一个局部作用域中去做，明确好上下游的依赖关系。举个例子，我点击一个按钮，发起一个请求，请求过来一堆数据，此时需...
2019-07-24 20:57:11
2473
转载 运算符优先级
运算符优先级运算符的优先级决定了表达式中运算执行的先后顺序，优先级高的运算符最先被执行。结合性决定了拥有相同优先级的运算符的执行顺序优先级运算类型关联性运算符19圆括号n/a( … )18成员访问从左到右… . …18需计算的成员访问从左到右… [ … ]18new (带参数列表)n/anew … ( … )17函...
2019-07-08 12:33:39
373
原创 异步变成asycn、
异步变成async、awaitfunction funcTimer1(aaa) { return new Promise((resolve, reject) => { setTimeout(function() { resolve(aaa * 4) }, 1000) })}function funcTimer2(aaa) { return ne...
2018-10-25 14:49:26
364
原创 小程序登录总结
Page({ data: {}, onLoad: function (options) {}, onReady: function() { let _self = this; _self.handleWxCheckSession().then(() => { _self.handleCheckUserLogin().then(() => { ...
2018-09-29 19:51:42
1168
原创 vue template 注释部分，在浏览器中无法展示
先下结论：Vue 2.4.0新增的comments属性，无法在vue单文件中使用。vue 2.4.0 新增特性add comments option to allow preserving comments in template (#5951) (e4da249), closes #5392添加comments选项来保留template的注释官网文档： https://cn...
2018-08-14 16:14:30
4273
1
原创 抖图 一期
换了新公司，没什么时间写博客了。最近看到抖音那么火，心想着是不是要做个“抖图”，就这样，拖拖拉拉就开始干了。一个多月了，终于有成果了。准备工作从某图片网 爬了8w张图片，爬的只是链接（因为是链接，所以后面出现一些问题）将链接存到本地的mysql数据库用express 写了一些接口前端用react 做了这个滑动的交互和首页的刷新技术点爬图片网站，我用的方法比较笨。...
2018-08-09 21:16:16
234
原创 DOS窗口打开本地应用，打开chrome浏览器
起因：去面试时，看面试官的Mac，通过vscode控制台就可以用chrome浏览器预览当前的页面。chrome index.html解答：这是一个很常见的功能，我们安装Java环境就是讲Java安装目录注册到计算机的path里，这样在任何路径下都可以使用path下的可执行文件。对于任何exe文件都是可以的，chrome也是如此。解决方案： 添加CHROME_HOM...
2018-07-01 22:37:25
6680
转载 汉字编码
背景介绍 项目领导希望每个星期都有一位小伙伴在周会时分享。所以我们的一个小伙伴开始统一名单，最后用excel生成了一个按照A-Z排序的名单。于是我插了一句，如果用Array.prototype.sort()方法是不是也这样的呢，最后试了一下，果然如此。问题提出sort()对于汉字的排序规则是什么呢？百分之百不是按照拼音，至少在处理多音字的时候，sort()可能就没那么聪...
2018-06-28 00:26:41
3866
转载 双显示器，另外一个显示器，chrome浏览器，手机模式下 鼠标指针无法显示
感谢网友derekyxie 我今天也碰到了这样的情况。 我把机器的独立显卡拔掉换用了英特尔核芯显卡（I5 6400自带），连接线用的是淘宝买的DVI转HDMI，出现了此问题。 具体做法，打开intel显卡设置页面，进入显示器，一般设置，将量化范围从“默认范围”改为“全范围”，即可解决问题。 PS：需要重启浏览器...
2018-06-27 13:33:56
1727
原创 修改控制台字体
cmd太难用，git的bash，安装包时感觉视图有点卡顿。所以开始使用powershell。 powershell字体太难看，所以修改一下字体，之前也改过，现在整理下来，以后看。下载字体包 链接：https://pan.baidu.com/s/1Yo9BRmkdlVe7RgmFDcdzJg 密码：p8e8 长得这样的 还是挺好看的，记住顶部的字体名称：Microsoft YaHe...
2018-04-12 09:36:15
2813
1
原创 eoLinker 接口后台管理环境搭建
在做前后端分离项目的同时，看着文件夹不同时间后缀的接口文档，心里无名之火熊熊燃烧。后来我抱着试试看的态度在网上搜了一下api接口管理，点进去了eoLinker 。从此我开始了学习安装软件的历程。官网介绍 eoLinker全称为easy open linker，意为简易、开放的连接器，通过帮助企业开发人员在线管理接口文档、进行自动化测试、团队协作等，提高企业项目的接口管理水平，提升开发速...
2018-04-02 18:54:22
3297
原创 浏览器 同域 并发请求
起因：在面试时问到，移动端首页是采取5个单独的请求（返回文件小）好，还是1个请求（返回文件大）返回所有的数据好？在开发中发现k线图总有两个是延迟渲染的。解决方案：有关网络问题，一般都是查看浏览器的network。通过查看network发现，chrome浏览器在同一时间内向同域至多发起6个请求。之后的请求，需要等待前6个返回后才能技术发送。总结：同一时间针对同一域名下的请求有一...
2018-03-14 14:14:20
3882
原创 URL解析
URL : 统一资源定位符（Uniform Resource Locator ），用来定位互联网上的资源位置。 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。介绍常见格式如下： scheme://host:port/path?q...
2018-02-11 17:26:00
1437
原创 本地存储 Cookie，Storage
web应用大多数数据都是在远程web服务器上，如果用户网络差，请求时间比较长，则会大大降低用户的使用体验。所以web数据本地化很重要。现在常用的本地化方法有以下几点：cookiestoragecookie存储在浏览器中的一段字符串。打开一个页面，在控制台里输入document.cookie，返回的那段字符串就是cookie。 世界本无cookie，有了http就有它。想...
2018-02-09 16:43:56
473
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人