景抓马-CSDN博客

原创 Vuex.

VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。单界面的状态管理State：不用多说，就是我们的状态。View：视图层，可以针对State的变化，显示不同的信息。Actions：这里的Actions主要是用户的各种操作：点击、输入等等，会导致状态的改变。挂载到Vue实例中1.让所有的Vue组件都可以使用这个store对象2.来到main.js文件，导入store对象，并

2021-11-08 12:31:59 429

原创 vueRouter

前端路由阶段◼ 前后端分离阶段：◼ 随着Ajax的出现, 有了前后端分离的开发模式.◼ 后端只提供API来返回数据, 前端通过Ajax获取数据, 并且可以通过JavaScript将数据渲染到页面中.◼ 这样做最大的优点就是前后端责任的清晰, 后端专注于数据上, 前端专注于交互和可视化上. ◼ 并且当移动端(iOS/Android)出现后, 后端不需要进行任何处理, 依然使用之前的一套API即可.◼ 目前很多的网站依然采用这种模式开发.◼ 单页面富应用阶段:◼ 其实SPA最主要的特点就是在前后端

2021-11-08 11:58:56 160

原创 vue-cli

CLI是什么意思?CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架.Vue CLI是一个官方发布 vue.js 项目脚手架使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置创建阶段◼ beforeCreate( 创建前 )◼ 在实例初始化之后，数据观测和事件配置之前被调用，此时组件的选项对象还未创建，el 和 data 并未初始化，因此无法访问methods， data， computed等上的方法和数据。◼ create

2021-11-08 11:27:18 105

原创 WebPack

webpack是一个静态的模块化打包工具，为现代的JavaScript应用程序我们来对上面的解释进行拆解：打包bundler：webpack可以将帮助我们进行打包，所以它是一个打包工具静态的static：这样表述的原因是我们最终可以将代码打包成最终的静态资源（部署到静态服务器）；模块化module：webpack默认支持各种模块化开发，ES Module、CommonJS、AMD等；现代的modern：我们前端说过，正是因为现代前端开发面临各种各样的问题，才催生了webpack的出现和发展；1

2021-10-29 19:19:27 202

原创 Vuejs-组件化开发

注册组件的基本步骤◼ 组件的使用分成三个步骤：◼ 创建组件构造器◼ 注册组件◼ 使用组件注册组件步骤解析1.Vue.extend()：◼ 调用Vue.extend()创建的是一个组件构造器。◼ 通常在创建组件构造器时，传入template代表我们自定义组件的模板。◼ 该模板就是在使用到组件的地方，要显示的HTML代码。2.Vue.component()：◼ 调用Vue.component()是将刚才的组件构造器注册为一个组件，并且给它起一个组件的标签名称。◼ 所以需要传递两个参数：

2021-10-23 12:20:17 182

原创 Vue.js

创建Vue实例传入的options在创建Vue实例的时候，传入了一个对象options。◼ el:◼ 类型：string | HTMLElement◼ 作用：决定之后Vue实例会管理哪一个DOM。◼data:◼ 类型：Object | Function （组件当中data必须是一个函数）◼ 作用：Vue实例对应的数据对象。◼ methods:◼ 类型：{ [key: string]: Function }◼ 作用：定义属于Vue的一些方法，可以在其他地方调用，也可以在指令中使用Must

2021-10-22 20:49:06 193

原创 gitub，gitee

Git是什么？◼ Git是目前世界上最先进的分布式版本控制系统。◼ Workspace：工作区◼ Index / Stage：暂存区◼ Repository：仓库区（或本地仓库）◼ Remote：远程仓库SVN与Git的最主要的区别◼ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器那里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，带宽够大，

2021-10-15 12:08:38 233

原创 Nest框架

认识NestJS◼ 用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架。以在TypeScript和JavaScript (ES6、ES7、ES8)之上构建高效、可伸缩的企业级服务器端应用程序。它的核心思想是提供了一个层与层直接的耦合度极小、抽象化极高的一个架构体系。Nest.js目前在行业内具有很高的关注度，所以我们有必要学习一下。◼ Nest.js基于TypeScript 编写并且结合了 OOP（面向对象编程），FP（函数式编程）和 FRP（函数式响应编程）的相关理念。在设计上的很

2021-10-15 11:51:32 2330

原创 Ty p e O R M框架

认识Ty p e O R M◼ TypeORM 是一个ORM (opens new window)框架，它可以运行在 NodeJS、Browser、Cordova、PhoneGap、Ionic、React Native、Expo 和 Electron 平台上，可以与 TypeScript 和 JavaScript (ES5,ES6,ES7,ES8)一起使用。它的目标是始终支持最新的 JavaScript 特性并提供额外的特性以帮助你开发任何使用数据库的（不管是只有几张表的小型应用还是拥有多数据库的

2021-10-15 10:37:31 600

