- 博客(34)
- 收藏
- 关注
RSS订阅原创 React 路由详解(超详细详解)
ReactReact 路由对SPA的理解1.单页Web应用（single page web application，SPA）。2.整个应用只有一个完整的页面。3.点击页面中的链接不会刷新页面，只会做页面的局部更新。4.数据都需要通过ajax请求获取, 并在前端异步展现。路由的理解1.什么是路由1.一个路由就是一个映射关系(key:value)2.key为路径, value可能是function或component2.路由分类1.后端路由： 1)理解： value是fun
2021-07-30 23:14:03
19121
9
原创 React的基础知识(超详细)
ReactReact基础之ref的三种书写方式1.字符串形式的ref(官方将要弃用)<body> <div id="test"></div> <script type="text/babel"> // 创建组件 class Demo extends React.Component { showDate = () =>{ let {input1}
2021-07-29 21:11:36
2004
3
原创 React三种通讯方式和React的生命周期函数(超详细)
ReactReact核心概念之state理解:state是组件对象最重要的属性, 值是对象(可以包含多个key-value的组合)组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件)注意组件中render方法中的this为组件实例对象状态数据，不能直接修改或更新组件自定义的方法中this为undefined，如何解决？强制绑定this: 通过函数对象的bind()箭头函数React核心概念之props(父传子, 子传父)理
2021-07-27 22:37:17
320
原创 react新手入门文档
ReactReact 是什么？React是一个简单的javascript UI库，用于构建高效、快速的用户界面。它是一个轻量级库，因此很受欢迎。它遵循组件设计模式、声明式 编程范式 和 函数式编程 概念，以使前端应用程序更高效。它使用虚拟DOM来有效地操作DOM。它遵循从高阶组件到低阶组件的单向数据流。命令式编程 和 声明式编程声明式编程: 是一种编程范式，它关注的是你要做什么，而不是如何做。它表达逻辑而不显式地定义步骤。这意味着我们需要根据逻辑的计算来声明要显示的组件。它没有描述控制流步骤。
2021-07-26 23:46:39
427
原创 TypeScript之泛型, 模块化, 命名空间, 装饰器(TypeScript完结)
TypeScriptTypeScript中的泛型泛型的定义 2) 泛型函数 3) 泛型类 4) 泛型接口泛型：软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。 这样用户就可以以自己的数据类型来使用组件。通俗理解：泛型就是解决 类 接口 方法的
2021-07-02 20:46:02
235
原创 Typescript中的类 和 Typescript中的接口
TypeScriptTypeScript中的类1)类的定义 2)类的继承 3)类里面的修饰符 4)静态属性 静态方法 5)抽象类 继承 多态类的定义1.ts中类的定义 es5:function Person(name){ this.name = name; this.run = function(){ console.log(this.name); }}var a = new Person('张三'
2021-07-01 20:04:31
158
原创 Typescript的数据类型和Typescript的函数
TypeScriptTypescript 介绍TypeScript 是由微软开发的一款开源的编程语言。TypeScript 是 Javascript 的超集，遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript的语法。TypeScript 更像后端 java、C#这样的面向对象语言，可以让 js 开发大型企业项目。谷歌也在大力支持 Typescript 的推广，谷歌的 angular2.x+就是基于 Typescript 语法。最新的 Vue
2021-06-30 21:35:28
254
1
原创 uni-app 配置文件之 pages.json
uni-app 配置文件 pages.jsonpages.jsonpages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口表现、设置多 tab 等。pages.json 配置项列表属性名是否必填说明globalStyle Object否设置默认页面的窗口表现pages Object Array是设置页面路径及窗口表现tabBar Object否设置底部 tab 的表现condition Object否启动模式
2021-06-29 21:04:51
9314
原创 uni-app 框架超详细新手入门
什么是uni-app?(介绍)uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。开发者通过编写 Vue.js 代码，uni-app 将其编译到iOS、Android、微信小程序等多个平台，保证其正确运行并达到优秀体验。uni-app 继承自 Vue.js，提供了完整的 Vue.js 开发体验。uni-app 组件规范和扩展api与微信小程序基本相同。有一定 Vue.js 和微信小程序开发经验的开发者可快速上手 uni-app ，开发出兼容多端的应用。uni-app提供了条件编译
2021-06-28 22:10:37
8294
原创 微信小程序之自定义组件(微信小程序完结)
微信小程序自定义组件类似vue或者react中的自定义组件, 小程序允许我们使用自定义组件的方式来构建页面.1.1 创建自定义组件类似于页面，一个自定义组件由 json, wxml, wxss, js 四个文件组成首先在最外层创建一个 components 文件夹, 然后在创建一个 tab 文件夹, 在 tab 文件夹上右击, 点击 component 进行自定义组件创建声明组件: 哪一个文件要用到组件, 就在哪一个文件的 json 文件中来声明组件使用组件: 哪一个文件要用到
2021-06-25 19:44:05
1449
2
原创 微信小程序超详细基本知识
微信小程序常见组件小程序的常⽤布局组件: view,text,rich-text,button,image,navigator,icon,swiper,radio,checkbox 等常见组件前六种可以看我前面发的内容, 链接1.7 button在wxml文件中写标签和功能, js文件中查看接收的数据 , 模拟器上查看数据// 在wxml文件中写标签和功能<!-- button 标签 1.外观的属性 1) size 控制按钮的大小 default 默认
2021-06-24 20:53:34
405
1
原创 小程序事件绑定 和 常见组件的五种组件
微信小程序小程序事件绑定我们在js文件中写逻辑, 然后在wxml文件中写标签，最后我们用模拟器来展示最终页面// 在wxml文件中写标签<!-- 1.需要给input标签绑定 input事件 绑定的关键字 bindinput 2.如何获取输入框的值 通过事件源对象来获取 e.detail.value 3.把输入框的值 赋值到data中 不能直接这样写 1.this.data.num=e.detail.v
2021-06-23 21:18:37
778
1
原创 小程序的配置文件和小程序的模板语法
微信小程序小程序的配置文件一个小程序应用程序会包括, 会有最基本的两种配置文件, 一种是全局的 app.json , 一种是页面自己的 page.json注意: 配置文件中不可以出行注释1.1 全局配置文件 app.jsonapp.json 是当前小程序的全局配置, 包括了小程序的所有页面路径, 界面表现, 网络超时时间, 底部 tab 等. 普通快速启动项目 里边的 app.json 配置全局配置文件 app.json 里面的初始内容:{ "pages":[ "page
2021-06-22 21:52:01
341
原创 微信小程序超详细入门简介和使用
微信小程序介绍: 微信小程序,简称小程序,英文名Mini Program, 是一种不需要下载安装即可使用的应用,它实现了应用"触手可及的梦想",用户扫一扫或搜一下即可打开应用 微信小程序做项目的必备基础小程序的前世今生小程序开发者工具小程序原生框架小程序模板语法小程序内置组件小程序生命周期小程序自定义组件 我们为什么要学习微信小程序微信有海量的用户, 而且粘性很高, 在微信里开发产品更容易触达用户;从零开始推广app或者公众号的成本太高因为微信小程序
2021-06-21 20:21:12
6922
3
原创 webpack之webpack.config.js配置
webpack之webpack.config.js配置wbepack.config.js webpack的配置文件详解: 作用: 指示 webpack 干那些活(当你运行 webpack 指令时, 会加载里面的配置) 所有构建工具都是基于node.js平台运行的~模块化默认采用commonjs, 概念:我们创建的src文件是我们写项目的源代码,用的是ES6模块化 而wbepack.config.js文件是我们写配置的源代码,默认用的是commonjs
2021-06-21 20:06:15
23642
1
原创 Git终极版(完结) 之 GitHub&Git的远程操作
GitHubGitHub是什么?GitHub是一个面向开源及私有软件项目的托管平台，因为只支持Git作为唯一的版本库格式进行托管，故名GitHub。百度解释为:作为开源代码库以及版本控制系统，Github拥有超过900万开发者用户。随着越来越多的应用程序转移到了云上，Github已经成为了管理软件开发以及发现已有代码的首选方法。如前所述，作为一个分布式的版本控制系统，在Git中并不存在主库这样的概念，每一份复制出的库都可以独立使用，任何两个库之间的不一致之处都可以进行合并。GitHub可以托管
2021-06-10 21:24:42
202
1
原创 Git基本命令实例和分支的基本命令实例之超详细新手指南
Git基本四步曲 项目代码的迭代更替Git基本四步曲之第一步 Git初始化 首先创建一个项目(文件夹), 右击点击Git Bash Here后打开Git界面输入git init 命令后回车,你就可以看到: 这样就代表你已经初始化好Git了, 然后在你的项目中会生成一个**(.git)的文件夹**,不过它在Window系统下默认是隐藏的,你要勾选隐藏的项目才可以看到 Git基本四步曲之第二步 文件添加到暂存区 
2021-06-09 21:01:29
336
1
原创 Git入门超详细文档
GitGit概述Git是一个免费的,开源的分布式版本控制系统,可以款速高效的处理从小型到大型的各种项目Git易于学习,占地面积小,性能极佳, 它具有廉价的本地库, 方便的暂存区域和多个工作流分支等特性.其性能优于Subversion, CVS,Perforce和ClearCase等版本控制的工具什么叫版本控制我们一直都叫Git为版本控制器,那你知道什么叫版本控制吗?下面由我来给你解答版本控制实际上是一种记录你文件内容变化,以便将来查阅特定版本修订情况的系统.版本控制其实最重要的是可以记
2021-06-08 21:22:16
685
原创 webpack是什么?和它的五个核心概念以及两个打包模式
webpack是什么?Webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)在Webpack 看来,前端的所有资源文件(js| json | css | img| sass…)都会作为模块处理它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)webpack 的五个核心概念Enery入口(Enery)指示 webpack 以那个文件为入口起点开始打包,分析构建内部依赖图Output输出(Output)指示 webpack 打包
2021-06-08 08:22:19
545
原创 JavaScript之变量和类型
变量和类型用处1.让代码可以重复使用 (重用性)2.修改代码方便,灵活 (灵活性)<script> document.write('i love you <br>') document.write('i love you <br>') document.write('i love you <br>') document.write('i love you <br>')</script>1)上面 ‘i lo
2021-06-05 13:49:01
113
原创 数组方法(第二部分)
数组方法包含arr.includeslet arr = ['love', 'like', 'miss', 'fancy']// 数组中是否包含 'miss' 元素值let res = arr.includes('miss')console.log( res ) // true合并arr.concat()let arr = ['a', 'b', 'c']let brr = ['x', 'y', 'z']arr.concat(brr) // arr 与 brr 合并, 返回一个新数组
2021-06-05 13:26:24
128
原创 数组方法(第一部分)
数组方法替换(万能)let arr = ['a', 'b', 'c', 'd']// 替换 参数: 1)起点 2)长度 3)用什么替换arr.splice(2, 1, 'x','y')console.log( arr ) // ['a', 'b', 'x', 'y', 'd']let arr = ['a', 'b', 'c', 'd']// 插入 参数: 1)起点 2)长度 3)用什么替换 长度为0 就是插入了arr.splice(2, 0, 'x','y')co
2021-06-04 20:34:09
57
原创 什么是Git？有什么作用？和它的基本命令
Git下载地址:https://git-scm.com/download/win什么是Git？git是一种分布式的版本管理系统，Linux的创造者Linus写的。git的作用就是对文件进行版本管理，方便在不同版本进行切换修改，类似文件分不同时间备份让后需要时找回其中一份代替，不过更方便使用。Git的基本使用Git里面主要包含的几个概念有:远程仓库，克隆，本地仓库，分支，提交，拉取，合并，推送等。远程仓库远程仓库是指我们代码存储在服务器的地方，这个仓库是我们整个团队中所有人都可以访问的地方。
2021-06-04 19:35:01
2480
原创 ES6新特性之扩展运算符和rest运算符
扩展运算符扩展运算符用三个点号表示，功能是把数组或类数组对象展开成一系列用逗号隔开的值为了使arr1不被改变，可以使用 ...运算符let arr1 = [ 'www', 'baidu', 'com']let arr2= [ ...arr1 ] // 将arr1的内容赋值给arr2arr2.push( 'js' )console.log(arr2) // [ 'www', 'baidu', 'com','js' ]console.log(arr1) // [ 'www', 'baidu', '
2021-05-28 14:26:26
118
原创 详解原生JavaScript的this指向问题和强制改变this指向的三种方法
this关键字概念面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。this在几种情况下指向谁1.在方法中,this 表示该方法所属的对象。var person = { firstName: "John", lastName : "Doe", id : 5566, fullName : function() { return this.firstName + " " + this
2021-05-28 14:12:28
684
1
原创 闭包是什么?闭包的特性是什么?它的好处和坏处
闭包是什么?我的理解是，闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，闭包的本质就是在一个函数内部创建另一个函数闭包的特性是什么?闭包有3个特性:①函数嵌套函数;②函数内部可以引用函数外部的参数和变量;③参数和变量不会被垃圾回收机制回收.它的好处和坏处好处:①保护函数内的变量安全 ，实现封装，防止变量流入其他环境发生命名冲突;②在内存中维持一个变量，可以做缓存
2021-05-28 13:45:34
1619
原创 vuex是什么?它有几种核心属性?和它的基本使用
vuex是什么?是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享好处能够在vuex中,集中管理共享的数据,易于开发和后期维护能够高效地实现组件之间的数据共享,提高开发效率存放在vuex中的数据都是响应式的,能够实时保持数据与页面的同步它有几种核心属性?Vue有五个核心概念，state, getters, mutations, actions, modules。...
2021-05-28 10:30:01
296
原创 ES6函数新特性之箭头函数
箭头函数箭头函数提供了一种更加简洁的函数书写方式:参数 => 函数体var f = v => v;// 等价于var f = function(v){ return v;}f(1); // 1当箭头函数没有参数或者有多个参数，要用 () 括起来var f = (a,b) => a+b;f(6,2); // 8当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块，当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回。var f = (a
2021-05-20 13:31:05
184
原创 JavaScript函数形参和实参的区别
JavaScript函数形参和实参的区别在《JavaScript权威指南》中这样定义：参数有形参（parameter）和实参（argument）的区别,形参相当于函数中定义的变量,实参是在运行时的函数调用时传入的参数。说明白就是，形参就是函数声明时的变量,实参是我们调用该函数时传入的具体参数。再说的直白一些就是:形参,顾名思义形式上的参数。实参,也就是实际的参数。例子：声明函数add时a,b就是形参。调用函数add(1,2) 1,2就是实参。function add(a,b) { r
2021-05-20 13:07:11
498
原创 JavaScript创建对象的常见六种方式
JavaScript创建对象的常见六种方式1、new 操作符 + Object 创建对象var person = new Object(); person.name = "lisi"; person.age = 21; person.family = ["lida","lier","wangwu"]; person.say = function(){ alert(this.name); };2、字面式创建对象var person ={
2021-05-20 12:48:59
117
原创 vue是什么?它怎样安装和它的基本使用
vue官网:https://cn.vuejs.org/v2/guidevue是什么?是渐进式的框架;什么是渐进式的框架:没有强主张,你可以在原有大系统的上面,把一两个组件改用它实现,当jQuery用;也可以整个用它全家桶开发，还可以用它的视图是一个构建用户界面的框架是一个轻量级的MVVM（Model-View-ViewModel):其实就是所谓的数据的双向绑定,数据驱动和组件化的前端开发,通过简单的API就能实现响应式的数据绑定和组合的视图组件它的好处是什么:不用直接操作DOM就能改变里面的数据
2021-05-18 20:20:26
153
原创 原生JS AJAX POST请求和GET请求的详细讲解和不同之处
什么是AJAXAJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。客户端与服务器，可以在【不必刷新整个浏览器】的情况下，与服务器进行异步通讯的技术GET请求var xhr = null // 创建一个xhr空变量// 1.处理兼容问题 使用try{}catch(error){} 要比if(){}else{}性
2020-11-04 10:51:54
1009
4
原创 JavaScript window.onload事件的好处
窗口加载事件 窗口加载完毕时（包括HTML文档、CSS样式等）我们可以无碍的查询到页面中的所有内容。如果所要执行的代码 需要在页面一切就绪后才有效的话，那么可以将这些执行代码作为load事件的回调函数，这样就可以无需管理页面内容的加载顺序了。使用window.onload管理页面执行代码window.onload = function () { //所有代码放入该方法中 确保正常运行}...
2020-11-04 08:46:28
352
1
原创 四种jQuery相似方法的不同之处
一.on方法和bind方法的不同之处1.on可以多添加一个 selector 参数;还可以给子元素添加事件,而bind只能给自己添加事件2.使用on添加的事件,比如给自己子级使用类选择器(class)添加的,后来创建含有这个类名的子节点也会有事件...
2020-11-02 09:56:34
233
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人