前言$data是Vue实例中的实例属性，表示Vue实例观察的数据对象。实际上在Vue官网对这部分有较为详细的描述，这里就不再赘述了（具体可看官网的描述Vue选项/数据）。本篇文章从源码层次来梳理$data背后的逻辑，实际上就是一个问题：假设存在属性name，为什么修改vm.$data.name与vm.name可以达到相同效果？实例属性$data假设存在属性name，为什么修改vm.$data.na

前言本篇是分析new Vue()过程中对于data的处理细节以及响应式原理，主要了解如下两点：Vue实例的data选项具体的逻辑Vue响应式原理学习data处理逻辑下面是Vue实例创建中initState的处理逻辑：initState的处理逻辑是处理组件中选项即props、data、computed、watch、methods，而关于data部分的处理逻辑，具体如下：opts.data ? ini

前言prototype是所有函数都有的内置属性，prototype属性的值是对象，该对象称之为原型对象。原型是Js的核心概念之一，它引申出继承、原型链等其他概念，本文就详细的分析总结下prototype的相关知识点。在理解prototype之前，我觉得有必要讲讲面向对象，当然这里不会讲很多，就讲讲Js的面向对象与Java面向对象的区别。联系：都是面向对象编程区别：

前言在上一篇文章中分析了axios的实例创建实际上所有aixos请求的创建都是request方法来实现的。在实际分析之前，先来梳理总结下axios创建请求的方式：axios(config)axios(url, config)axios.create(config)axios.request(config)axios.get(url, config)...

场景工作中使用电脑要求使用相关的工作软件，开机自启动的需求工作日晚8点之后和周末都要自动关闭相关的工作软件花了一点时间摸索出来，整理总结下便于以后回顾。Shell脚本相关根据以上需求，编写Shell脚本，脚本内容如下：#！/bin/bashlimit_time=20current_hour=`date "+%H"`

前言React特点的之一就是JSX，JSX是JavaScript的语法的扩展，使用JSX来开发UI内容。React开发不一定需要使用JSX，但是使用JSX会非常便捷。实际上JSX是React.createElement函数的语法糖，使用JSX需要使用Babel来将JSX转移成createElement函数调用。createElement具体执行逻辑JSX的具体使用可以查看React中文官网文档对其

所谓的富文本编辑器就是内嵌在浏览器上、所见即所得的文本编辑器，它的形式如下：layui框架中内置了layedit模块，该模块就是富文本编辑器模块，在最近两天中我自己使用原生js实现了简易的富文本编辑器，具体效果如下：首先说说这个demo的组织结构：在这个demo中，整体是一个IIFE，使用window对象将其构造函数暴露出去，想要使用这个demo，需要创建一个容器设置id属性为uedit

前言今天分析的是layui框架内置模块tree.js，该模块的功能是构建树形菜单，具体的形式(layui官网该模块的具体形式)如下：自实现树形菜单使用html+css+js实现了树形菜单，具体的实现思路如下：html中定义包含树形菜单的容器节点规划好树形菜单的样式以及图标使用js构建html结构以及绑定事件，实现树形菜单的点击折叠实现效果图如下：核心的实现是构建html结构，组织

前言因为对于工程化相关的了解涉猎很少，今后也是打算对webpack等工程化构建加深下了解。这篇文章就是详细分析下Element UI项目组成以及相关的打包步骤等，旨在加深对工程化构建相关的知识点了解。Element UI项目结构|-- Element​|-- .babelrc// babel配置文件​|-- ...

前言今天介绍Vue.js中一种常用的指令：v-model，以及v-model指令特性带来的一些使用。具体分析依旧是以简单实例为引去分析Vue.js中针对v-model的处理，具体实例：<input v-model="text" /><script>new Vue({data: {text: '测试v-model...