
学习
文章平均质量分 76
浮光掠影ll
这个作者很懒,什么都没留下…
展开
-
浏览器原理学习笔记
用户在输入URL到页面展示发生了什么浏览器主进程检测用户输入内容,如果是域名,则会补齐协议。如果是不符合域名格式,则会使用浏览器默认搜索引擎进行搜索。在用户输入回车,页面跳转之前,还会在当前页面调用一次beforeunload 事件,数据清理、确认离开。浏览器主进程通过进程间通信 IPC 来将url请求交给网络进程。由网络进程发起请求。网络进程会查找该请求是否在本地有缓存,如果有则使用缓存,如果没有则准备发送网络请求。(这里缓存指强缓存,如果强缓存过期,会进入协商缓存,仍会发送请求)请求首先原创 2023-11-22 20:42:21 · 926 阅读 · 0 评论 -
cookie、session、token理解
Cookie是保存在浏览器上的一些数据,一般通过HTTP响应头set cookie来设置,当然也可以通过JS脚本来直接设置,Cookie是按照网站来进行组织和保存的,每一个网站都可以在浏览器中保存一些Cookie,保存好了之后,浏览器向这个网站发出的请求都会携带这些Cookie,server就可以分析这些Cookie。session是一个抽象概念,指server端生成的能够将用户请求与后台存储的用户状态信息一一对应的会话机制。每一个session都会生成一个唯一的sessionId,并通过cookie传递原创 2022-04-21 18:40:22 · 1209 阅读 · 0 评论 -
redux学习记录
API:1. Store用来保存数据,整个应用只能有一个 Store。通过Redux提供的createStore函数来生成store。import { createStore } from 'redux';const store = createStore(reducer);createStore函数接受另一个函数reducer作为参数,返回新生成的 Store 对象。......原创 2021-12-09 22:13:45 · 281 阅读 · 0 评论 -
em与rem
rem 和 em 单位是由浏览器基于你的设计中的字体大小计算得到的像素值。em 单位基于使用他们的元素的字体大小。rem 单位基于 html 元素的字体大小。em 单位可能受任何继承的父元素字体大小影响rem 单位可以从浏览器字体设置中继承字体大小。使用 em 单位应根据组件的字体大小而不是根元素的字体大小。在不需要使用em单位,并且需要根据浏览器的字体大小设置缩放的情况下使用rem。使用rem单位,除非你确定你需要 em 单位,包括对字体大小。媒体查询中使用 rem 单位不要在多列布局中转载 2020-08-20 12:37:31 · 343 阅读 · 0 评论 -
移动端隐藏滚轮
html::-webkit-scrollbar,body::-webkit-scrollbar { display: none;}html,body { height: 100%; overflow: hidden; overflow-y: scroll; /* 使得ios滑动流畅 */ -webkit-overflow-scrolling: touch;}原创 2020-08-20 12:02:32 · 192 阅读 · 0 评论 -
git问题整理
1.git add . 中提交的某某文件某些文件被忽略,导致commit失败。一般情况下,gitignore会规定一些忽略的文件不会被add,出现这个问题的原因是,在之前的某一次提交中提了这个文件,而之后gitignore规定忽略这个文件,但是git中依然会追踪这个文件,就会出现这个问题。解决方法:通过git rm -r --cached 文件名来清除对文件的追踪,然后再去执行add和commit。2.git本地仓库长时间没有清理,本地的“缓存”太多。解决方法:git fsck --los原创 2020-07-30 20:01:24 · 338 阅读 · 0 评论 -
微信小程序显示空格几种方式
摘录自https://www.cnblogs.com/xiao-ling-zi/p/9323526.html<view> <text style="white-space:pre-wrap">{{text1}} ———— white-space:pre-wrap 文本保留空格和回车</text></view><view> <...转载 2020-04-11 21:00:43 · 8665 阅读 · 0 评论 -
css三栏布局
三栏布局的实现方式有很多种,说起来很容易,但写的时候总是忘记,记录一下。1.浮动实现左边左浮动,右边右浮动,中间使用margin让出位置 <div class="container"> <div class="left">我是左边</div> <div class="right">我是右边</div>...原创 2019-08-12 14:40:27 · 139 阅读 · 0 评论 -
ES6Proxy
之前在写vue项目的时候用到了proxy来进行服务端代理,解决跨域问题。之后发现它的功能远不止这些。看到了一片很好的文章,转载学习原文地址什么是代理模式代理模式(英语:Proxy Pattern)是程序设计中的一种设计模式。所谓的代理者是指一个类别可以作为其它东西的接口。代理者可以作任何东西的接口:网络连接、内存中的大对象、文件或其它昂贵或无法复制的资源。著名的代理模式例子为引用计数(...转载 2019-08-20 16:54:24 · 193 阅读 · 0 评论 -
从VUE双向数据绑定到MVVM模式
实现mvvm的双向绑定,是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。就必须要实现以下几点:1、实现一个数据监听器Observer,能够对数据对象的所有属性进行监听,如有变动可拿到最新值并通知订阅者2、实现一个指令解析器Compile,对每个元素节点的指令进行扫描和解析,根据指令模板替换数据,以及绑定相应的更新函数3、实现一个Watcher,作为连接Observ原创 2019-08-06 17:56:52 · 207 阅读 · 0 评论 -
前端常用缓存技术
原文转载自https://www.cnblogs.com/belove8013/p/8134067.html1、CookieJavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。而cookie是运行在客户端的,所以可以用JS来设置cookie。cookie的结构:简单地说,cookie是以键值对的形式保存的,即key=value...转载 2019-07-17 22:08:29 · 219 阅读 · 0 评论 -
arguments相关知识学习
今天在做题时碰到了这样一段代码var newarr = Array.prototype.slice.call(arguments,1)意思是取函数除了第一个参数之后的剩余参数生成一个新数组newarr。由于arguments是一个类数组,没有slice方法,因此在Array类型的原型链上调用slice()方法;call()函数里面传入arguments和1,是将slice()函数的调用对象设置为...原创 2019-06-20 20:03:43 · 276 阅读 · 0 评论 -
JS移除数组 arr 中的所有值与 item 相等的元素,结果返回新的元素
今天在做题的时候发现了这道很简单的题目,自己用了push方法解决,通过之后看了解析,发现了没有想到的方法觉得很巧妙,记录一下。题目描述移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr,结果返回新的数组输入[1,2,3,4,5] 2输出[1,3,4,5]我的方法(push)function remove(arr, item) { var na = n...原创 2019-06-15 09:58:43 · 1278 阅读 · 3 评论 -
闭包与立即执行函数相关学习
题目实现函数 makeClosures,调用之后满足如下条件:1、返回一个函数数组 result,长度与 arr 相同2、运行 result 中第 i 个函数,即 resulti,结果与 fn(arr[i]) 相同输入 [1, 2, 3], function (x) { return x * x; }输出 4//使用闭包+立即执行函数实现f...原创 2019-06-19 10:44:53 · 126 阅读 · 0 评论 -
call,apply,bind
转载自https://github.com/lin-xin/blog/issues/7apply 和 call 的区别ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法,它们的应用非常广泛,它们的作用也是一模一样,只是传参的形式有区别而已。apply( )apply 方法传入两个参数:一个是作为函数上下文的对象,另外一个是作为函数参数所组成的数组。var o...转载 2019-06-18 21:19:11 · 130 阅读 · 0 评论 -
关于GET和POST的深层理解
get与post的一般区别get是向服务器发索取数据的一种请求;而post是向服务器提交数据的一种请求get参数通过url传递,且用户可以看见;post将表单内容放在request body(请求体)中,对用户是透明的。get请求在url中传递的参数是有长度限制的,但这并不是http对其的限制,而特定的浏览器及服务器对它的限制;post理论上没有大小限制,起限制作用的是服务器的处理程序的处理...原创 2019-03-18 19:56:02 · 973 阅读 · 0 评论 -
CSS常见兼容性问题
1.透明度问题标准浏览器:opacity,IE:IE4-IE9都支持滤镜写法filter: alpha(opacity,finishopacity,style,startX,startY,finishX,finishY)Opacity 透明的程度,百分比 选值0-100,0是完全透明,100是不透明。FinishOpacity 这是一个同Opacity一起使用的选择性...原创 2019-03-20 14:45:54 · 409 阅读 · 0 评论 -
BFC、IFC、GFC、FFC
BFCBlock Formatting Context)块级格式化上下文,指的是一个独立的块级渲染区域,拥有一套独立的渲染规则,该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关。生成BFCfloat的值不为none。overflow的值不为visible。position的值不为relative和static。display的值为table-cell, table-capti...转载 2019-03-20 11:14:32 · 236 阅读 · 0 评论