LIRUN的博客

转载 如何精确统计页面停留时长

没事经常翻翻技术博文，对自己的思路拓展很有帮助，有时候分享真的是一种美德，例如技术可以让生活变得更好，废话不多说，这就分享！来源：字节跳动技术团队https://mp.weixin.qq.com/s/eLPWGqR6hOYVrwfa3OEVMA01背景页面停留时间（Time on Page）简称 Tp，是网站分析中很常见的一个指标，用于反映用户在某些页面上停留时间的长短，传统的Tp统计方法会存在一定的统计盲区，比如无法监控单页应用，没有考虑用户切换Tab、最小化窗口等操作场景。基于上述背景，

转载 网线水晶头接法图解 网线水晶头接法详细步骤

网线水晶头接法图解:如果你想要组建局域网的话，那么网线肯定是少不了的东西，网线水晶头损坏时有发生。那么网线水晶头接法是什么呢?下面IT百科就为大家详细介绍一下网线水晶头接法图解。网线水晶头接法详细步骤:网线水晶头接法步骤一、工具准备1、具有8P槽的压线钳一个。2、五类网线，也就是现在最常用的网线若干米。3、RJ-45插头，也就是所谓的水晶头若干。PS:理论上水晶...

原创 三种方法查看电脑IP地址是否被占用

原创 javascript中的同步和异步

javascript语言是一门“单线程”的语言，不像java语言，类继承Thread再来个thread.start就可以开辟一个线程，所以，javascript就像一条流水线，仅仅是一条流水线而已，要么加工，要么包装，不能同时进行多个任务和流程。其实同步和异步，无论如何，做事情的时候都是只有一条流水线（单线程），同步和异步的差别就在于这条流水线上各个流程的执行顺序不同。最基础的异步是set...

原创 promise解决回调地狱问题

一般来说，我们希望请求数据的代码简洁清晰，具有可读性，所以对重复请求的数据一般可复用是最好的了，故可以封装成一个函数，那么此时会出现一个问题，数据请求是一个异步的过程，无法保证是多个数据请求时返回的顺序，那么如果我们按照同步的逻辑将他们嵌套在一起，此时就会出现一个回调地狱的问题，并且一眼看不出这些代码到底是干什么，必须得读到嵌套得最深处；此时promise可以解决回调地狱得问题，使得代码串联在...

原创 如何使用vue-cli脚手架快速构建一个项目

通常我们做项目，使用vue框架时，通过webpack配置项目文件感到十分繁琐，比较耗时和低效率，此时我们想快速配置完这些东西，这个时候，vue帮我们提供了一个快速搭建项目的工具vue-clivue2.0会用到一些ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听...

转载 Git提交时提示“Please make sure you have the correct access rights and the repository exists.”的解决方法

1.首先打开Git Bash设置名字和邮箱：git config --global user.name "你的名字"git config --global user.email“你的邮箱"2.删除.SSH文件下的known_hosts(.SSH在C:\Users\Windows用户名目录下)3.生成ssh公钥认证所需的公钥和私钥文件ssh-keygen -t rsa -C ...

原创 Node的cookie和session

HTTP协议的无状态性1、HTTP协议的通信模型：基于【请求 - 处理 - 响应】的！2、由于这个通信协议的关系，导致了HTTP每个请求之间都是没有关联的，每当一个请求完成之后，服务器就忘记之前谁曾经请求过！3、如果纯粹基于HTTP通信模型，是无法完成登录状态保持的！每次请求服务器，服务器都会把这个请求当作新请求来处理！4、我们可以通过 cookie 技术，实现状态保持，但是由于c...

原创 Node.js 中 模块 和 包 的概念

Node.js 由三部分组成：ECMAScript 核心 + 全局成员 + 模块成员模块成员的分类模块成员，根据一些区别，又可以分为三大类： 核心模块、第三方模块、用户自定义模块什么是核心模块： 随着Node.js的安装包，一同安装到本地的模块，叫做核心模块； 例如：fs，path等模块，都是由Node.js官方提供的核心模块； 只要大家在计算机中，安装了Node这个应用...

原创 使用模块化方案解决php文件引入js文件过多的问题

