摘要: 原文章地址: vscode: Visual Studio Code 常用快捷键 官方快捷键说明:Key Bindings for Visual Studio Code 主命令框 F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内,可以输入任何命令,例如: 按一下 Backspace 阅读全文
posted @ 2018-11-19 10:25 jnpd 阅读(1207) 评论(0) 推荐(0) 编辑
摘要: 性能优化,主要是为了提高用户体验。1. 根据浏览器的工作原理,dom树解析时,遇到css 以及js 会出现阻塞,为了缩短dom树解析时间,进行了js 增加 async 的异步加载过程 。原有代码当在渲染DOM树的时候,遇到js 加载时,会阻塞dom 解析,先加载js 文件,这样会导致整个dom 树的解析时间过长优化方案: 或 其中 async、defer 的区别: async 是指... 阅读全文
posted @ 2018-03-05 10:21 jnpd 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工作原理,我们将看到从你在地址栏输入google.cn 到你看到google 主页过程中都发生了什么。接下来将基于一些开源浏览器的例子---firfox 、chrom及safari。浏览器的主要功能浏览器主要功能是将用户选择得web 资源呈现出来,它需要从服务器请求资源,并将其显示在浏览器窗口中,资源的格式通常是HTML,也包括PDF、Imag... 阅读全文
posted @ 2018-02-26 14:25 jnpd 阅读(1273) 评论(0) 推荐(0) 编辑
摘要: 页面加载完成有两种事件,一是ready , 表示文档结构已经加载完成(貋图片等非文字媒体文件),二是onload 指示页面包含图片等文件在内的所有元素都加载完成。 1.执行时间不同: 从字面的意思上理解,$(document).ready()就是文档准备好了。也就是浏览器已经解析完整个html文档, 阅读全文
posted @ 2018-02-13 23:40 jnpd 阅读(993) 评论(0) 推荐(0) 编辑
摘要: DOM 含义: DOM 是文档对象模型(Document Object Model) 是一种基于浏览器编程的一套API 接口,我W3C 出台推荐的标准。其赋予了JS 操作节点的能力,当网页被加载时,浏览器就会创建页面的文档对象模型。节点: 根据W3C的HTML DOM 标准,HTML 文档中的所有内容都是节点。1. 整个文档是一个文档节点2. 每个HTML元素是元素节点3. HTML元素内的文本是... 阅读全文
posted @ 2018-02-13 23:31 jnpd 阅读(1333) 评论(0) 推荐(0) 编辑
摘要: 阻止冒泡: 冒泡简单的举例来说,儿子知道了一个秘密消息,它告诉了爸爸,爸爸知道了又告诉了爷爷,一级级传递从而以引起事件的混乱,而阻止冒泡就是不让儿子告诉爸爸,爸爸自然不会告诉爷爷。下面的demo 就是很好的例子 x48 1 2 3 4 5 6 ... 阅读全文
posted @ 2018-02-13 22:02 jnpd 阅读(3740) 评论(0) 推荐(0) 编辑
摘要: 在了解什么是DOM事件以及给DOM事件绑定监听器的几种方法后,我们来谈谈事件委托。1. e.target 和 e.currentTarget当我们给目标元素target 绑定一个事件监听器target.addEventListener(event,function(){}), 并指定回调函数function(e), 函数的参数e表示事件。此时e.target 与 e.currentTarget分别... 阅读全文
posted @ 2018-02-13 22:02 jnpd 阅读(2115) 评论(0) 推荐(0) 编辑
摘要: 1 发布时,提示“未知错误” 原因:API地址填写错误,为知笔记的“帮助”中写的博客园API是错误的,中间填写的不是博客名,而是申请时的域名。 http://www.cnblogs.com/申请时的域名/services/metablogapi.aspx http://www.cnblogs.com 阅读全文
posted @ 2018-02-12 17:21 jnpd 阅读(321) 评论(0) 推荐(0) 编辑
摘要: 方案一: 基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点,也就是两个页面必须属于一个基础域(例如都是xxx.com,或是xxx.com.cn),使用同一协议(例如都是 http)和同一端口(例如都是80),这样在两个页面中同时添加document.domain,就可以实现父页面调用子页面的函数,代码如下: 页面一: HTML代码 ... 阅读全文
posted @ 2018-02-12 17:20 jnpd 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 问题:parent.vue 父组件 child.vue 子组件 {{childObject.items[0]}} 通常用v-if 解决 报错问题,以及create 的时候,childObject 值为空的问题方式一 用 v-if 解决parent.vue 父组件 child.vue 子组件 ... 阅读全文
posted @ 2018-02-12 17:19 jnpd 阅读(506) 评论(0) 推荐(0) 编辑