原创 Express框架

Web框架Web框架Express安装express的使用过程有两种方式： 方式一：通过express提供的脚手架，直接创建一个应用的骨架； 方式二：从零搭建自己的express应用结构；方式一：安装express-generator安装脚手架npm install -g express-generator创建项目express express-demo安装依赖npm install启动项目node bin/www◼ 方式二：从零搭建自己的express应用结构；npm

2021-10-15 10:00:40 138

原创 Koa框架

Koa初体验◼ 我们来体验一下koa的Web服务器◼ koa注册的中间件提供了两个参数：◼ ctx：上下文（Context）对象； koa并没有像express一样，将req和res分开，而是将它们作为ctx的属性； ctx代表依次请求的上下文对象； ctx.request：获取请求对象； ctx.response：获取响应对象；◼ next：本质上是一个dispatch，类似于之前的next；  后续我们学习Koa的源码，来看一下它是一个怎么样的函数；...

2021-10-15 09:52:11 1152

原创 node中的mysql

**认识mysql2**前面我们所有的操作都是在GUI工具中，通过执行SQL语句来获取结果的，那真实开发中肯定是通过代码来完成所有的操作的。◼ 那么如何可以在Node的代码中执行SQL语句来，这里我们可以借助于两个库： mysql：最早的Node连接MySQL的数据库驱动； mysql2：在mysql的基础之上，进行了很多的优化、改进；◼ 目前相对来说，我更偏向于使用mysql2，mysql2兼容mysql的API，并且提供了一些附加功能 更快/更好的性能； Prepared Sta

2021-09-23 22:02:52 162

原创 CommonJS

ts/js中的模块化情况一：统一导出，解构导入// foo.ts 导出const username = 'admin';const sum = (a: number, b: number): number => { return a + b;};// 统一导出模块export { sum, username };// main.ts 导入import { username, sum } from './foo';console.log(username);conso

2021-09-23 21:53:59 343

原创 TypeScript

1.node,npm，yarn是什么？node:js运行的环境，js运行的环境是V8引擎，node也内置V8引擎npm:是包（依赖）的管理器，可以控制版本yarn:也是包（依赖）的管理器，可以控制版本2.TypeScript的安装（1）全局安装，当前电脑任意位置都可以使用npm install -global typescript简写（ npm i -g typescript）npm:包的管理器install：安装，简写为 iglobal: 全局 -g（2）局部安装，当前项目中安装

2021-09-12 14:44:42 268

原创 my sql

数据库通常我们将数据划分成两类：关系型数据库和非关系型数据库；关系型数据库：MySQL、Oracle、DB2、SQL Server、Postgre SQL等；关系型数据库通常我们会创建很多个二维数据表；数据表之间相互关联起来，形成一对一、一对多、多对对等关系；之后可以利用SQL语句在多张表中查询我们所需的数据；支持事务，对数据的访问更加的安全；◼ 非关系型数据库：MongoDB、Redis、Memcached、HBse等；非关系型数据库的英文其实是Not only SQL，也简称为NoSQL

2021-09-11 21:57:43 589

原创微信小程序

基本项目目录1.基本语法： View 相当于div2.组件属性： Page{ }3.boolean类型： {{ true/false }}4. 三元运算： {{flag？ true:false}}5. 算数运算: {{ a+b }}6.逻辑判断: wx: if=”{{ a> b }}”7.字符串运算: {{“hello”+ word }}8.列表渲染:

2021-09-01 18:52:44 108

原创学习ES6

网星软件 ECMAScript简介ECMA（European Computer Manufacturers Association）中文名称为欧洲计算机制造商协会，这个组织的目标是评估、开发和认可电信和计算机标准。1994 年后该组织改名为 Ecma 国际。 ECMAScript 是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言 Ecma 国际制定了许多标准，而 ECMA-262 只是其中的一个，所有标准列表查看 ES6 的版本..

2021-08-13 14:31:06 182

原创 AngularJS

AngularJS是一个JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过指令扩展了 HTML，且通过表达式绑定数据到 HTML。AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。1.AngularJS 扩展了 HTMLAngularJS 通过ng-directives扩展了 HTML。ng-app指令定义一个 AngularJS 应用...

2021-08-03 21:02:38 115

原创 Bootstrap

1.Bootstrap 4 页面1.移动设备优先在网页的 head 之中添加 viewport meta 标签，H2.容器类.container 类用于固定宽度并支持响应式布局的容器。.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。Bootstrap4 网格系统.Bootstrap 4 网格系统有以下 5 个类:1、.col- 针对所有设备2、.col-sm- 平板 - 屏幕宽度等于或大于 576px3、.col-md- 桌面显示器 -

2021-07-23 21:51:16 1500

原创 2021.6.1 Array补充

