yanyan621-CSDN博客

原创 webpack的理解和基本使用

理解webpack是nodejs的一个第三方包主要功能是构建前端开发环境a. 根据commonjs规范打包模块b. 把非js资源转换成js资源c. 挺供插件机制，在打包的过程中可以做一些额外的工作webpack的基本使用安装 webpack和webpack-clinpm i webpack webpack-cli -Dwebpack安装在开发环境即可，打包完webpack这些东西都不用了...

2020-09-22 21:27:23 130

一、typescript的语言特点1.是强语言类型（强语言类型就是在书写过程中标注了变量的类型，且给变量赋值的时候，值的类型必须和变量的类型一致）。2.不能被js执行器解析执行。3.typescript的语言会被ts转换器转换成js。4.有自己一套强大的类型系统。二、typescript转换环境的配置1.安装typescript包npm i typescript -g2.执行tsc命令就可以执行转换tsc --help 可以查看tsc的全部命令3.执行 tsc --init 生成tsc

2020-09-22 11:54:48 462

原创分分钟搞懂防抖和节流

首先要明白在什么场景下会用到防抖和节流有很多频繁触发的事件a. onMouseMoveb.onScrollc.onClick对应的事件监听器会频繁触发（这样不太好）一、防抖1.定义防抖就是在快速触发的时间段，仅仅执行一次。在事件触发的时候，去清除尚未执行的逻辑。防抖本质上就是清除尚未执行的定时器2.举例说明（onmousemove事件：在定时器里鼠标滑过div就打印‘document’） <div id="box"></div> #box {

2020-09-14 17:25:32 387

原创 Eslint的基础使用

ESLint 是一个插件化并且可配置的 JavaScript 语法规则和代码风格的检查工具。ESLint 能够帮你轻松写出高质量的 JavaScript 代码ESLint的使用简单，方便，接下来从搭建一个项目的初始说一下使用流程：1创建一个文件（英文名称，不能含中文）文件里新建一个src文件2.初始化一个包npm init3....

2020-09-08 10:17:55 1675

原创浅谈纯函数、高阶函数和柯理化函数

纯函数能确定返回值的函数就是纯函数例如：function pure (a) { let b = 5 ; return a + b}pure(10)高阶函数接收一个函数作为参数，或者返回值为一个函数例如：//函数一接收了一个函数作为参数function add(callback){ callback()}add(()=>console.log('调用了callback'))//函数二返回值为一个函数function add(){ return fu

2020-09-03 20:20:56 147

原创 vue 双向数据绑定的实现原理

在目前市场应用比较火的前端框架中，我个人很喜欢vue，总结了vue的几大特点：（1）简洁（2）轻量（3）快速（4）数据驱动（5）模块友好（6）组件化vue在使用过程中如此便捷就主要源于它的双向数据流，那么它是如何实现的？用简短的代码演示一下vue双向数据绑定的原理便一目了然：用Object的defindProperty方法。基于访问器属性get set实现。<input type="text" id="a"/><span id="b"></spa

2020-09-03 15:21:46 113

原创 jsonp跨域原理解析

背景由于浏览器同源策略的限制，非同源下的请求，会产生跨域问题，要想拿到非同源下的资源数据，那么jsonp就可以帮你解决这个问题。同源策略：同一协议，同一域名，同一端口号。当其中一个不满足时，我们的请求即会发生跨域问题。jsonp突破同源策略限制：我们要用过利用img、srcipt，link标签的src或href属性（到底使用那个标签无所谓）来实现，那么我们如何做呢，我们来看一段简单的代码，为了方便，我这里使用jQuery：$('#btn').click(function(){ var do

2020-08-13 22:29:52 83

原创浅谈mysql

认识mysql：[学习mysql]:https://www.runoob.com/mysql/mysql-tutorial.html一、操作mysql的方式:命令行Navicat 数据库可视化工具，可以直接在命令行对数据库的数据进行增删改查等操作二、使用Navicat操作数据库1.创建连接2.创建一个数据库3.在tables下边创建表4.在表内进行增删改查三、命令行操作数据库的常用命令查查全表select * from 表名带条件查询全表select *

2020-08-12 16:59:14 165

weixin_46949165的博客