- 博客(30)
- 收藏
- 关注
RSS订阅转载 Chrome 的V8 引擎简介
随着Web相关技术的发展，JavaScript所要承担的工作也越来越多，早就超越了“表单验证”的范畴，这就更需要快速的解析和执行JavaScript脚本。V8引擎就是为解决这一问题而生，在node中也是采用该引擎来解析JavaScript。V8是如何使得JavaScript性能有大幅提升的呢？通过对一些书籍和文章的学习，梳理了V8的相关内容，本文将带你认识 V8。 1.渲染引擎及网页渲染...
2019-08-24 11:34:22
788
原创 禁止选中网页中的内容
在网页中进行用户操作时，会遇到当用户拖动鼠标时，选中网页中的部分内容，影响用户体验。所以我们要解决这种问题，提升用户体验。方法：①css*{moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:non...
2019-08-24 08:45:39
249
转载 浅谈：浏览器的工作原理
前面的话 浏览器（browser application）是专门用来访问和浏览万维网页面的客户端软件，也是现代计算机系统中应用最为广泛的软件之一，其重要性不言而喻。前端工程师作为负责程序页面显示的工程师，需要直接与浏览器打交道。本文将详细介绍浏览器的工作原理组成 浏览器的组成如下图所示 主要组件包括： 1. 用户界面 － 包括地址栏、后退/前进按钮、书签目录等...
2019-08-23 19:41:35
191
原创 Js中window与document对象的区别
window对象和document对象的区别：一般来讲，一个window里就是一个document，但是，iframe里面也可以装个document，在iframe里面就有区别了alert(document.location===window.location);//true不要混淆Window对象的location属性和Document对象的location属性...
2019-08-23 17:47:46
2040
1
原创 DOMContentLoaded、ready、load 事件的区别
事件 DOMContentLoaded、ready 和 load 之间的区别：触发的时机不一样，先触发DOMContentLoaded事件，后触发load事件。 DOM文档加载的步骤为： 解析HTML结构。 加载外部脚本和样式表文件。 解析并执行脚本代码。 DOM树构建完成。//DOMContentLoa...
2019-08-23 15:34:39
795
原创 JavaScript的阻塞问题，以及在浏览器中的执行
script 标签的4个属性：async： 表示应当立即下载脚本，但不应妨碍页面中的其他操作（延迟执行），比如下载其他资源或者等待加载其他脚本。之 对外部脚本文件有效。 defer： 表示脚本可延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。 src： 表示包含执要行代码的外部文件。 type： 表示编码使用的脚本语言的内容类型（也...
2019-08-23 15:17:09
775
转载 jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解
1、(function($) {…})(jQuery);1）、原理：这实际上是匿名函数，如下：function(arg){…}这就定义了一个匿名函数，参数为arg而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即：(function(arg){…})(param)这就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这...
2019-08-22 10:19:28
266
原创 为什么要阻止表单的默认处理？
用户单击提交按钮或图像按钮时，就会提交表单。使用<input>或<button>都可以定已义提交按钮，只要将其type特性的值设置为"submit"即可.而图像按钮则是通过将<input>的type特性值设型力image*来定义的。因此，只要我们单击以下代码生成的按钮，就可以提交表单<!--通用提交按钮-><inputtyp...
2019-08-21 19:02:53
1237
转载 JavaScript的严格模式与非严格模式的区别
对于 JavaScript 严格模式与非严格模式的区别，强烈建议大家去查看权威文档 MDN: 严格模式，不要乱找百度，本文也主要是参考了 MDN 上对 JS 严格模式 的介绍。首先，严格模式通过抛出错误来消除一些原有的静默错误。其次，严格模式修复了一些导致JavaScript引擎难以执行优化的缺陷：有时候，相同的代码，严格模式可以比非严格模式下运行的更快。第三，严格模式禁用了在ECMASc...
2019-08-20 10:40:00
711
原创 函数调用栈(call stack)是什么，以及在断点调试中的使用。
调用栈 (Call Stack)：https://segmentfault.com/a/1190000010360316 调用栈其实就是一种解析器去处理程序的机制，它是栈数据结构。它能追踪子程序的运行状态。当脚本要调用一个函数时，解析器把该函数添加到栈中并且执行这个函数。并形成一个栈帧 任何被这个函数调用的函数会进一步添加到调用栈中，形成另一个栈帧,并且运行到它们被上个程序调...
2019-08-19 19:16:45
4389
原创 Dos操作命令总结之：ping 命令
ping 命令：参考链接：DOS命令大全https://product.pconline.com.cn/itbk/software/os/1404/4604099.htmlping命令的解析https://blog.csdn.net/hezeyujiang/article/details/79504038Windows常用网络命令https://blog.csdn.n...
2019-08-16 19:30:41
250
原创 前端学习方法及总结
2019.08.16清楚调用关系消息的来龙去脉功能模块的深入理解页面、功能的入口，页面代码的执行过程调用栈做好笔记和记录，把理解的东西输出写下来，把不懂得记录下来。单目跟踪消息序列图不懂得没见过的知识点、名词去百度，查看红宝书每周做好周总结，要有实实在在的输出，文字形式，微信端、管理后台，进去搞明白每个模块的原理。2019.08.1...
2019-08-16 18:17:56
192
原创 a嵌套img标签的问题
2019.08.16 周五：html结构是这样的，未使用任何样式！<body><div id="container"> <a href="#"><img src="favicon.png" alt="logo"></a></div></body>但在chrome的开发者工具中查看，a的高度并...
2019-08-16 17:47:21
2451
原创 span标签之间出现间隙问题
2019.08.16 周五：<span>1</span><span>2</span><span>3</span><span>4</span>原因：换行空格都会被当成一个空格。<span>1</span><span>2</span&g...
2019-08-16 17:44:57
852
转载 <img>元素底部为何有空白？
作者：尤雨溪链接：https://www.zhihu.com/question/21558138/answer/18615056来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。要理解这个问题，首先要弄明白CSS对于 display: inline 元素的 vertical-align 各个值的含义。vertical-align 的默认值是 baselin...
2019-08-16 17:30:34
83
转载 浏览器拦截js打开新窗口的解决方案
今天技术大佬问了我一个问题：使用js在浏览器中打开新的窗口，什么时候会被拦截？什么时候不会被拦截？一下给我问住了·······于是上网百度的一波~常用的两种打开新窗口的方式window.open() 用a标签的target="_blank" 在模板中插入一个a标签，然后javascript去触发a链接的click，实现跳转。（该方法在jQuery跟js中有坑...）//**...
2019-08-15 11:42:04
652
转载 前后端分离架构概述
原文链接：https://blog.csdn.net/fuzhongmin05/article/details/81591072图片复制过来，建议去看原文！！！！！！！！！！1、背景前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务...
2019-08-14 17:47:58
169
原创 jQuery实现点击复制效果
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>target-input</title><meta name="viewport" content="width=device-width, initial-scale=1"&g...
2019-08-13 08:52:43
3313
原创 Markdown基本语法
Markdown是一种纯文本格式的标记语言。一、标题在想要设置为标题的文字前面加#来表示一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。注：标准语法一般在#后跟个空格再写文字，貌似简书不加空格也行。示例：# 这是一级标题## 这是二级标题### 这是三级标题#### 这是四级标题##### 这是五级标题###### 这是六级标题效果如下：这是...
2019-07-31 11:48:00
86
原创 《低级错误总结》
工作中常常还会因为一些低级的错误，导致开发效率地下，这些错误是通过强化意识可以避免的。① 直接给行内元素设置 width height② css选择权重不够，导致的样式添加不上...
2019-07-31 11:40:51
288
原创 网站菜单针对永华体验的优化
转：https://www.cnblogs.com/redjoy/p/7270193.html在较多电商类网站中，总会有竖排主类别菜单，鼠标滑动右侧显示分类下的详细类别，但因为是竖排分类，就可能会出现鼠标滑动时，只是想单纯的在露出的详细分类下，点击当前分类下的某个分类，但是因为鼠标滑动经过了其他分类，子分类菜单就被切换走了，只能鼠标平移至右侧，用户体验是极不好的。比如下图在选择了 “...
2019-07-30 17:51:14
638
转载 三十年软件开发之路：老码农的自我修养！
原文：https://blog.juliobiason.net/thoughts/things-i-learnt-the-hard-way/软件开发先明确问题，再开始写代码如果你不知道你想要解决的问题是什么，那你肯定就不知道要写些什么代码。在编写任何代码之前，先明确地把应用程序是如何工作的写下来。“如果没有需求或设计，编程就是向空文本文件不断增加bug的艺术...
2019-07-29 18:09:16
1185
转载 实现让网页标签页头部有新消息提醒和让网页的Title标题文字滚动显示效果
转自：https://www.cnblogs.com/pipixiaolaohu/p/7890378.html1.http://www.qdfuns.com/notes/44322/c0f113eae21acef5c8c109408e8be641.html<!DOCTYPE html><html lang="en"><head> <...
2019-07-19 14:23:57
2378
转载 CSS渐变属性（gradient）的用法
渐变分为线性渐变和径向渐变，所谓渐变就是几种颜色之间的平稳过渡。线性渐变线性渐变（linear-gradient）实现线性渐变，你至少需要定义两种颜色的结点，这两种结点就是你想平稳过渡的颜色，即：其中一种颜色结点为起点，另一种颜色结点为结束点。书写：background: linear-gradient(color1,color2);color1为起点结点，color2为结束...
2019-07-18 15:28:05
952
转载 Vue开源项目汇总(史上最全)
Vue开源项目汇总(史上最全)(转)目录UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例UI组件element★13489 - 饿了么出品的Vue2的web UI工具套件 Vux★8133 - 基于Vue和WeUI的组件库 iview★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui★6253 - Vue 2的移动UI...
2019-07-17 11:08:30
5856
转载 事件轮询(Event Loop)
今天在看Node.js的时候接触到了轮询的概念，原来一直不知道，轮询一直存在于JavaScript中，每天都在接触它，然而并不知道，哈哈。一、概念理解事件轮询（Event Loop）是一个很重要的概念，指的是计算机系统的一种运行机制。JavaScript语言就是采用的这种机制，来解决单线程运行带来的一些问题。想要理解EventLoop，就要从程序的运行模式讲起。运行以后的程序叫做...
2019-07-16 15:17:55
746
转载 常见的HTML5语义化标签
<title>：页面主体内容。<hn>：h1~h6，分级标题，<h1> 与 <title> 协调有利于搜索引擎优化。<ul>：无序列表。<li>：有序列表。<header>：页眉通常包括网站标志、主导航、全站链接以及搜索框。<nav>：标记导航，仅对文档中重要的链接群使用。（因为搜索...
2019-07-16 09:21:14
353
原创 几种实现动画效果的优化方法(will-change属性的使用）
几种实现动画效果的优化方法： 准备知识 GPU是图形处理器，专门处理和绘制图形相关的硬件。GPU是专为执行复杂的数学和几何计算而设计的，使得CPU从图形处理的任务中解放出来，可以执行其他更多的系统任务 所谓硬件加速，就是在计算机中把计算量非常大的工作分配给专门的硬件来处理，减轻CPU的工作量 CSS的动画、变形、渐变并不会自动触发GPU加速，而是使...
2019-07-11 11:02:10
2952
转载 html字符实体大全
转载自http://www.cnblogs.com/kiter/archive/2011/08/05/2128309.htmlhttp://blog.csdn.net/ol_jack/article/details/51872205https://blog.csdn.net/ownfire/article/details/53941723特色的© ©...
2019-07-11 10:53:49
1007
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人