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添加了类型支持。
关于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
封装防抖函数 <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.
AntDesign_ofReact使用笔记 #说明#目录[TOC]Ant Design of React 文档官方文档地址组件一、数据录入1、From表单许多数据录入是与From表单相结合的Ⅰ-限制表单中输入框不能为空以及中文通过From.Item 中的 normalize属性进行处理对value的处理:组件获取值后进行转换,再放入 Form 中。不支持异步通过正则替换,将键入的空格以及中文替换为空字符串代码示例<Form form={form} onFinish={handl
webpack基础学习笔记 #目录一、Webpack简介1、webpack是什么?Webpack是一种前端资源构建工具,一个静态模块打包器(module bundler)在 Webpack看来,前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)2、Webpack的五个核心概念Entry入口指示 Webpack以哪个文件为入口七点开始打包,分析构建内部依赖图Output输出指示 Webpack打包后
jspang_Hooks学习笔记 此笔记是观看B站技术胖的Hooks教学视频,各个博客,零碎知识点,官方文档整理而成,仅供本人洪学习记录使用React 核心开发人员写的一篇文章,很不错官方文档 官方视频本人React系统学习笔记分享本人笔记地址分享:全部笔记、ReactHooks笔记、React笔记#目录[TOC]一、React Hook 介绍与环境搭建Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性在 React Conf.
Ajax学习笔记 #目录一、Ajax简介AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。AJAX 不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。1、XML简介XML 可扩展标记语言。XML 被设计用来传输和存储数据。XML 和 HTML 类似,不同的是 HTML 中都是预定义标签,而 XML 中没有预定义标签, 全都是
gitee git1.什么是git?git是一个免费的,开源的版本控制软件。2.什么是版本控制?版本控制:一种记录一个或者若干文件状态,内容变化,以便将来查询特定版本修订情况的系统。具体功能:记录文件的所有历史变化。随时可恢复到任何一个历史状态多人开发3.版本控制的软件SVN 集中式 集中式是版本库在中央服务器上,工作时,用的都是自己的电脑,将代码提交到中央服务器,从中央服务器获取新的别人提交的代码。集中式必须联网才能工作,服务器如果挂掉,整个版本控制软件都不可用。Git 分布式
React系统学习笔记 React系统学习笔记Ⅰ-React基础知识与概念React相对于vue来说学习成本更高,或者说需要的基础知识更多,需要有一些预备知识点支撑webpack相关知识axios相关知识js基础与es6相关知识一、React简介官网链接:中文官网介绍描述用于动态构建用户界面的JavaScript(只关注视图)由Facebook开源1、React的特点声明式编程组件化编程React Native编写原生应用React Native (简称RN)是Fa
微信小程序学习笔记 [TOC]一、初识微信小程序1、什么是微信小程序Ⅰ-小程序历史2017 年度百度百科十大热词之一微信小程序,简称小程序,英文名 Mini Program,是一种不需要下载安装即可使用的应用 (张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小,下载速度很快,用户感觉不到下载的过程 )小程序刚发布的时候要求压缩包的体积不能大于 1M,,否则无法通过,在2017年4月做了改进,由原来的1M提升到2M;2017年1月9日0点,万众瞩目的微信第一批小程序正式低.
消息订阅与发布机制 工具库: 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
React扩展 1. setStatesetState更新状态的2种写法 (1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 (2). setState(updater, [callback])------函数式的setSta
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
Vue的数据响应式原理 Vue的数据响应式原理 Vue的数据响应式原理 通过相关的方法,实现当数据改变时可以触发一个函数(实现数据改变的监听效果) Vue2的原理 Vue2中利用Object.definProperty将对象中的每个属性添加对应的getter和setter方法。 当数据改变时触发对应的监听者(监听者监听到了数据的改变),一旦监听到数据改变, 则触发对应的render函数,将页面重新渲染 <script> const data = {
通过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$/) // 引入
express-generato生成器 express-generator生成器可以快速创建一个应用的骨架。1.安装在命令行输入以下指令cnpm i express-generator -g安装后就可以使用express命令了2.创建项目///express 模板引擎(或者其他配置) 项目名称express -e myapp该名称执行完成后会创建一个拥有基础骨架的项目,项目目录如下:.├── app.js //主文件├── bin│ └── www //启动文件├── package.json //项目依赖信息
node 总结 node 模块化闭包+自执行函数实现模块化var 模块名 = (function(){ .... return { 变量1, 变量2 }})(引入其他的模块名...)ES6模块化export 变量的声明赋值import {变量名} from “模块路径”默认导出一个模块只能有一个默认导出,对于默认导出,导入的名称可以和导出的名称可以不一样。commonJS模块化//导出module.exports={导出的变量}exports.属性名 = value//导入le
es6-ES6概念&新增语法&内置对象拓展 ES6语法目标能够说出使用let关键字声明变量的特点能够使用解构赋值从数组中提取值能够说出箭头函数拥有的特性能够使用剩余参数接收剩余的函数参数能够使用拓展运算符拆分数组能够说出模板字符串拥有的特性ES6相关概念(★★)什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iaw9X9Fe-1626145826387)(images/es-v
git基础操作 git1.什么是git?git是一个免费的,开源的版本控制软件。2.什么是版本控制?版本控制:一种记录一个或者若干文件状态,内容变化,以便将来查询特定版本修订情况的系统。具体功能:记录文件的所有历史变化。随时可恢复到任何一个历史状态多人开发3.版本控制的软件SVN 集中式 集中式是版本库在中央服务器上,工作时,用的都是自己的电脑,将代码提交到中央服务器,从中央服务器获取新的别人提交的代码。集中式必须联网才能工作,服务器如果挂掉,整个版本控制软件都不可用。Git 分布式
axios axios文档axios是一个封装好的独立的ajax请求库, 基于Promise。支持在浏览器和Node中使用使用我们可以在我们的页面中引入axios.js,然后使用axios相关功能<script src="axios.js路径"></script>请求方法GET、DELETEaxios.请求方法(get, delete)("接口文档的接口地址", { params: { 接口文档中的参数: "要携带的值" }}).then(res =>