笔记
bowlingQ
这个作者很懒,什么都没留下…
展开
-
算法笔记--堆排序
我变成大三了学习昨天周学长问我学习的事了,让我多看看红宝书,多练练算法。整体来说就是多打基础。铁打的基础,流水的框架。框架想吃透,js基础和算法也是关键点,和其他小伙伴的进度做对比,本来我是有点着急去学各种框架的。经过学长这一说。框架终究是一个工具,会使用工具并不算你厉害。所以后面就先把算法和红宝书搞定后,就攻react源码。原来的vue源码当时是明白了,现在记得很模糊了,回头来再复习。最后攻小程序。看看当时情况再看看一些新技术。项目经验感觉现在已经不少了,原来写的项目也可以用新的技术栈重构完善。.原创 2021-10-30 22:24:00 · 82 阅读 · 0 评论 -
前端性能检测Performance
前端性能检测Performancehttps://developer.mozilla.org/zh-CN/docs/Web/API/PerformancePerformance 接口可以获取到当前页面中与性能相关的信息。它是 High Resolution Time API 的一部分,同时也融合了 Performance Timeline API、Navigation Timing API、 User Timing API 和 Resource Timing API该类型的对象可以通过调用只读属性原创 2021-10-04 18:37:26 · 525 阅读 · 0 评论 -
fetch小解
fetch小解原生xhr、jquery ajax、axios、fetch对比// 原生XHRvar xhr = new XMLHttpRequest();xhr.open('GET', url);xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText) // 从服务器获取数据原创 2021-09-27 00:41:03 · 77 阅读 · 0 评论 -
Promise小解
Promise源哥的promise代码MDNPromise底层代码,核心可看258行https://github.com/zloirock/core-js/blob/master/packages/core-js/modules/es.promise.js Internal.prototype = redefineAll(PromiseConstructorPrototype, { // `Promise.prototype.then` method // https://tc原创 2021-08-16 08:56:56 · 293 阅读 · 0 评论 -
cookie和session、localStorage和sessionStorage小解
cookie和session、localStorage和sessionStorage一、cookie和session二、localStorage和sessionStorageWebStorage一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别:1、保持状态:cookie保存在浏览器端,session保存在服务器端2、使用方式:(1)cookie机制:如果不在浏览器中设置过期时间,cookie被保存在内存中,生命周期随浏览器的关闭而结束,这原创 2021-08-02 22:02:42 · 224 阅读 · 0 评论 -
防抖与节流
防抖与节流浏览器对事件的优化一般我们屏幕的帧率是每秒60帧,也就是60fps,但是某些事件触发的频率超过了这个数值,比如 wheel, mousewheel,mousemove,pointermove,touchmove,这些连续性的事件一般每 秒会触发60~120次,假如每一次触发事件都将事件发送到主线程处理,由于屏幕的刷新速率相对 来说较低,这样使得主线程会触发过量的命中测试以及JS代码,使得性能有了没必要的损耗。 出于优化的目的,浏览器会合并这些连续的事件,延迟到下一帧渲染是执行,也就是 req原创 2021-05-05 11:00:09 · 185 阅读 · 0 评论 -
Array.prototype.map.call(list,Function)和list.map(Function)的区别
1、mapmap() 方法创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值。tips:注意map返回的是个新数组,原数组不改变,如果要改变原数组可以使用forEach、forin对数组进行操作,也可以用对map回调函数中的原数组进行操作。...原创 2021-05-04 09:58:46 · 1370 阅读 · 1 评论 -
银色山坡
web 这是俺的复习计划,截止到4.20号才复习到es6,其实并不全是复习了,webpack+js模块化+ts+electron是没学的。这周貌似就写了个弹幕的程序,不过年会也用不上了。正在复习es6~es10,时间过得真快啊。这周忙忙碌碌的但是好像也没学到多少东西。Life 这周好像是忙忙碌碌的,好像又不知道忙了啥。嗐,希望下周的生活能够更有计划一点。 最近剪学长学姐的祝福视频的时候,都是什么腾讯、字节、新浪。属实有点羡慕的。前天学姐也拿过了百度的面试,羡慕啊。希望自己努力搞一年也能进大原创 2021-04-24 21:34:22 · 253 阅读 · 0 评论 -
es6(持续更新)
1、let定义的变量为局部作用域,常用于for循环内的点击响应函数时的使用,使用var则不行2、const - const声明变量时一定要赋初始值 const A=0; - 常量的值不能修改 - 对于数组和对象的元素的修改,不算对常量的修改 - 一般常量使用大写(潜规则)const a=100; - 声明的变量为块级作用域3、变量的解构赋值 数组的结构: const F4=[ ' A ' , ' B ' , ' C ' ]; let[ xiao , zhang , li ]=F4;原创 2021-04-24 15:42:32 · 75 阅读 · 0 评论 -
百度地图获取经纬度
菜鸟教程评论区看到的,记录一下,方便后面查看<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <!--引入百度 API,"ak=" 后面一串码是密钥,最好自己申请--> <script type="text/javascript" src="https://api.map.baidu.com.原创 2021-03-30 21:40:52 · 555 阅读 · 1 评论 -
03-29周总结
这周过的好快 项目基本要结项了,这周零零散散的穿插着复习和项目,就像以前一样做了一周该做的事情。 总觉得这周好像是有什么值得期待的东西,但是又想不起来了。有件事应该是让我蛮期待的,但又有点疑惑,疑惑得让我提不起兴趣了。真怪。八里沟 我只想说 针 不 戳 ,印象比较深的是绝壁天梯,这20花的真值????,上山和下山的路有 爬 山 那味了,山上人比较少,虽没有什么特别奇特的景观,却也别有一番滋味。 by the way,那个拿着辣条的????挺搞的,不多说了 上图上图...原创 2021-03-29 09:02:14 · 54 阅读 · 1 评论 -
css复习
background-size原创 2021-03-25 11:11:14 · 43 阅读 · 0 评论 -
HTML5 复习
videoMDNJS操作css object-positionaudioMDN原创 2021-03-23 16:50:02 · 83 阅读 · 0 评论 -
Input与Select设置CSS宽度相同时显示宽度不同
select的css width样式,包含边框和内边距,即:真实的width=CSS width。而input的css width样式,则不包含边框和内间距,真实的width=CSS width + border + padding。解决的方法:给select添加 box-sizing: border-box;这就结束了?当然不每次写页面时,我都会习惯地在顶部写上这个*{ margin: 0; padding: 0; box-sizing: border-box;}那讲道.原创 2021-02-24 16:16:20 · 461 阅读 · 0 评论 -
2020-12-19周总结
Life这周又是想复习但是没复习的一周,下周一定。。。骆佳老师又提问我了,一节课提问我四次,也是没谁了。好人好书老师留的期末作业,今天下午才完成50%;今天晚上回去肝完。。突然感觉这周过...原创 2020-12-20 08:38:30 · 89 阅读 · 1 评论 -
form表单阻止默认提交
οnsubmit=“return prevent_exist()”function prevent_exist() {let tips = document.querySelector(".tips_department");if (tips){return false;}}原创 2020-12-18 22:36:15 · 393 阅读 · 0 评论 -
Git_Note
初始配置配置文件为 ~/.gitconfig ,执行任何Git配置命令后文件将自动创建。git config --global user.email “[email protected]”git config --global user.name “XXX”常用命令初始化新仓库 git init克隆旧仓库 git clone https://gitee.com/houdunwang/hdcm...原创 2020-12-13 16:41:31 · 79 阅读 · 0 评论 -
开启display: inline-block,部分元素上下浮动不对齐
我们通常用display:inline-block;来使两个块元素并排横向排列,但是当我们左右两个元素高度不一时,就会出现两个元素发生了上下浮动现象。原因是因为当我们开启display:inline-block;之后,两个元素的对准基线发生了改变,元素的底作为了基线。我们可以开启bfc打破这个规则,也可以直接改变基线对准规则来解决这个问题。...原创 2020-11-18 15:39:30 · 404 阅读 · 1 评论 -
偏门却又实用的 CSS 样式
转载链接地址转载 2020-11-17 08:24:14 · 87 阅读 · 0 评论 -
node笔记1
1、通过在node里面运行 console.log(arguments.callee+"")(后面加上字符串是为了转化为string类型)function (exports, require, module, __filename, __dirname) { console.log(arguments.callee+"")}说明在node里面始终是函数作用域,在node里面有一个全局对象global,它的作用和网页中的window类似,当node在执行模块中的代码时他会在上下加入函数func原创 2020-09-14 11:20:05 · 168 阅读 · 2 评论 -
关于this指向问题
普通函数中的this指向的是调用它的对象,如果没有直接调用对象,会指向undefined或者window,一般都会指向window,在严格模式下才会指向undefined。 var x=1; var a={ x:2, say:function(){ console.log(this.x) } } a.say();// console.log为2a为调用函数,所以指向a用的x var aa=11; function test1(){ this.aa=22;原创 2020-09-07 14:11:13 · 169 阅读 · 0 评论 -
用line-height来居中遇到的问题
line-height==height,可以很方便的使元素居中,可子元素所有字体的行高都是一样的了,如果有二级菜单什么的,可能会造成字体行高相关问题。需要重新设置下。原创 2020-09-07 10:56:27 · 348 阅读 · 0 评论 -
input相关问题总结
一、onfocus上次项目使用这个东西然后一直出现未知错,特此写下,方便自己回头复习。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div class="inpuit_contain"> <input type="text" class="b"原创 2020-09-07 10:54:04 · 153 阅读 · 0 评论 -
a标签中使用onclick提示function未定义
<a href="javascript:;" onclick="text()">leave a message</a>今天做东西的时候,发现在a标签中使用onclick触发函数,一直报错,显示function未定义,开始还以为是我太长时间没有写代码,不会写了。后面反复操作和百度。发现是function命名的问题。我找到的一种说法是:函数名不能和页面的某个标签的id名相同。一些浏览器可以通过在js代码中指定ID访问节点元素,然后定义的函数就会被DOM中的元素覆盖了。您需要重命名原创 2020-07-07 01:17:32 · 5170 阅读 · 0 评论 -
failed to push some refs to git
当你创建一个仓库进行初次提交的时候,你想用$ git push -u origin master讲本地库上传到GitHub,但是他冒出了$ git push -u origin masterTo [email protected]:zbl666/Git_Note.git ! [rejected] master -> master (non-fast-forward)...原创 2020-04-17 11:37:58 · 104 阅读 · 0 评论 -
灵活轮播图(append 、clone小解)
当我们前后端交互的时候,我们写的轮播图要灵活一点。当我们写滑动形式的轮播图时,最后面往往要加上若干个代码块和前几个相同,以此达到轮播图最后一张到第一张的过渡。以这个为例这是6个图片,但是我们要最后再加上4个已完成过渡以往像这种我会直接在html里面写10个但是前后端交互的时候,a标签的数量都时后端遍历传过来的。所以最后四个我们应该用js来解决。这时候我们就会想到js中的append...原创 2020-03-18 14:27:39 · 223 阅读 · 2 评论 -
增删改查
话不多说,直接上代码` background <body> <div class="container-fluid container-fluid-bl"> <div class="row"> <div class="col-2 tab-dark"> <div class="...原创 2020-03-16 22:13:52 · 535 阅读 · 5 评论 -
for循环绑定单击响应函数的相关问题的解决
当我们利用for循环绑定单击响应函数时,for循环会在页面一打开就完成全部循环,如下例:console.log(i)永远输出都是4。<body> <ul> <li></li> <li></li> <li></li> <li></li> <...原创 2020-02-21 13:13:22 · 558 阅读 · 3 评论 -
this和call、apply小记
this以函数调用时,this指的时window以方法调用时,this指的是方法的对象以构造函数调用时,this指的是函数创造的对象使用call和apply时,this指的是call和apply指定的对象call和apply这两个都是函数对象的方法,需要函数对象来调用当对函数调用call和apply时,都会调用函数执行当调用call和apply可以调用一个对象作为第一个参数,...原创 2020-01-09 21:49:04 · 146 阅读 · 1 评论 -
构造函数的原型对象之prototype小解
在js中我们常常使用构造函数今天我们来讲一下构造函数的prototype属性function Person(){}var a=new Person();console.log(a)在检查下发现Person类中有个prototype属性,这就是我们今天要说的原型对象当我们在全局作用域中创建一个个构造函数时,就会对全局作用域造成污染,如上代码,当我们再次创造一个Person构造函数...原创 2020-01-09 20:20:49 · 223 阅读 · 1 评论 -
原生js实现用户登陆验证
目的:我们要想实现利用正则实现用户登陆验证,正确则跳转到个人主页,错误则提示输入错误我们会想到用form表单来实现页面的跳转,但使用form表单就无法利用正则来判断输入的数据的正错,无论输入对错,都会跳转到action的页面所以我们选择利用原生js来实现我们想要的效果首先我们需要获取输入框的值:我们还是用到了from表单????先给form加个name属性,再给input加个name属性&l...原创 2019-12-20 11:14:12 · 2737 阅读 · 5 评论 -
布局那些事
布局小记一个网页的布局大致分三部分:头部、内容、底部。 关于布局,首先要加上*{ margin: 0; padding: 0; box-sizing: border-box; } 删除浏览器的默认样式,再加上个盒子,保证元素的大小尽在自己的掌控之中 布局的方法有很多,比较常见的是使用浮动和弹性盒子来达到我们想要的效果。 使用浮...原创 2019-12-10 15:18:12 · 237 阅读 · 2 评论 -
##运用console.log();寻找代码错误(实例)
运用console.log();寻找代码错误实例11.2在一个瞌睡的下午,我重学js知识,我看见了菜鸟教程的小灯泡js,觉得很好玩,于是我想要自己试试(上次学的时候没看懂,就直接过了),当我艰难的打出以下代码时以下代码时发现并不能像菜鸟教程上的小灯泡那样,通过点击灯泡进行灯泡的开关当小蓝人图片跳转到儿童运动场图片时,再点击却跳转不会小蓝人页面了,这和小灯泡的效果不一样。只能刷新页面才能回到...原创 2019-12-02 21:05:10 · 791 阅读 · 4 评论