使用模块化解决引入js文件过多的问题 例如在一个php文件中需要引入很多的js文件，来实现数据展示，这样会导致该页面看起来既复杂又混乱 解决方案：模块化 什么是模块化呢？ 就是让每个功能相互独立，当我们需要使用某个功能的时候，直接拿过来使用            每个js（文件）就是一个模块            每个js也可以分成多个模块 ...

转载 Git 常用命令速查手册

Git的四个组成部分1、初始化仓库git init 2、将文件添加到仓库git add 文件名                # 将工作区的某个文件添加到暂存区   git add -u                       # 添加所有被tracked文件中被修改或删除的文件信息到暂存区，不处理untracked的文件git add -A           ...

转载 jquery的.html(),.text().val()方法的区别

.html()方法获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容，具体有3种用法：.html() 不传入值，就是获取集合中第一个匹配元素的HTML内容.html( htmlString )  设置每一个匹配元素的html内容.html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数注意事项：.html...

原创 跨域的几种方式

什么是跨域？跨域：就是不同域之间进行相互资源请求；例如：http://www.test.com/index.com  请求  http://www.test01.com/server.php即进行不同的域名下的资源调用。注意：域名对应的IP地址也算是跨域操作；例：127.0.0.1和localhost虽然对应，但在地址栏中算两个域。为什么出现跨域？ 浏览器在解析Jav...

原创 css样式初始化

1、为什么初始化样式？因为各种浏览器存在不同的兼容性问题，不同浏览器有些标签的默认值是不同的，如果没有CSS初始化往往会出现浏览器之间的页面显示差异。初始化样式会对SEO有一定的影响，因为网页加载速度利用合并多个CSS样式，网页进行重新渲染，会影响页面加载速度，对于移动站点与电商SEO，这具有至关重要的作用。总的来说，CSS样式在SEO中最重要的作用，就是平衡链接在内容页面与HTML的展示...

转载 SSL协议

SSL证书的说明什么是SSL证书SSL证书全称为安全套接层协议 (Secure Sockets Layer) 证书，是遵守SSL安全套接层协议的服务器数字证书。它通过加密算法，将HTTP明文传输变成HTTPS暗文传输。由于此协议很好地解决了互联网明文传输的不安全问题，很快得到了业界的支持，并已经成为国际标准。SSL证书展现形式SSL证书通常是一个以.cer为后缀的配置文件。例如...

原创 px、em、rem的区别

px、em、rem的区别1、px是网页布局的相对长度单位。像素px是相对于显示器屏幕分辨率而言的。使用px设置的尺寸在不同的显示屏中尺寸不同，跟像素密度有关系； 如果缩放会有所影响px特点    1. IE无法调整那些使用px作为单位的字体大小；    2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；    3. Firefox能够调整px和em，r...

转载 cookie 和session 的区别详解

定义：当你在浏览网站的时候，WEB 服务器会先送一小小资料放在你的计算机上，Cookie 会帮你在网站上所打的文字或是一些选择，都纪录下来。当下次你再光临同一个网站，WEB 服务器会先看看有没有它上次留下的 Cookie 资料，有的话，就会依据 Cookie里的内容来判断使用者，送出特定的网页内容给你。 Cookie 的使用很普遍，许多有提供个人化服务的网站，都是利用 Cookie...

原创 js高级之浅拷贝和深拷贝的理解

