assiany-CSDN博客

原创 vue router + vue生命周期

vue router + vue生命周期路由 router vueJs的路由，Vue Router，它是VueJs 官方的路由管理器 router-view，在概念上，它是一个容器，用来显示router对象中所设置的路由中的组件。在vueJs当中，链接跳转，使用跳转页面 /*App.vue*/ <template> <div id="app"> <router-view /> </div> </template> <s

2021-08-21 15:09:58 338

原创 vuex的基本应用(vuex的购物车案例)

vuex的基本应用概念 vuex是一个专门为vue应用程序开发的状态管理模式,“vuex采用集中式存储，管理vue应用的所有组件的状态，并以相应的规则保证状态以一种可以预测的方式发生变化。” 集中式存储，就是把所有的vue应用的状态放在一个统一的地方。所有要使用状态（数据）的角色都来这里获取状态，兄弟组件之间传递信息就不用再找父组件了。 view页面，也就是表现层它对我们的action做出了反馈。也就是说，你通过action改变了事物的状态，也就改变了事物的view。组件的状态，就是“

2021-08-20 17:58:10 428

原创 vue初识(vue+elementUl点菜小应用)

vue初识 Vue.js，它是一套用于构建用户界面的框架，它是只关注于视图层。也是基于组件式的开发的思想。数据驱动视图。释放了对dom的操作，让dom可以随着数据的变化而变化。在开发过程中，不必过多的关注dom的操作，只需要把精力集中在数据上，就可以了。它主要使用基于html的模板语法，可以声明式的把dom绑定到vue的实例上，写的所有的代码都是合法的html，所以不用像reactJs一样再去搞什么jsx。 Vue-cli，它是官方出品的，快速构建单页应用的脚手架。 1你要安装nodejs； 2、npm

2021-08-20 17:56:50 450

原创 redux入门

redux入门 Redux[ri:'dʌks] ,它是ReactJs的状态管理。 ReactJs有二个方面没有涉及， - 代码间的组织结构； - 组件间的通讯；不是有state和props么，这二个东西，在使用上来讲，它是依赖于组件之间的父子层级的嵌套的顺序的。可以理解为，组件之间的嵌套层级，就是数据传递的通道。父->子->孙，这即是组件的嵌套，同时又是一个数据传递的通路。数据通过state、props，在它们之间传递。但是这样做，当有多个子组件，通过同一个父组件传递数据时，这就

2021-08-19 12:09:02 133

原创 react入门(留言板案例),路由...

react入门 React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。它把原生js进行了封装，公开出一些方法可以使用，react，它的本质，还是JavaScript 特点 1、声明式的设计，就是特别好； 2、高效，灵活； 3、jsx的语法，就是把html、css、js都按照xml的格式进行了规范； 4、组件化开发，易于复用与维护； 5、单向数据流(从父组件向子组件去传递数据

2021-08-16 19:43:39 354

原创 ES6入门

ES6 let 声明块级作用域的变量,es6中新增了块级作用域的概念,let所声明创建的变量，只在它所在的这个代码块内有效 // es5 var _arr = []; for (var i = 0; i < 5; i++) { // 复习下立即执行函数 (function(i) { _arr[i] = function() { console.log(

2021-08-15 20:40:22 66

原创 ajax入门

ajax ajax，全称是， Asynchronous [eɪˈsɪŋkrənəs] JavaScript and XML（异步的 JavaScript 和 XML） XMLHttpRequest对象，主要用它来实现与服务器交换数据 XMLHttpRequest，它的对象的， - open(),发服务器发起请求，其实就是从服务器要东西 get/post url true/false，是否同步 - send( str )，向服务器发送信息，就是发送东西到服务器 str，是字符串，只是用于post方

2021-08-15 20:38:54 64

原创 express

express 一个简洁灵活的基于nodejs的web框架，它可以提供很多功能，让你创建web应用，快速的搭建一个功能完整的网站。它的核心特性： 1、设置中间件来响应http的请求； 2、可以自定义路由来执行不同的http请求动作； npm是nodejs的包管理器，用于从npm服务器上下载各种第三方的包。 npm的英文，node package manager，安装的命令，npm install 包名 -g -g全局安装 -save就是安装到当前目录 .send()，向客户端（一般也就是浏览器），发送

2021-08-15 20:37:44 49

原创 NodeJs基础

NodeJs基础概念它是一个运行在服务端的JavaScirpt平台，基于Chrome浏览器在运行时创建的一个平台,基于Chrome浏览器在运行时创建的一个平台,基于google的v8引擎的，速度非常的快，性能好,它可以处理大量的并发。nodeJs可以接收好几种文件类型,nodeJs，它可以提供http服务，IIS、Apache类似，都是http的服务,node需要手动的进行一些配置 dos命令 --cls，清空控制台屏幕 --dir，列出当前目录中的文件和目录事件机制 nodeJs当中，基

2021-08-14 21:48:51 330

原创 JavaScript 2 轮播图,闭包,留言板案例

javascript 2 基本的模块化开发 /* 在javascript语言里，封装一般来讲，就是把散着写的js代码，给放在函数里，这个就是封装了。 index.html \_css\index.css \_js\main.js \index.js \_logoEventFn函数 \_createNavFn函数 \ common.js \_data \data.js \_images 上面这样做的目的， - 有限程度的复用； - 可扩展； - 松耦合

2021-08-13 16:55:27 134

原创 JavaScript 1

JavaScript 1 初识JavaScript 1 JavaScript 是是一种轻量级脚本语言,不能被编译,直接执行,js在浏览器当中是从上到下一行一行的执行，当遇到错误的时候，就会停下来，不再执行。js是运行在script标签之中的，可以插入到html页面里。 script标签，现在一般把它放在页面的结尾部分。 2 Js它的核心是ECMAScript，它是一个标准。它描述并定义了js语言的语法、基本的对象， \- 语法、类型、语句、关键字、保留字、运算符、对象 3 .

2021-08-12 16:16:46 53

原创 css初识

8.11 css 1 学习了css选择器的使用学习了标签选择器, 类名选择器,(可以重复被使用) id选择器(id是独一无二的不能重复使用) 2. 学习了css基础的布局,了解了margin属性的使用 3.学习了css盒模型以及css的一些属性 background-color 背景色 background-image 背景图 background:url路径|repeat是否平铺|position位置 border :粗细(width) 样式(style)(solid dotted dashed) 颜色

2021-08-11 22:13:26 57

assiany的博客