- 博客(12)
- 收藏
- 关注
原创 vue router + vue生命周期
vue router + vue生命周期路由 routervueJs的路由,Vue Router,它是VueJs 官方的路由管理器router-view,在概念上,它是一个容器,用来显示router对象中所设置的路由中的组件。在vueJs当中,链接跳转,使用 跳转页面/*App.vue*/ <template> <div id="app"> <router-view /> </div></template><s
2021-08-21 15:09:58
352
原创 vuex的基本应用(vuex的购物车案例)
vuex的基本应用概念 vuex是一个专门为vue应用程序开发的状态管理模式,“vuex采用集中式存储,管理vue应用的所有组件的状态,并以相应的规则保证状态以一种可以预测的方式发生变化。”集中式存储,就是把所有的vue应用的状态放在一个统一的地方。所有要使用状态(数据)的角色都来这里获取状态,兄弟组件之间传递信息就不用再找父组件了。 view页面,也就是表现层它对我们的action做出了反馈。也就是说,你通过action改变了事物的状态,也就改变了事物的view。 组件的状态,就是“
2021-08-20 17:58:10
445
原创 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
482
原创 redux入门
redux入门Redux[ri:'dʌks] ,它是ReactJs的状态管理。ReactJs有二个方面没有涉及,- 代码间的组织结构;- 组件间的通讯;不是有state和props么,这二个东西,在使用上来讲,它是依赖于组件之间的父子层级的嵌套的顺序的。可以理解为,组件之间的嵌套层级,就是数据传递的通道。父->子->孙,这即是组件的嵌套,同时又是一个数据传递的通路。数据通过state、props,在它们之间传递。但是这样做,当有多个子组件,通过同一个父组件传递数据时,这就
2021-08-19 12:09:02
145
原创 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
367
原创 ES6入门
ES6let声明块级作用域的变量,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
75
原创 ajax入门
ajaxajax,全称是,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
69
原创 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
56
原创 NodeJs基础
NodeJs基础概念它是一个运行在服务端的JavaScirpt平台,基于Chrome浏览器在运行时创建的一个平台,基于Chrome浏览器在运行时创建的一个平台,基于google的v8引擎的,速度非常的快,性能好,它可以处理大量的并发。nodeJs可以接收好几种文件类型,nodeJs,它可以提供http服务,IIS、Apache类似,都是http的服务,node需要手动的进行一些配置dos命令 --cls,清空控制台屏幕 --dir,列出当前目录中的文件和目录事件机制nodeJs当中,基
2021-08-14 21:48:51
343
原创 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
145
原创 JavaScript 1
JavaScript 1初识JavaScript1 JavaScript 是是一种轻量级脚本语言,不能被编译,直接执行,js在浏览器当中是从上到下一行一行的执行,当遇到错误的时候,就会停下来,不再执行。js是运行在script标签之中的,可以插入到html页面里。script标签,现在一般把它放在页面的结尾部分。2 Js它的核心是ECMAScript,它是一个标准。它描述并定义了js语言的语法、基本的对象, \- 语法、类型、语句、关键字、保留字、运算符、对象3 .
2021-08-12 16:16:46
63
原创 css初识
8.11 css1 学习了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
68
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人