js高级之浅拷贝和深拷贝的理解对象的拷贝分为浅拷贝和深拷贝1、浅拷贝案例：var obj1 = {                    name: "zs",                    age: 20,                    sex: "男",                    dog: {                         ...

原创 谈谈我对js高级的闭包的理解

闭包  Closures★闭包：Closures(闭包)是使用被作用域封闭的变量，函数，闭包等执行的一个函数的作用域。通常我们用和其相应的函数来指代这些作用域（可以访问独立数据的函数）    //来自MDN开发者网络解释；------上面①句话说明闭包是一个作用域------    //来自MDN开发者网络解释；-----上面②句话说明闭包是一个函数-----（可以被函数指代）~~★...

原创 计算机基础认知

♥计算机知识补充：1、系统软件：Windows、Linux、macOS2、输入设备：- 鼠标、键盘、手写板、摄像头等3、 输出设备：- 显示器、打印机、投影仪等4、三大件： CPU、内存、硬盘，而 主板 是起到连接主要硬件的作用          主板：起到连接各个硬件桥梁作用         CPU（中央处理器） ：   - 负责处理数据与运算    - 负责通过...

原创 javascript快速记忆笔记（一）

任何一门语言，都充满刺激和魅力，javascript也不例外，javascript是一门运用在客户端的脚本语言，主要和浏览器的内核（渲染引擎）共同承担浏览器端工作，也称JS引擎，其强大的功能被行业越来越多的使用该技术，其走势也是非常看好！知识点01：Javascript的用途---用来制作web页面交互效果，提升用户体验    例如:可以实现轮播图、tab栏（选项卡）、地图、表单验证   ...

原创 CSS快速记忆笔记（六）

知识点56：margin负值可以压住相邻盒子的边框    border-collapse：collapse；细线表格，可以合并相邻边框线，但只限于表格，在此处并不适用；    margin-方位名词：-1px；浮动会使每个盒子一个紧贴一个，所以，盒子之间不会有间隙；    但当鼠标放上去，要使当前盒子边框高亮显示，会出现一个边被压住问题，这时我们用z-index是不行的，因为z-index是...

原创 CSS快速记忆笔记（五）

知识点44：CSS高级技巧---元素的显示与隐藏    ①display显示（重点）；配合后面js做特效，比如下拉菜单，鼠标经过显示与隐藏。    元素的显示与隐藏：目的就是让一个元素在页面中消失或者显示出来；例如广告。    语法：display：none； 隐藏元素    特点：隐藏元素、不保留位置    语法：display：block；显示元素；除了转换为块级元素之外，同时还有显...

原创 CSS快速记忆笔记（四）

知识点34：CSS定位及特点---position    为什么要用定位？       定位=定位模式+边偏移（重点记忆）    将盒子定位在指定的某一个位置，自由的漂浮在其他盒子（包括标准流和浮动）的上面。    标准流在最底层，浮动在中间，定位在最高层        能说出为什么常用的   子绝父相   布局？    ①边偏移：    定位的盒子，是通过边偏移来移动位置的，一般情...

原创 CSS快速记忆笔记（三）

知识点17：css三大特性---层叠性、继承性、优先级    ①层叠性是指多种CSS样式的叠加，样式不冲突，不会层叠，层叠浏览器处理的原则以目标最近的对象显示（就近原则：长江后浪推前浪，前浪死在沙滩上）    注意：层叠性的条件：样式属性冲突；选择器相同（权重一致）。    ②继承性：子元素会继承父元素的 某些属性和样式，如文本的颜色和字号等，想要设置一个继承的属性，只需要应用给他的父元素。...

原创 CSS快速记忆笔记（二）

知识点12：复合选择器---后代选择器、并集选择器、伪类选择器    更准确更精确，是由两个或两个以上的基础选择器组成，也称组合选择器，    ①后代选择器（重点）---“空格”隔开，又称包含选择器    父级 子孙级 { ……}    ②子元素选择器---“>”    如果孙子和儿子是同一个标签，怎么样选择，直接用父级加上>符号后跟儿子级标签，这样只会选择出儿子级标签元素，...

原创 CSS快速记忆笔记（一）

CSS层叠样式表用来美化网页，被称为网页的美术师，非常有趣和好玩，一起来学习吧！知识点01: CSS---层叠样式表    HTML只关注内容的语义，不能满足设计者的需要，    操作HTML属性不方便，    给代码带来更多的繁琐和臃肿,不易维护，所以它有一定的局限性，    css层叠样式表可以美化网页，称为网页的美容师。    所以HTML专注去做结构呈现，样式交给CSS。知...

原创 html的知识点快速记忆（二）

知识点30：表格、表单、列表标签目的    表格table：用来显示、展示表格数据，特别是在后台引用的时候，显得非常重要，    表格创建：table>tr>td，table定义一个表格标签，tr定义表格中的行，td定义表格中的单元格，必须完整，比较规则。    列表：用来布局的    表单：用来收集用户信息的知识点31：表格属性---在开始标签里去写，默认属性值是像素  ...

原创 html的知识点快速记忆（一）

HTML快速回顾（时间易逝，唯有学而思，思而学才更有味道）知识点01：前端向后台请求的通道是HTTP协议；后台向前端反馈的通道叫接口。知识点02：web组成的三层标准是结构（HTML）、表现样式（CSS）、行为（Javascript）。知识点03：增加页面速度得技巧                 http请求:  服务器--"资源"---请求地址                资...