数组简介◼ 数组的定义：◼ 数组是一组数据的集合，在内存中是一段连续的内存空间。◼ 数组的特点：◼ 数组定义时可以无需指定数组长度◼ 存储数据是无需指定具体类型，可以存储任意类型数组的创建方式◼ 使用Array构造函数◼ 注意：括号里面参数可以有参数，若为一个数字，表示该数组的长度，如果为多个数字或者一个（多个）非数字表示的是传递数组中应该包含的值。◼ 使用数组字面量数组中的方法（一）◼ 我们通过[].__proto__来查看一下数组拥有哪些方法◼ join()◼ push(

2021-06-02 10:47:08 92

原创 2021.5.28 AJAX

同步和异步◼ 同步：必须等待当前事情完成之后，才能进行其他事情◼ 异步: 不需要等待当前事情完成，同时进行，多件事情互不干扰AJAX简介◼ AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。◼ AJAX 不是新的编程语言，而是一种使用现有标准的新方法。◼ AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下，更新页面的数据。什么是AJAX◼ AJAX = 异步 JavaScript 和 XML

2021-05-29 18:08:00 90

原创 2021.5.25 Flex

Flex布局-简介布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。◼ 2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。◼ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。◼ 任何一个容器都可以指定为

2021-05-26 09:11:01 105

原创 2021.5.25 JSON

1.JSON是什么？JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）JSON 是轻量级的文本数据交换格式JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。JSON-- 独立于语言的轻量级的文本数据交换格式。在没有JSON之前我们使用XML充当数据交换格

2021-05-25 23:34:31 91

原创 2021.5.22 Jquery

jQuery 事件jQuery 事件方法语法在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery 方法。页面中指定一个点击事件：$(“p”).click();下一步是定义什么时间触发事件。可以通过一个事件函数实现：$(“p”).click(function(){ // 动作触发后执行的代码!! });常用的 jQuery 事件方法1.$(document).ready(function) 文档完全加载完后执行函数2.click(function) 方法是当按钮点击事件被

2021-05-22 22:57:46 94

原创 2021.5.21 Jquery

1.什么是 jQuery ？jQuery是一个轻量级的"写的少，做的多"的JavaScript函数库。[独立的javascript文件]jQuery 的优点:1.jQuery 是一个 JavaScript 函数库。[.js]2.jQuery 极大地简化了 JavaScript 编程。3.jQuery 很容易学习。jQuery库包含以下功能：1.HTML元素选取2.HTML元素操作3.CSS 操作4.HTML 事件函数5.JavaScript 特效和动画[元素的隐藏和显示]6.HTM

2021-05-21 22:19:46 123

原创 2021.5.20 JS高级第三天

函数的定义方式函数声明格式：function 函数名称(参数列表){//函数体}函数表达式var 变量名 =function(参数列表) {//函数体}函数声明与函数表达式的区别函数声明必须有名字函数声明会函数提升，在预解析阶段就已创建，声明前后都可以调用函数表达式类似于变量赋值函数表达式可以没有名字，例如匿名函数函数表达式没有变量提升，在执行阶段创建，必须在表达式执行之后才可以调用函数的调用1.作为一个函数调用<script>function tes

2021-05-21 00:23:30 82

原创 Axios

前端网络请求的选择选择一: 传统的Ajax是基于XMLHttpRequest(XHR)选择二:会使用jQuery-Ajax选择三: Fetch API选择四: axiosAxios的基本使用支持多种请求方式: restful axios(config) axios.request(config) axios.get(url[, config]) axios.delete(url[, config]) axios.head(url[, config]) axios.post

2021-11-08 14:37:32 157

原创简单轮播图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播

2021-11-06 15:20:09 74

原创 2021.5.19 JS高级第二天

构造函数、实例、原型三者之间的关系1.任何函数都具有一个 prototype 属性，该属性是一个对象2.构造函数的 prototype 对象默认都有一个 constructor 属性，指向 prototype 对象所在函数3.通过构造函数得到的实例对象内部会包含一个指向构造函数的 prototype 对象的指针 `proto4.所有实例都直接或间接继承了原型对象的成员原型对象1.共享数组2.共享对象3.如果真的希望可以被实例对象之间共享和修改这些共享数据那就不是问题。但是如果不希望实例之间共

2021-05-23 22:07:50 89

转载 2021.5.18 JS高级第一天

1.什么是对象1.对象是单个事物的抽象一本书、一辆汽车、一个人都可以是对象，一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象，实物之间的关系就变成了对象之间的关系，从而就可以模拟现实情况，针对对象进行编程。2.对象是一个容器，封装了属性（property）和方法（method）属性是对象的状态，方法是对象的行为（完成某种任务）。比如，我们可以把动物抽象为animal对象，使用“属性”记录具体是那一种动物，使用“方法”表示动物的某种行为（奔跑、捕猎、休息等等）。在实际开发中

2021-05-18 22:40:34 174

空空如也

空空如也