自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 TypeScript

TS介绍TS环境安装与初体验TS数据类型TS中的接口TS中的函数TS中的类TS中的泛型TS其他补充TS兼容性TS中的装饰器TS中的MixinsTS模块TS命名空间TS中的配置及环境搭建TS是是由微软2012年开发的一款开源的编程语言TypeScript 是 Javascript 的超集,遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript的语法在js的基础上,为js添加了类型支持。

2022-12-26 11:39:09 400 1

原创 关于elementui中的tree形组件的懒加载模式的使用

<template> <div> <el-tree node-key="id" lazy :load="loadNode" :props="defaultProps" :expand-on-click-node="false" :check-on-click-node="true" v-loading="list.loading" @node-click="nodeCli

2021-10-20 21:34:04 727

原创 封装防抖函数

<button id="throttle">点我节流!</button> <script> let btn = document.querySelector('button') btn.onclick=throttle(fn,1,2) function fn(e,f){ console.log(66); console.log(e,f); } function throttle(fn) { let flag = t.

2021-09-11 09:51:37 127

原创 AntDesign_ofReact使用笔记

#说明#目录[TOC]Ant Design of React 文档官方文档地址组件一、数据录入1、From表单许多数据录入是与From表单相结合的Ⅰ-限制表单中输入框不能为空以及中文通过From.Item 中的 normalize属性进行处理对value的处理:组件获取值后进行转换,再放入 Form 中。不支持异步通过正则替换,将键入的空格以及中文替换为空字符串代码示例<Form form={form} onFinish={handl

2021-08-25 18:08:51 835

原创 webpack基础学习笔记

#目录一、Webpack简介1、webpack是什么?Webpack是一种前端资源构建工具,一个静态模块打包器(module bundler)在 Webpack看来,前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)2、Webpack的五个核心概念Entry入口指示 Webpack以哪个文件为入口七点开始打包,分析构建内部依赖图Output输出指示 Webpack打包后

2021-08-25 18:05:53 159

原创 jspang_Hooks学习笔记

此笔记是观看B站技术胖的Hooks教学视频,各个博客,零碎知识点,官方文档整理而成,仅供本人洪学习记录使用React 核心开发人员写的一篇文章,很不错官方文档 官方视频本人React系统学习笔记分享本人笔记地址分享:全部笔记、ReactHooks笔记、React笔记#目录[TOC]一、React Hook 介绍与环境搭建Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性在 React Conf.

2021-08-25 18:03:10 674

原创 Ajax学习笔记

#目录一、Ajax简介AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。AJAX 不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。1、XML简介XML 可扩展标记语言。XML 被设计用来传输和存储数据。XML 和 HTML 类似,不同的是 HTML 中都是预定义标签,而 XML 中没有预定义标签, 全都是

2021-08-25 18:00:11 115

原创 gitee

git1.什么是git?git是一个免费的,开源的版本控制软件。2.什么是版本控制?版本控制:一种记录一个或者若干文件状态,内容变化,以便将来查询特定版本修订情况的系统。具体功能:记录文件的所有历史变化。随时可恢复到任何一个历史状态多人开发3.版本控制的软件SVN 集中式​ 集中式是版本库在中央服务器上,工作时,用的都是自己的电脑,将代码提交到中央服务器,从中央服务器获取新的别人提交的代码。集中式必须联网才能工作,服务器如果挂掉,整个版本控制软件都不可用。Git 分布式​

2021-08-25 17:20:20 231

原创 React系统学习笔记

React系统学习笔记Ⅰ-React基础知识与概念React相对于vue来说学习成本更高,或者说需要的基础知识更多,需要有一些预备知识点支撑webpack相关知识axios相关知识js基础与es6相关知识一、React简介官网链接:中文官网介绍描述用于动态构建用户界面的JavaScript(只关注视图)由Facebook开源1、React的特点声明式编程组件化编程React Native编写原生应用React Native (简称RN)是Fa

2021-08-23 12:42:12 351

原创 微信小程序学习笔记

[TOC]一、初识微信小程序1、什么是微信小程序Ⅰ-小程序历史2017 年度百度百科十大热词之一微信小程序,简称小程序,英文名 Mini Program,是一种不需要下载安装即可使用的应用 (张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小,下载速度很快,用户感觉不到下载的过程 )小程序刚发布的时候要求压缩包的体积不能大于 1M,,否则无法通过,在2017年4月做了改进,由原来的1M提升到2M;2017年1月9日0点,万众瞩目的微信第一批小程序正式低.

2021-08-19 12:08:53 241

原创 消息订阅与发布机制 工具库: PubSubJS

消息订阅与发布机制 —> 工具库: PubSubJS1.先订阅,再发布(理解:有一种隔空对话的感觉)2.适用于任意组件间通信3.要在组件的componentWillUnmount中取消订阅//下载: npm install pubsub-js --save//使用举例1) import PubSub from 'pubsub-js' //引入2) PubSub.subscribe('delete', function(data){ }); //订阅3) PubSub.publish

2021-08-18 14:57:08 125

转载 React扩展

1. setStatesetState更新状态的2种写法 (1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 (2). setState(updater, [callback])------函数式的setSta

2021-08-18 14:52:58 56

原创 React

React简介react是什么?React用于构建用户界面的JS库。是一个将数据渲染为HTML视图的开源JS库。为什么学?1.原生JS操作DOM繁琐,效率低2.使用JS直接操作DOM,浏览器会进行大量的重绘重排3.原生JS没有组件化编码方案,代码复用低在学习之前最好看一下关于npm的知识:下面是我在网上看见的一个写的还不错的npm的文章npmReact入门React 基础案例1.先倒入三个包:【先引入react.development.js,后引入react-dom.develo

2021-08-17 21:08:08 516 1

原创 Vue的数据响应式原理

Vue的数据响应式原理 Vue的数据响应式原理 通过相关的方法,实现当数据改变时可以触发一个函数(实现数据改变的监听效果) Vue2的原理 Vue2中利用Object.definProperty将对象中的每个属性添加对应的getter和setter方法。 当数据改变时触发对应的监听者(监听者监听到了数据的改变),一旦监听到数据改变, 则触发对应的render函数,将页面重新渲染 <script> const data = {

2021-08-03 17:33:47 118

原创 通过require.context引入对应的文件

import Vue from 'vue'import Vuex from 'vuex'// import students from './modules/students'// 通过require.context引入对应的文件,加载,可以省去我们引入并使用的过程// 一下写法是固定,所有的项目里的modules的引入都是这样的const modules = {}const files = require.context('./modules', true, /\.js$/) // 引入

2021-07-13 18:54:03 170

原创 express-generato生成器

express-generator生成器可以快速创建一个应用的骨架。1.安装在命令行输入以下指令cnpm i express-generator -g安装后就可以使用express命令了2.创建项目///express 模板引擎(或者其他配置) 项目名称express -e myapp该名称执行完成后会创建一个拥有基础骨架的项目,项目目录如下:.├── app.js //主文件├── bin│ └── www //启动文件├── package.json //项目依赖信息

2021-07-13 11:15:52 75

原创 node 总结

node 模块化闭包+自执行函数实现模块化var 模块名 = (function(){ .... return { 变量1, 变量2 }})(引入其他的模块名...)ES6模块化export 变量的声明赋值import {变量名} from “模块路径”默认导出一个模块只能有一个默认导出,对于默认导出,导入的名称可以和导出的名称可以不一样。commonJS模块化//导出module.exports={导出的变量}exports.属性名 = value//导入le

2021-07-13 11:13:52 43

原创 es6-ES6概念&新增语法&内置对象拓展

ES6语法目标能够说出使用let关键字声明变量的特点能够使用解构赋值从数组中提取值能够说出箭头函数拥有的特性能够使用剩余参数接收剩余的函数参数能够使用拓展运算符拆分数组能够说出模板字符串拥有的特性ES6相关概念(★★)什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iaw9X9Fe-1626145826387)(images/es-v

2021-07-13 11:12:43 52

原创 git基础操作

git1.什么是git?git是一个免费的,开源的版本控制软件。2.什么是版本控制?版本控制:一种记录一个或者若干文件状态,内容变化,以便将来查询特定版本修订情况的系统。具体功能:记录文件的所有历史变化。随时可恢复到任何一个历史状态多人开发3.版本控制的软件SVN 集中式​ 集中式是版本库在中央服务器上,工作时,用的都是自己的电脑,将代码提交到中央服务器,从中央服务器获取新的别人提交的代码。集中式必须联网才能工作,服务器如果挂掉,整个版本控制软件都不可用。Git 分布式​

2021-07-13 10:57:28 95

原创 axios

axios文档axios是一个封装好的独立的ajax请求库, 基于Promise。支持在浏览器和Node中使用使用我们可以在我们的页面中引入axios.js,然后使用axios相关功能<script src="axios.js路径"></script>请求方法GET、DELETEaxios.请求方法(get, delete)("接口文档的接口地址", { params: { 接口文档中的参数: "要携带的值" }}).then(res =>

2021-07-13 10:55:20 45

原创 Vuex 上

1. Vuex1.1. Vuex的核心思想1.1.1. 流程1.2. 基本模板1.3. state1.3.1. 如何设置state1.3.2. 如何在组件中使用state1.3.2.1. 直接使用1.3.2.2. 利用computed优化1.3.2.3. 辅助函数1.4. mutation1.4.1. 如何创建mutation1.4.2. 如何使用mutation1.5. action1.5.1. 如何创建action1.5.2. 如何使用acti.

2021-07-12 19:41:05 114

原创 VUE $attrs $parent $listeners provide inject

$attrs$attrs 如果设置了props接收对应的数据,则$attrs中就没有相关数据$parent$parent.属性名 也可以直接获取到相关父组件中的数据<div id="app"> <Child msg='父组件中的数据'></Child></div><script src="./js/vue.js"></script><script> const Child = { templa

2021-07-12 19:39:03 131

原创 mysql 添加、修改和删除

添加、修改和删除insertInsert into 表名(字段,。。。。) values(值,………..)省略字段的插入insert into emp values(9999,'zhangsan','MANAGER', null, null,3000, 500, 10);指定字段的插入(建议使用此种方式)insert into emp (empno,ename,job,mgr,hiredate,sal,comm,deptno) values(9999,'zhangsan','MANAG

2021-06-25 08:45:13 54

原创 MySql数据库

什么是数据库数据库,通常是一个或一组文件,保存了一些符合特定规格的数据,数据库对应的英语单词是DataBase,简称:DB,数据库软件称为数据库管理系统(DBMS),全称为DataBase Management System,如:Oracle、SQL Server、MySql、Sybase、informix、DB2、interbase、PostgreSql 。表表(table)是一种结构化的文件,可以用来存储特定类型的数据,如:学生信息,课程信息,都可以放到表中。另外表都有特定的名称,而且不能重复。表

2021-06-05 09:09:23 126 1

原创 Promise回调地狱问题 async await

PromiseES6新增的类。专门用来解决回调地狱问题的。三种状态:pending:初始值。标识进行中。fulfilled:操作成功rejected:操作失败。// promise是一个对象,所以创建时需要使用new关键字。参数为一个回调函数,回调函数有两个形参:resolve,reject。这两个都是函数,。let p = new Promise((resolve,reject)=>{ // resolve表示异步函数成功执行后的执行的操作 // reject表示异步函数执行

2021-06-05 08:38:49 92

原创 node模块加载机制

node模块加载机制 1.模块名有路径,并且有后缀 通过路径,引入相关的模块。 2.当模块有路径,但是没有后缀的时候 2.1 会先找路径下同名的js文件。 2.2 再找路径下同名的文件夹,找文件夹下的index.js 2.3 如果文件夹下有package.json 会找文件中的main字段 入口文件。 2.4 如果找不到,就报错。 3.模块没有路径也没有后缀。 3.1 node会判断它是否为内置模块,是内置就加载 3.2 不为内置,

2021-06-04 08:23:40 73

原创 Node安装第三方模块

什么是第三方模块?别人写好的,具有特定功能的模块,就是第三方模块,我们需要下载才可以使用。获取第三方模块npmjs.com存储和分发第三方模块的仓库使用npm命令行下载第三方模块npm是随node一起安装的包管理工具,只要安装了node,就可以使用npm。npm的作用:1.允许用户从npm服务器下载别人写好的第三方模块到本地使用。2.允许用户从npm服务器下载别人写好的命令行程序到本地使用。3.允许用户上传自己写好的第三方模块和命令行程序到npm服务器上。npm 下载模块npm in

2021-06-04 08:17:50 556

原创 三种本地存储

本地存储本地存储三种:cookielocalStorageh5新增sessionStorageh5新增兼容性cookielocalStorageIE8以下不兼容sessionStorageIE8以下不兼容容量:cookie4kblocalstorage5m不同的浏览器可能会有不同的大小sessionStorage5m...

2021-05-19 15:40:58 77

原创 正则表达式

正则正则表达式主要用途:表单提交检验。正则表达式是一个描述字符模式的对象。ECMAScript中的RegExp类表示正则表达式。功能:1.验证字符串是否符合规则。(验证)2.从字符串获取符合规范的内容。(捕获)创建正则表达式对象的方法:1.通过字面量的方式varreg=/hello/;/正则元字符/修饰符/i忽略大小写...

2021-05-18 12:19:38 48

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除