Yx1aoq1's Blog.

Yx1aoq1's Blog.

it's better to burn out than to fade away

Webpack学习笔记

Webpack 基本介绍▼ 什么是Webpack:webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sass),但我们无须在上面花费太多心思,因为 webpack 有着各种健全的加载器(loader)在默默处理这些事情。 ▼ 为什那么要使用Webpack:现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,...

Vue.js学习笔记(01)

Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。 ▼ 什么是MVVM:MVVM(Model View ViewModel)是一种基于MVC的设计,开发人员在HTML上写一些Bindings,利用一些指令绑定,就能在Model和ViewModel保持不变的情况下,很方便的将UI设计与业务逻辑分离,从而大大的减少繁琐的DOM操作。 Model代表我们整个webapp所需要的数据模型,一个典型的例子就是用户信息Model,它应该含有(姓名,年龄等属性)。Model含有大量信息,但它并不具有任何行为逻辑,它只...

前端自动化工具

在这段时间工作的时候,遇到了很多以前没有接触过的名词,比如fekit,Webpack之类的,也用小黑框输入了很多指令,但是对于它们都做了些什么还不太清楚。 前端自动化工具都做了什么前端自动化工具有很多,其中如Grunt,Gulp,Webpack什么的各种常见,当然还有很多其他的各种不明意义的词。它们到底做了些什么呢? 作为开发工具,其实它们本质上做的事可以分为: 帮你安装东西 帮你做事 再将两个事拓展一下,可以大致为: 拷贝安装CSS库、JS库 为你的开发环境安装服务器 安装测试库、其他的开发工具等 在一个文件中替换文本字符串 创建文件夹,并且将文件转移到这些文件夹中 用一条单命令...

jQuery源码学习笔记(01)

总体架构自调用匿名函数123(function( window, undefined) { // jquery code})(window); ▼ 使用自调用匿名函数的原因: 通过定义一个匿名函数,创建了一个“私有”的命名空间,该命名空间的变量和方法,不会破坏全局的命名空间,保证jQuery创建的变量不能和导入他的程序所使用的变量发生冲突。 ▼ 自调用匿名函数的写法: 写法11234(function() { // code}(window));//括号包括了函数参数 写法21234(function() { // code ...

DOM基础知识巩固

DOM本质DOM(Document Object Model)是浏览器将文档转换成的一个树形对象模型,使之能够识别并且进行js操作。 DOM节点操作获取DOM节点 document.getElementById document.getElementsByTagName document.getElementsByClassName document.querySelectorAll property与attribute虽然property与attribute两者皆可翻译为“属性”,但二者的本质实际上是有很大区别的。 property是DOM中的属性,是JavaScript里的对象;...

JS定时器与单线程

JavaScript单线程众所周知,JavaScript语言是单线程的,简而言之就是在同一时间内只能执行一段代码,如果这段代码很长很长,后续的代码也只能等待前一段代码执行完才能够执行。 这里有个例子:12345678910111213var date = new Date();//打印才进入时的时间console.log('first time: ' + date.getTime());//一秒后打印setTimeout里匿名函数的时间setTimeout(function(){ var date1 = new Date(); console.log('second tim...

页面加载——浏览器渲染

一个网站在浏览器端是如何进行渲染的呢? 根据HTML结构生成DOM tree 根据CSS生成CSSOM 将DOM和CSSOM整合形成RenderTree 根据RenderTree开始渲染和展示 遇到<script>时,会执行并阻塞渲染 顺序执行、并发加载因为解析过程是一个从上到下的过程,所以渲染过程是顺序执行的。而所谓的并发加载指的是当浏览器引入<link>或<script>,多个标签的资源可以并发加载。但是并发度是受浏览器自身能力限制的。 对于<img>所载入的图片,是异步请求的,并不会阻塞页面的渲染,图片的加载速度受其本身大小的影响...
Yx1aoq1
Salted fish every day