随笔分类 - 前端WEB
摘要:
Vuex就是面向Vue的状态管理组件,采用集中式存储+管理应用的所有共享状态。目的是解决复杂系统中不同模块、父子模块之间的通信问题。
阅读全文

摘要:
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,同他周边的生态共同构成了一个灵活的、渐进式的前端框架。
本文内容是关于组件式开发,为了复用提供的各种机制,如混入、指令、过滤器,及Vue插件开发。
阅读全文

摘要:
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,同他周边的生态共同构成了一个灵活的、渐进式的前端框架。
本文内容包括模板的基本语法,及各种指令的使用,最后总结了Vue动画的使用。
阅读全文

摘要:
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,同他周边的生态共同构成了一个灵活的、渐进式的前端框架。
本文内容首先了解了MVVM的基本原理,然后是Vue的基本结构和选项参数、实例Api、全局API等。
阅读全文

摘要:
ECMAScript,是由 ECMA 国际标准化组织制定的一套脚本语言的标准化规范。2015 年 发布 ECMAScript 6,简称 ES6、ECMAScript 2015。从此以后每年都有更新,如ES2016、ES2017,都泛称为ES2015+,或者ES6。
阅读全文

摘要:
JavaScript的是单线程的语言,按顺序执行。事件循环(Event loop)是JS的运行机制,也是JS实现各种“异步”功能的基础。
阅读全文

摘要:
事件(Event)是JavaScript的心脏,触发各种交互,让网页动起来。事件是浏览器网页可以监测到的行为,如页面加载、鼠标点击、键盘按键等。在这些事件中可以自定义事件处理程序,用于实现各种业务需求。
阅读全文

摘要:
DOM(Document Object Model)文档对象模型,将文档document解析为一个由节点和对象(包含属性和方法的对象)组成的逻辑树,每个节点都是一个对象,document对象就是整个DOM树的根节点。
阅读全文

摘要:
浏览器Web API:网络请求API、客户端数据存储、BOM浏览器模型接口等
阅读全文

摘要:
JavaScript 中的所有对象本质上都是通过new ()创建出来的,包括字面量的{obj},也是new Object()的语法糖。每一个实例对象都有自己的原型,基于原型创建这个对象,Function本身也是一个对象。
阅读全文

摘要:
Object是 JavaScript 的一种 数据类型,它用于存储各种键值集合和更复杂的实体,是一组数据和功能的集合。JS中几乎所有对象都是继承自Object,Array、RegExp、Math、Map、Set都是他的子类型。
阅读全文

摘要:
被JavaScript的闭包、上下文、嵌套函数、this搞得很头痛,这语言设计的,感觉比较混乱,先勉强理解总结一下😂😂😂。● 为什么有闭包这么个东西?闭包包的是什么?● 什么是词法作用域?● 函数是如执行的呢?
阅读全文

摘要:
函数(方法)就是一段定义好的逻辑代码,函数本身也是一个object引用对象。JS的深入浅出,全面了解函数,从作用域到词法分析,从箭头函数到call/apply/bind,从this到闭包,从上下文到调用栈,从内核到外延...
阅读全文

摘要:
JavaScript(缩写:JS)是一种具有面向对象能力的、解释型的程序语言,基于对象和事件驱动,具有相对安全性的客户端脚本语言。JavaScript是一门完备的 动态编程语言,当应用于 HTML 文档时,可为网站提供动态交互特性,是前端开发最主要、正式的编程语言。
阅读全文

摘要:
CSS预处器(CSS Preprocessor /ˌpriːˈprəʊsesə/ ) 是基于CSS之上的一种“新”的CSS语言,在CSS基础上添加了一些编程特性。可以认为是CSS的扩展,或CSS的超集,让CSS的编写更简洁、功能更强大。
阅读全文

摘要:
CSS动画CSS 动画就是由一种状态(CSS样式),过渡到另一中状态(CSS样式)的动态过程,CSS中提供了两种动画实现方式:transition、animation。
阅读全文

摘要:
常用的六种布局方式:Flex、Gid、column-count、float、position、表格布局
阅读全文

摘要:
正常布局流 就是不做任何布局控制,按照HTML的顺序(从左到右,从上而下)进行布局排列。BFC、IFC是布局的基本结构,是深入CSS布局的基础任督二脉
阅读全文

摘要:
CSS的选择器分类,其中最最基本的就是基础选择器中的三种:元素选择器、类选择器、id选择器。伪类选择器就是元素的不同行为、状态,或逻辑。然后不同的选择器组合,基于不同的组合关系,产生了6中组合关系选择器。
阅读全文

摘要:
CSS的一些常用样式,如背景、文字、文本、表格、列表等,以及一些常用的场景,如居中对齐、溢出、隐藏元素等。
阅读全文
