
学习笔记
文章平均质量分 69
Sunsine_C
前端攻城狮
展开
-
vue-router
vueRouter原创 2022-07-13 15:39:04 · 701 阅读 · 1 评论 -
JS垃圾回收机制
JavaScript垃圾回收机制原创 2022-06-15 13:37:53 · 11539 阅读 · 0 评论 -
ES新特性总结
ECMAScript的了解ECMAScript也是一门脚本语言,一般缩写es,通常我们把它看做Js的标准化规范,但实际上js是ECMAScript的扩展语言,ECMAScript中只是提供了最基本的语法,只是停在了语言层面,实现不了实际应用当中的功能开发。JS实现了ECMAScript语言的标准,在ECMAScript的基础上进行了扩展,使得我们在浏览器环境可以操作DOM、BOM,node环境可以读写文件。总得来说:浏览器下的JS包括:ECMAScript + Web APIs(DOM、B原创 2021-11-23 21:04:08 · 3236 阅读 · 0 评论 -
函数柯里化
什么是函数柯里化?函数有多个参数,调用函数时先传递部分参数,并返回一个新的函数接收剩余的参数,返回相应的结果// 硬编码function checkAge(age) { let mini = 18; return age >= mini;}// 普通的纯函数function checkAge(mini, age) { return age >= mini;}// 柯里化实现function checkAge(mini) { return原创 2021-11-23 11:08:04 · 491 阅读 · 0 评论 -
Generator简单解析
Generator的理解1. 跟普通函数一样,就是在声明function前面多了一个 *2. 是一个生成器函数:调用一个生成器函数不会立即执行,返回一个生成器对象调用它的next()方法来返回值,可以随时yield关键词,向外返回值,通过next()方法来拿到这个值 返回值有一个done属性,用来表示当前的生成器函数是否执行完毕yield暂停生成器函数的执行,直到调用next()方法才会继续向下执行 next()方法中传一个值,将作为yield的返回值调用生成器函数的throw方法,会原创 2021-11-23 11:01:27 · 429 阅读 · 0 评论 -
Promise类核心逻辑实现解析
Promise是一个类,在执行这个类的时候需要传递一个执行器进去,执行器会立即执行1、Promise中有三个状态:pending fulfilled rejected。状态只能由 pending --> fulfilled、pending --> rejected。一旦状态确定,就不可更改。2、 resolve函数和reject函数是用来更改状态的, resolve 对应 fulfilled状态 reject 对应 rejected状态。3、then方法内部做的事情就是判断状态,如.原创 2021-11-23 10:56:34 · 814 阅读 · 0 评论 -
五分钟了解防抖和节流
防抖场景当实现滚动监听的时候,发现每滚动一次滚动条,这个监听时间执行了十来次,如果这样子实现太过于浪费性能,所以就出现了防抖。那么这个问题怎么优化呢?当我们滚动监听第一次触发的时候不是立即执行函数,而是给它一个delay延迟时间,比如200ms当在200ms内如果没有触发该事件,则执行函数 在200ms再次或者多次触发,都清空定时器,重新设置定时器知道过了delay时间后才执行函数。大概思路是这样,那么应该怎么用代码来实现呢,用setTimeout来实现定时器的功能fun原创 2021-06-23 11:21:49 · 216 阅读 · 0 评论 -
AMD/CMD/ConmonJs
Amd与cmd是用在浏览器端的,都是异步加载模块RequireJs 遵循AMD规范(用define定义规范模块,用require引用模块), SeaJs 遵循CMD规范CommonJs是用在服务器端的,同步加载模块NodeJs 和 WebPack 是CommonJs规范的实现 用 module.exports 定义模块,用 require 引用模块 根据CommonJS规范,一个单独的文件就是一个模块。加载模块使用require方法,该方法读取一个文件并执行,最后返回文件内部的exports原创 2021-03-09 18:51:01 · 159 阅读 · 0 评论 -
typescript类型介绍
1. 最近有时间学习了一下typescript,那么typescript跟js有什么区别呢??js: js易学易用,用来开发项目开发速度还是很快的,但是后期不易维护; 声明变量为动态类型,假如代码某一块因为数据类型报错不易调试找出bug; js定义一个函数,传的参数也没有类型和个数的限制。typescript是什么? 以javascript为基础构建的语言,是javascript的超集。 ts完全支持js,在js的基础上,引入了类型的定义。 ...原创 2020-12-16 17:45:16 · 688 阅读 · 0 评论 -
vue3-可复用&组合
组合api的出现主要替换的是之前的混入(mixin),以实现代码复用.1. 一个组件中声明一个变量,之前是在data里面,现在可以写在setup里面export default { name: "Composition", setup() { // 每一个模块的数据可以写在一块,但是数据多的话看setup可能不清爽,可以把每一个模块的数据抽离成一个函数返回data // counter相关 const data = reactive({原创 2020-11-10 18:45:51 · 2324 阅读 · 0 评论 -
vue 项目中导出页面为PDF
最近的开发工作中有实现导出页面为pdf文件的,所以我就学习了一下怎么实现的。在实现导出pdf功能前我们先了解一下html2canvas和jspdf是干什么的吧。jspdf:是一个基于 HTML5 的客户端解决方案,用于生成各种用途的 PDF 文档。 Html2canvas:能够实现在用户浏览器端直接对整个或部分页面进行截屏; 它不需要来自服务器任何渲染,整张图片都是在客户端浏览...原创 2019-11-07 11:38:32 · 2045 阅读 · 2 评论 -
初识node
介绍:nodeJS是基于chrome V8引擎的JavaScript运行环境。可方便的构建快速,可扩展的网络应用程 序的平台。使用事件驱动,非阻塞I/O模型,轻量,高效,可以完美的处理实时数据,运行在不 同的设备上。为什么使用nodeJS?基于JavaScript语言,学习成本减低,前后端统一语言,实现程序员的全栈开发,同意公共 类库,代码标准化。 没有重新开发运行...原创 2019-06-24 18:14:54 · 463 阅读 · 0 评论 -
react
react所有的生命周期函数,render函数一定要有。一、项目准备此次项目是基于react的单页应用,所以需要用到脚手架工具create-react-app来快速搭建一个开发环境。● npm install -g create-react-app● create-react-app my-app● cd my-app● npm run start这样,就可以自动在浏览...原创 2019-06-24 18:11:45 · 382 阅读 · 0 评论 -
Vue-笔记二
1. 分隔符:Vue中数据绑定的语法被设置为可配置的。可以通过Vue.config配置绑定的语法。Vue.config是一个对象,包含了Vue.js的所有全局配置,可以在Vue实例化前修改其中的属性。分隔符在Vue.config中源码定义如下:let delimiters = [‘{{’, ‘}}’] let unsafeDelimiters = [‘{{{’, ‘}}}’]d...原创 2019-04-29 14:49:24 · 490 阅读 · 0 评论 -
Vue-笔记一
1. Vue常用指令:{{ }} 差值表达式,会将数据解释为文本v-html 可以输出真正的htmlv-if <h6 v-if="seen">6级标题</h6>v-for 遍历数组或者对象 <li v-for="value in arrs">{{ value }}</li>v-on:click=”方法名” 缩写为:@cli...原创 2019-04-29 14:33:52 · 209 阅读 · 0 评论