- 博客(22)
- 收藏
- 关注
RSS订阅
原创 egg-swagger-ui 小白文档
egg-swagger-ui 配置前言Eggjs 是阿里巴巴团队开发的，一个基于 Koajs 的框架，相当于二次封装，相比较 Koajs ，并没有那么高的自由度，但 Eggjs 这种带有规范性的开发更适合在企业中使用。Swagger 是 RESTFUL 接口的文档在线自动生成工具。此文档基于Eggjs + egg-swagger-doc 生成RESTFUL 接口供调试使用。环境准备操作系统：支持 macOS，Linux，Windows运行环境：建议选择 LTS 版本，最低要求 8.x。
2020-07-30 16:05:12
2583
2
转载 jquery常用语法
很久没有使用jquery，今天一个小白问我jquery应该怎么使用，突然发现很多语法全然忘记了，这里留下一些小笔记，方便后续查阅文档就绪函数$(document).ready(function(){--- jQuery functions go here ----});jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id=“lastname” 的元素.class$(".intro")所有 class.
2021-08-09 21:16:49
156
原创 jquery简单的input操作
<!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" />
2021-08-09 21:12:38
2041
原创 js校验身份证
js校验身份证 用js教你校验身份证【身份证号码的规则】6位地方代码+8位出生年月日数字+2位顺序码+1位性别代码+1位校验码1）地方代码:地方代码的前两位由特定的省份代码组成，至于原理呢…没有，我们并不需要纠结或者记住来源，只需要校验输入身份证号中的前两位是否在这些省份代码里即可；地区代码为何只校验前两位，是因为三四位是市级代码、五六位是县级代码，这些代码数量众多，一一校验会很耗费性能，而在后面的校验码和顺序码的校验会涉及到...
2020-09-18 09:46:22
2583
原创 常用css样式
常用颜色变量 less参考antd 颜色变量https://www.npmjs.com/package/@ant-design/colors@colorBlue: #1890ff;@colorGreen: #52c41a;@colorYellow: #fadb14;@colorGold: #faad14;@colorGray: #bfbfbf;@danger: #ff4d4f;常用样式宽度遵循ANTD设计规范，以8的倍数增加,共预设7个等级xs：120、sm：160、md ：20
2020-07-02 20:54:21
2846
原创 vscode react ESLint Prettier 接入
初始化 npx create-react-app . --typescript1. 初始化配置npm run eject2. 安装依赖npm i -D prettier eslint-config-prettier eslint-plugin-prettier3. Eslint 配置AppRoot 表示根目录// {AppRoot}/.eslintrc.jsmodule.exports = { parser: '@typescript-eslint/parser', exte
2020-05-26 12:30:39
788
原创 简单位移计算
const menuType = [0, 1, 2, 4, 8, 16, 32 ,64, 128, 256, 512, 1024]const type1 = [0, 1, 2, 4]const type2 = [0, 1, 2, 5, 8,] function sortMenuType (type) { // 整理type值 if (menuType.length > 0) { for (let i = 0; i < menuT
2020-05-14 21:07:12
311
原创 mobx 单应用实践
mobx在SPA应用1. 安装依赖：npm install -s mobx mobx-react @babel/plugin-proposal-decorators2. 修改package.json(支持类):"babel": { "presets": [ "react-app" ], "plugins": [ ["@babel/plugin-propos...
2020-04-24 17:21:41
199
原创 10分钟够你了解 react-router-dom
react-router-dom引用 react-router 是一个基于 React 之上的强大路由库; 目前react-router最新版本已经到4.0+这里只介绍 react-router-dom, 依赖于react-routerreact-router // React Router 核心react-router-dom // 用于 DOM 绑定的 Reac...
2020-04-23 12:00:48
492
原创 ant design table 二次封装
ant design table 二次封装这里封装了table size 与列排序、列展示与隐藏、列固定 功能目录结构├─Q1Tabel│ DragSortingTable.tsx // 列排序、列展示与隐藏、列固定 功能│ index.tsx // table扩展│ Q1Table.d.ts│ README.md│ tdEmpt...
2020-04-17 11:55:10
1898
原创 十分钟带你理解Mobx
官网地址：https://mobx.js.org/README.htmlSimple, scalable state management 简单，可扩展的状态管理器安装npm install -s mobx mobx-react创建监视数据用法：observable(value)@observable classProperty = valueObservable 值可以是...
2020-04-16 11:48:47
244
原创 typescript 类装饰器 （decorators），应用场景
名词解释装饰器:装饰器是一种特殊类型的声明，它能够被附加到类声明，方法，属性或参数上，可以修改类的行为。常见的装饰器常见的装饰器有：类装饰器、属性装饰器、方法装饰器、参数装饰器装饰器的写法：普通装饰器（无法传参） 、 装饰器工厂（可传参）装饰器是过去几年中js最大的成就之一，已是Es7的标准特性之一1.类装饰器1.1、普通装饰器（无法传参）// 普通装饰器（无法传参）fun...
2020-04-14 03:12:21
1819
2
原创 typescript类的定义，继承与属性，类里面的修饰符，静态属性与静态方法，抽象类 继承 多态
typeScript中的类1.1 类的定义1.2 继承1.3 类里面的修饰符1.4 静态属性 静态方法1.5 抽象类 继承 多态1. 类的定义class Person{ name:string; //属性 前面省略了public关键词 constructor(n:string){ //构造函数 实例化类的时候触发的方法 this.name...
2020-04-14 01:39:33
308
原创 react-dnd 拖放组件
react-dnd官网地址：https://react-dnd.github.io/react-dnd/docs/api/use-drop用途：react-dnd 是一组 React 高阶组件，使用的时候只需要使用对应的 API 将目标组件进行包裹，即可实现拖动或接受拖动元素的功能。安装：yarn add react-dnd react-dnd-html5-backend immuta...
2020-04-13 17:56:33
4660
原创 react基础组件几种通信方法
react基础组件几种通信方法1.父子组件通信父组件向子组件通信：使用 props子组件向父组件通信：使用 props 回调本文使用React 16.8 的新增特性 Hook示例 // Parents父组件 // 使用 props val 传值 // 通过 emit自定义事件 childChange 接收子组件回调 import React, { useState } from...
2020-04-09 01:22:19
183
原创 typescript 基础类型
typescript 基础类型布尔值数字字符串数组元组 Tuple枚举接口布尔值最基本的数据类型就是简单的true/false值，在JavaScript和TypeScript里叫做boolean（其它语言中也一样）。let isDone:boolean = false数字和JavaScript一样，TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了...
2020-04-08 01:07:59
147
原创 CSS颜色的6种写法
可以用以下方法来规定 CSS 中的颜色：十六进制色、RGB 颜色、RGBA 颜色、英文名颜色、HSL 颜色、HSLA 颜色、预定义/跨浏览器颜色名hex_number使用十六进制颜色：最常用,所有浏览器都支持十六进制颜色值。十六进制颜色是这样规定的：#RRGGBB，其中的 RR（红色）、GG（绿色）、BB（蓝色）十六进制整数规定了颜色的成分。所有值必须介于 0 与 F 之间。p...
2019-10-10 17:53:47
1773
转载 antv API
一.安装：1 浏览器引入<!-- 引入在线资源 --><script src="https://gw.alipayobjects.com/os/lib/antv/g2/3.4.10/dist/g2.min.js"></script>2 通过NPM 安装//提供了 G2 npm 包，通过下面的命令即可完成安装npm install @antv/g2 ...
2019-05-13 19:38:41
1648
转载 搜索引擎优化
SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是：为网站提供生态式的自我营销解决方案，让其在行业内占据领先地位，获得品牌收益；SEO包含站外SEO和站内SEO两方面；为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划，还会使搜索引擎中显示的...
2019-05-10 16:44:21
301
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人