xiaodingyang-CSDN博客

原创 vuex

1.1 vuex 概念Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。1.1.1 什么是“状态管理模式”？让我们从一个简单的 Vue 计数应用开始：new Vue({ // state data () { r

2020-06-02 10:58:45 276

原创 Redux

1.1 概念1.1.1 Redux 是什么Redux 专注于状态管理，和React解耦（没有逻辑上的联系和依赖，可以分开使用）单一状态，单项数据流核心概念：store, state, action, reducer1.1.2 主要功能有一个保险箱（store），所有人的状态在那里都有记录（state）需要改变的时候，需要告诉 dispatch 要干什么（action）处理变化...

2019-05-19 15:13:10 124

原创 React基础

一、React 开始模块化：是从代码的角度来进行分析的，把一些可复用的代码，抽离为单个的模块，便于项目的维护和开发。组件化：是从 UI界面的角度来进行分析的，把一些可复用的 UI 元素抽离为单独的组件，便于项目的维护和开发。组件化的好处：随着项目规模的增大，手里的组件越来越多，很方便就能把现有的组件拼接为一个完整的页面。Vue 是如何实现组件化的：template ...

2019-05-19 15:12:32 493

原创 CSS3

CSS3选择器文档手册语法：[] 表示可选项|| 表示或者| 表示多选一？表示0个或者1个* 表示0个多多个{} 表示范围padding: [ | ]{1,4}border: || || box-shadow: none | [,shadow]*1.1 选择器1.1.1 属性选择器E[attr]查找指定的拥有at...

2019-03-21 22:18:56 312

原创 less基础

Less1.1 基本使用1.1.1 编译工具less 语法需要使用编译工具辅助编译为 css ，在这里我们可以使用 koala 工具，下载地址：http://koala-app.com/index-zh.html下载安装好软件以后我们可以直接把项目拖进编译工具，他会自动打包编译。1.1.2 基本语法1.1.2.1 注释在 less 中，以下注释将不会呈现在css文件中...

2019-03-01 09:05:13 252

原创 Node

monNode.js1.1 Node学前1.1.1 了解Node1.1.1.1 Node.js是什么？Node不是一门语言，不是库，不是框架，是一个 JavaScript 运行时环境。简单的来说就是Node可以解析和执行JavaScript代码，以前只有浏览器可以执行 JavaScript 代码，也就是说现在的 JavaScript 可以完全脱离浏览器运行。事件驱动、非阻塞IO模...

2019-02-25 12:00:12 612

原创 JavaScript进阶

四、运算符运算符（Operators，也翻译为操作符），是发起运算的最简单形式。运算符的分类见仁见智，我们的课程对运算符进行如下分类：数学运算符(Arithmetic operators)关系运算符(Comparison operators)逻辑运算符(Logical operators)赋值运算符(Assignment operators)1.1 数学运算符数学运算符...

2019-02-25 11:59:32 364 1

原创 JavaScript基础

一、JavaScript发展史前端三层：结构层 HTML 从语义的角度描述页面的结构样式层 CSS 从审美的角度装饰页面行为层 JavaScript 从交互的角度提升用户体验说白了，JavaScript用来制作web页面交互效果，提升用户体验1.1 JavaScript诞生在1995 年 Netsca...

2019-02-25 11:59:05 315

原创 vue-router

Vue-router路由后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；在单页面应用程序中，这种通过hash改变来切换页面的方式，称作...

2019-02-25 11:58:00 541

原创 Webpack

webpack全局更新npm: npm install npm -gnrm的安装使用作用：提供了一些最常用的NPM包镜像地址，能够让我们快速的切换安装包时候的服务器地址；什么是镜像：原来包刚一开始是只存在于国外的NPM服务器，但是由于网络原因，经常访问不到，这时候，我们可以在国内，创建一个和官网完全一样的 NPM 服务器，只不过，数据都是从人家那里拿过来的，除此之外，使用方式完全...

2019-02-25 11:57:32 107

原创 Vue基础

Vue.js 基本语法1.1 Vue初步1.1.1 Vue中的MVVC三层关系Vue中的MVVC1.1.2 Vue简单认识Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vfue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支...

2019-02-25 11:56:29 921

原创 Vue 进阶

Vue进阶1.1 安装vue-cli 脚手架Vue 提供了一个官方的 CLI，为单页面应用快速搭建 (SPA) 繁杂的脚手架。它为现代前端工作流提供了 batteries-included的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。需要安装 Node 环境，Node安装地址：http://nodejs.cn/download...

2019-02-25 11:55:49 614

xiaodingyang的博客