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