前端&移动开发
文章平均质量分 81
superaistar
快乐是自律的勤奋努力+敬畏自然,没有意义只是狭隘阻挡了看到未来的视线……加油。
展开
-
如何精确统计页面停留时长
没事经常翻翻技术博文,对自己的思路拓展很有帮助,有时候分享真的是一种美德,例如技术可以让生活变得更好,废话不多说,这就分享!来源:字节跳动技术团队https://mp.weixin.qq.com/s/eLPWGqR6hOYVrwfa3OEVMA01背景页面停留时间(Time on Page)简称 Tp,是网站分析中很常见的一个指标,用于反映用户在某些页面上停留时间的长短,传统的Tp统计方法会存在一定的统计盲区,比如无法监控单页应用,没有考虑用户切换Tab、最小化窗口等操作场景。基于上述背景,转载 2020-08-13 09:29:21 · 1079 阅读 · 0 评论 -
SSL协议
SSL证书的说明什么是SSL证书SSL证书全称为安全套接层协议 (Secure Sockets Layer) 证书,是遵守SSL安全套接层协议的服务器数字证书。它通过加密算法,将HTTP明文传输变成HTTPS暗文传输。由于此协议很好地解决了互联网明文传输的不安全问题,很快得到了业界的支持,并已经成为国际标准。SSL证书展现形式SSL证书通常是一个以.cer为后缀的配置文件。例如...转载 2018-10-17 09:43:21 · 3755 阅读 · 0 评论 -
css样式初始化
1、为什么初始化样式?因为各种浏览器存在不同的兼容性问题,不同浏览器有些标签的默认值是不同的,如果没有CSS初始化往往会出现浏览器之间的页面显示差异。初始化样式会对SEO有一定的影响,因为网页加载速度利用合并多个CSS样式,网页进行重新渲染,会影响页面加载速度,对于移动站点与电商SEO,这具有至关重要的作用。总的来说,CSS样式在SEO中最重要的作用,就是平衡链接在内容页面与HTML的展示...原创 2018-10-29 20:13:56 · 655 阅读 · 0 评论 -
跨域的几种方式
什么是跨域?跨域:就是不同域之间进行相互资源请求;例如:http://www.test.com/index.com 请求 http://www.test01.com/server.php即进行不同的域名下的资源调用。注意:域名对应的IP地址也算是跨域操作;例:127.0.0.1和localhost虽然对应,但在地址栏中算两个域。为什么出现跨域? 浏览器在解析Jav...原创 2018-11-01 13:11:59 · 8091 阅读 · 2 评论 -
jquery的.html(),.text().val()方法的区别
.html()方法获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容,具体有3种用法:.html() 不传入值,就是获取集合中第一个匹配元素的HTML内容.html( htmlString ) 设置每一个匹配元素的html内容.html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数注意事项:.html...转载 2018-11-09 11:03:15 · 259 阅读 · 0 评论 -
Git 常用命令速查手册
Git的四个组成部分1、初始化仓库git init 2、将文件添加到仓库git add 文件名 # 将工作区的某个文件添加到暂存区 git add -u # 添加所有被tracked文件中被修改或删除的文件信息到暂存区,不处理untracked的文件git add -A ...转载 2018-11-09 13:43:58 · 126 阅读 · 0 评论 -
使用模块化方案解决php文件引入js文件过多的问题
使用模块化解决引入js文件过多的问题 例如在一个php文件中需要引入很多的js文件,来实现数据展示,这样会导致该页面看起来既复杂又混乱 解决方案:模块化 什么是模块化呢? 就是让每个功能相互独立,当我们需要使用某个功能的时候,直接拿过来使用 每个js(文件)就是一个模块 每个js也可以分成多个模块 ...原创 2018-11-14 16:01:43 · 437 阅读 · 0 评论 -
如何使用vue-cli脚手架快速构建一个项目
通常我们做项目,使用vue框架时,通过webpack配置项目文件感到十分繁琐,比较耗时和低效率,此时我们想快速配置完这些东西,这个时候,vue帮我们提供了一个快速搭建项目的工具vue-clivue2.0会用到一些ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前用jq随便拿全局变量和修改dom的锤子不能用了,vue只用关心数据本身,不用再频繁繁琐的操作dom,注册事件、监听...原创 2018-12-14 14:53:15 · 869 阅读 · 0 评论 -
promise解决回调地狱问题
一般来说,我们希望请求数据的代码简洁清晰,具有可读性,所以对重复请求的数据一般可复用是最好的了,故可以封装成一个函数,那么此时会出现一个问题,数据请求是一个异步的过程,无法保证是多个数据请求时返回的顺序,那么如果我们按照同步的逻辑将他们嵌套在一起,此时就会出现一个回调地狱的问题,并且一眼看不出这些代码到底是干什么,必须得读到嵌套得最深处;此时promise可以解决回调地狱得问题,使得代码串联在...原创 2018-12-16 21:17:43 · 6514 阅读 · 1 评论 -
javascript中的同步和异步
javascript语言是一门“单线程”的语言,不像java语言,类继承Thread再来个thread.start就可以开辟一个线程,所以,javascript就像一条流水线,仅仅是一条流水线而已,要么加工,要么包装,不能同时进行多个任务和流程。其实同步和异步,无论如何,做事情的时候都是只有一条流水线(单线程),同步和异步的差别就在于这条流水线上各个流程的执行顺序不同。最基础的异步是set...原创 2018-12-17 16:40:23 · 1763 阅读 · 0 评论 -
px、em、rem的区别
px、em、rem的区别1、px是网页布局的相对长度单位。像素px是相对于显示器屏幕分辨率而言的。使用px设置的尺寸在不同的显示屏中尺寸不同,跟像素密度有关系; 如果缩放会有所影响px特点 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firefox能够调整px和em,r...原创 2018-10-11 20:52:14 · 278 阅读 · 0 评论 -
js高级之浅拷贝和深拷贝的理解
js高级之浅拷贝和深拷贝的理解对象的拷贝分为浅拷贝和深拷贝1、浅拷贝案例:var obj1 = { name: "zs", age: 20, sex: "男", dog: { ...原创 2018-09-13 14:02:30 · 598 阅读 · 0 评论 -
html的知识点快速记忆(二)
知识点30:表格、表单、列表标签目的 表格table:用来显示、展示表格数据,特别是在后台引用的时候,显得非常重要, 表格创建:table>tr>td,table定义一个表格标签,tr定义表格中的行,td定义表格中的单元格,必须完整,比较规则。 列表:用来布局的 表单:用来收集用户信息的知识点31:表格属性---在开始标签里去写,默认属性值是像素 ...原创 2018-07-20 13:41:50 · 468 阅读 · 0 评论 -
CSS快速记忆笔记(三)
知识点17:css三大特性---层叠性、继承性、优先级 ①层叠性是指多种CSS样式的叠加,样式不冲突,不会层叠,层叠浏览器处理的原则以目标最近的对象显示(就近原则:长江后浪推前浪,前浪死在沙滩上) 注意:层叠性的条件:样式属性冲突;选择器相同(权重一致)。 ②继承性:子元素会继承父元素的 某些属性和样式,如文本的颜色和字号等,想要设置一个继承的属性,只需要应用给他的父元素。...原创 2018-07-28 23:34:21 · 204 阅读 · 0 评论 -
CSS快速记忆笔记(四)
知识点34:CSS定位及特点---position 为什么要用定位? 定位=定位模式+边偏移(重点记忆) 将盒子定位在指定的某一个位置,自由的漂浮在其他盒子(包括标准流和浮动)的上面。 标准流在最底层,浮动在中间,定位在最高层 能说出为什么常用的 子绝父相 布局? ①边偏移: 定位的盒子,是通过边偏移来移动位置的,一般情...原创 2018-07-28 23:36:23 · 144 阅读 · 0 评论 -
CSS快速记忆笔记(一)
CSS层叠样式表用来美化网页,被称为网页的美术师,非常有趣和好玩,一起来学习吧!知识点01: CSS---层叠样式表 HTML只关注内容的语义,不能满足设计者的需要, 操作HTML属性不方便, 给代码带来更多的繁琐和臃肿,不易维护,所以它有一定的局限性, css层叠样式表可以美化网页,称为网页的美容师。 所以HTML专注去做结构呈现,样式交给CSS。知...原创 2018-07-21 23:47:59 · 1340 阅读 · 0 评论 -
CSS快速记忆笔记(二)
知识点12:复合选择器---后代选择器、并集选择器、伪类选择器 更准确更精确,是由两个或两个以上的基础选择器组成,也称组合选择器, ①后代选择器(重点)---“空格”隔开,又称包含选择器 父级 子孙级 { ……} ②子元素选择器---“>” 如果孙子和儿子是同一个标签,怎么样选择,直接用父级加上>符号后跟儿子级标签,这样只会选择出儿子级标签元素,...原创 2018-07-22 22:35:27 · 309 阅读 · 0 评论 -
CSS快速记忆笔记(五)
知识点44:CSS高级技巧---元素的显示与隐藏 ①display显示(重点);配合后面js做特效,比如下拉菜单,鼠标经过显示与隐藏。 元素的显示与隐藏:目的就是让一个元素在页面中消失或者显示出来;例如广告。 语法:display:none; 隐藏元素 特点:隐藏元素、不保留位置 语法:display:block;显示元素;除了转换为块级元素之外,同时还有显...原创 2018-08-01 17:00:16 · 419 阅读 · 0 评论 -
CSS快速记忆笔记(六)
知识点56:margin负值可以压住相邻盒子的边框 border-collapse:collapse;细线表格,可以合并相邻边框线,但只限于表格,在此处并不适用; margin-方位名词:-1px;浮动会使每个盒子一个紧贴一个,所以,盒子之间不会有间隙; 但当鼠标放上去,要使当前盒子边框高亮显示,会出现一个边被压住问题,这时我们用z-index是不行的,因为z-index是...原创 2018-08-01 17:04:58 · 211 阅读 · 0 评论 -
javascript快速记忆笔记(一)
任何一门语言,都充满刺激和魅力,javascript也不例外,javascript是一门运用在客户端的脚本语言,主要和浏览器的内核(渲染引擎)共同承担浏览器端工作,也称JS引擎,其强大的功能被行业越来越多的使用该技术,其走势也是非常看好!知识点01:Javascript的用途---用来制作web页面交互效果,提升用户体验 例如:可以实现轮播图、tab栏(选项卡)、地图、表单验证 ...原创 2018-08-07 23:13:31 · 997 阅读 · 0 评论 -
谈谈我对js高级的闭包的理解
闭包 Closures★闭包:Closures(闭包)是使用被作用域封闭的变量,函数,闭包等执行的一个函数的作用域。通常我们用和其相应的函数来指代这些作用域(可以访问独立数据的函数) //来自MDN开发者网络解释;------上面①句话说明闭包是一个作用域------ //来自MDN开发者网络解释;-----上面②句话说明闭包是一个函数-----(可以被函数指代)~~★...原创 2018-09-11 20:28:05 · 192 阅读 · 0 评论 -
html的知识点快速记忆(一)
HTML快速回顾(时间易逝,唯有学而思,思而学才更有味道)知识点01:前端向后台请求的通道是HTTP协议;后台向前端反馈的通道叫接口。知识点02:web组成的三层标准是结构(HTML)、表现样式(CSS)、行为(Javascript)。知识点03:增加页面速度得技巧 http请求: 服务器--"资源"---请求地址 资...原创 2018-07-18 23:42:05 · 2097 阅读 · 4 评论