1.script标签的默认行为
首先我们先来看一下 <script> 标签 的几个重要特性:
script标签的会阻止文档渲染。相关脚本会立即下载并执行。
注意:(不带defer或async属性)document.currentScript 可以获得当前正在运行的脚本(Chrome 29+, FF4+)。
脚本顺序默认情况下和script标签出现的顺序一致。
先来看一个例子,用这个例子来说明 script 的加载顺序问题。
Quick note
首先我们先来看一下 <script> 标签 的几个重要特性:
script标签的会阻止文档渲染。相关脚本会立即下载并执行。
注意:(不带defer或async属性)document.currentScript 可以获得当前正在运行的脚本(Chrome 29+, FF4+)。
脚本顺序默认情况下和script标签出现的顺序一致。
先来看一个例子,用这个例子来说明 script 的加载顺序问题。
Object.assign函数的使用,使用该函数我们可以快速的复制一个或者多个对象到目标对象中,本文内容涉及es6,es7相关的对象复制的内容,以及一些es5的替代方案的介绍。
首先看一下函数的定义:
函数参数为一个目标对象(该对象作为最终的返回值),源对象(此处可以为任意多个)。通过调用该函数可以拷贝所有可被枚举的自有属性值到目标对象中。1
Object.assign(target, ...sources);
这里我们需要强调的三点是:
拷贝过程中将调用源对象的getter方法,并在target对象上使用setter方法实现目标对象的拷贝。
我们在使用gulp的时候,有时候需要按顺序,有先后的同步的执行gulp任务,这时候就需要gulp-sequence这个插件了
用法都在下面啦~
JavaScript的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?
任务可以分成两种,==一种是同步任务(synchronous),另一种是异步任务(asynchronous)==。同步任务指的是,在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务;异步任务指的是,不进入主线程、而进入”任务队列”(task queue)的任务,只有”任务队列”通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。==执行栈执行的是同步任务==
和transition相比,animation还可以自定义多个关键帧,浏览器将会负责计算和插入关键帧的虚拟动画帧
CSS3提供了transition的动画支持,transition动画可以控制HTML组件的某个属性发生改变时会经历一段时间、以平滑渐变的方式发生改变,从而产生动画效果。
transition-timing-function:指定渐变的速度
1 | ease: 动画开始时较慢,然后速度加快,到达最大速度后再减慢速度 |
transition-delay:指定延迟动画开始的时间,如 0.5s
tag:
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录(注意不是yilia根目录)执行以下命令:
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置:
jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: false
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true