南城趣味的博客

使用koa、typescript、mysql、sequelize进行后台API开发使用Koa与typescript、mysql、sequelize组合进行服务端api开发,主要案例有:表生成,图片上传,热启动,excel表数据导入与导出文章目录使用koa、typescript、mysql、sequelize进行后台API开发使用Koa与typescript、mysql、sequelize组合进行服务端api开发,主要案例有:表生成,图片上传,热启动,excel表数据导入与导出第一步 配置热启动项目1.配

AntDesign React实现树形结构弹窗修改只实现弹窗修改,其他功能可扩展使用的树形结构数据companys: [ { id: '6ed96bc6dec04dfbb9105a2675819e1e', name: '中国A集团有限公司', creditCode: '911100001000128855', fundedRatio: 100, hasChildren: true, childrenCount: 16,.

Sequelize介绍:​ Sequelize是一个基于promise的node.js的ORM(Object Relatial Module)框架,通过该框架我们可以在进行后端API开发时,不再通过原始的手动写入数据库操作语句,而是可以通过对象操作的方式进行数据库相关操作.目前Sequelize支持的数据库有Postgres、Mysql、MariaDB、SQLite、Microsoft SQL Server.它具有强大的事务支持,关联关系,预读和延迟加载,读取复制等功能.注意:** 在我们使用se

在Vue+JavaScript模式中,我们在组件中使用component、watch、model、emit属性时,都是直接使用的.然而在Vue+TypeScript开发模式中.我们需要通过引入相应的构造器,在构造器中进行声明使用数据.// 在Vue+TypeScript开发模式中引入相应的构造器进行界面开发<script lang="ts"> import { Component,Vue,Watch,Prop,Model,Emit} from 'vue=property-decorator

react开发使用的Ant Design React开发框架,需求需要构建树形图.所以使用Tree组件.在使用Tree组件时,如果我们设置Tree组件showLine属性,则最后一个子项一定会出现一个小文件的图标,这往往不是我们需要的.查看开发文档.官方的回答是:在 showLine 时，如何隐藏子节点图标？文件图标通过 switcherIcon 来实现，如果不需要你可以覆盖对应的样式跳转.官方给出的这句解释,我理解上是使用css样式覆盖???或者通过在Tree组件上使用switchIcon属性进行

let list = [32, 35, 123, 546, 2, 54,35]; // 定义数组list list=Array.from(new Set(list)); // 数组去重操作 let nums = []; const getMax = oldArr => { if (nums.length < 3) { let max = Math.max(...oldArr); // 获取传入数组中的最大数 ...

1.什么是Vuex？Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化.Vuex也集成到Vue的官方调试工具devtools extension,提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。使用Vuex管理实现的场景:用户的登录状态、用户名称、头像、地理位置、商品收藏、购物车的物品…2.安装使用Vuex npm install vuex --sav

根据在网上获取到的一些图片的地址.然后想要根据这些图片地址将图片保存到本地.方法一:简单实现图片下载(只适用于少量图片下载)request的pipe方法可以很方便的获取图片的文件流,然后我们在通关fs模块进行流的写入操作.使用到的模块1.fs模块2.request模块const fs=require('fs');const request=require('request');// 实现代码const imgSrc=[{ // 图片地址 src: 'http://kr

Flex是Flexible box的缩写,意为弹性布局,用来为盒模型提供最大的灵活性.任何一个容器都可以指定为Flex布局.通过 display:flex样式声明为flex布局的元素成为容器,而容器中的所有初级子代元素称为项目传统布局优缺点:兼容性好、布局繁琐、不能很好的兼顾移动端. 存在局限性flex弹性布局优缺点:操作方便,布局简单,能够很好的兼顾移动端.PC端浏览器兼容情况较差、IE支持版本较低,需要做兼容性处理.建议:做项目开发时,若是需要考虑各大浏览器兼容的PC端项目,建

this指向解读:1.函数外面的this，即全局作用域的this指向window。2.函数里面的this总是指向直接调用者。如果没有直接调用者，隐含的调用者是window。3.使用new调用一个函数，这个函数即为构造函数。构造函数里面的this是和实例对象沟通的桥梁，它指向实例对象。4.箭头函数里面的this在它申明时确定，跟他当前作用域的this一样。5.DOM事件回调里面，this指向绑定事件的对象(currentTarget)，而不是触发事件的对象(target)。当然这两个可以是一样的。如

引言:typescript中为了使编写的代码更加规范,更有利于维护,增加了类型校验,在typescript中主要给我们设定了一下数据类型:布尔类型(boolean)、数字类型(number)、字符串类型(string)、数组类型(array)、元组类型(tuple)、枚举类型(enum)、任意类型(any)、null和undefined类型、void类型、never类型…在typescript中,规定在声明一个变量的同时,必须规定该变量的类型.let 变量名:数据类型=值;1.布尔类型(boole

在ES6中,为函数的实现以及其方法做了许多修改与添加.1.函数参数默认值在ES6中,我们可以在声明函数时,直接为其参数设置一个默认值.带有默认值的函数参数​ function 函数名(参数名=默认值){​ … 函数执行代码块​ }注意:当为函数参数声明默认值后,不能再在函数体内通过let或const声明与参数名相同的变量.当指定了函数参数默认值后,函数调用的length方法将失去真实性(出现错误,只返回没有指定默认值的参数个数.)function getSum(a,b=12)

Proxy用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种’元编程’,即对编程语言进行编程.Proxy可以理解成,在目标对象之前假设一层拦截,外界对该对象的访问,都必须先通过这层拦截,一次提供了一种机制,可以对外界的访问进行过滤和改写.Proxy这个词的原意是代理,用在这里表示由它来’代理’某些操作,可以译为’代理器’.Proxy对象的常用解构组成:let proxy=new Proxy(target,handler);>>target:表示需要被代理的目标对象

Promise含义Promise是ES6新增的一种异步编程的解决方案.所谓Promise,简单的说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果.从语法上来讲,Promise是一个对象,我们可通过它获取异步操作的消息.Promise提供各种方便进行异步操作处理的统一的API.Promise的特点:1.对象的状态不受外界影响Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)、rejected(已失败).这三种状态只受

1.模型了解介绍:​ 模型是Sequelize的本质,模型是代表数据库中表的抽象,是我们操作数据库表的重要实质.在sequelize中,它是一个model的扩展类.该模型告诉sequelize有关它代表的实体的几件事,列如,数据库中表的名称以及它具有的字段及其数据类型(即,通过模型我们可以创建在数据库中创建相应的表及其所拥有的字段以及字段类型.)Sequelize中的模型有一个名称,此名称不必与它在数据库中表示的表的名称相同,通常,模型具有单数名称(例如: User ),而表具有复数名称(例如:

1.创建Sequelize介绍:​ Sequelize是一个基于promise的node.js的ORM(Object Relatial Module)框架,通过该框架我们可以在进行后端API开发时,不再通过原始的手动写入数据库操作语句,而是可以通过对象操作的方式进行数据库相关操作.目前Sequelize支持的数据库有Postgres、Mysql、MariaDB、SQLite、Microsoft SQL Server.它具有强大的事务支持,关联关系,预读和延迟加载,读取复制等功能.注意:** 在我们

事件修饰符 (1) .stop 阻止事件冒泡(事件从下向上冒泡似的触发) 语法: v-on:事件类型.stop="事件执行函数名" 或 @事件类型.stop="事件发生函数名" (2) .prevent 阻止默认事件 语法: v-on:事件类型.prevent="事件执行函数名" 或 @事件类型.prevent="事件发生函数名" @contextmenu.

1.jquery的使用使用jquery需要引入jquery文件 <script src="...文件路径"></script> <script> ...jquery格式的代码 </script>2.jquery的入口函数以及基础语法基础语法: $(选择器).执行的动作(动作执行的方法) 例如: $(document).ready(function(){ ...需要执行的jquery代码

1.map方法为数组中的每一个元素依次执行回调函数,调用该方法会返回一个新的数组(即不会影响改变原始数组内容),新数组中的元素为原始数组元素调用函数经过处理后的值 语法: array.map(function(curValue,index,arr){ ...执行内容 },thisValue) curValue:必须参数,当前数组元素的值 index :可选参数,当前数组元素的下标值 arr :可选参数,调用map方法的数组对

通过ES6中的数组操作方法some进行判断.const flag=数组名.some((item)=>{ if(item.指定属性===需要判断的属性)return true;})// 通过返回的布尔类型进行相应的处理if(flag){ // 如果存在该对象 ....}else{ // 不存在该对象 ....}例如:const flag = Enums.card_list.some((item) => { if (item.title === values.t