- 博客(63)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 uniapp+vue3+typescript+vite创建项目（超详细）
uniapp+vue3+typescript+vite创建项目（超详细）
2022-06-14 16:36:39
11006
4
原创 前端面试题-nodejs
是什么？nodejs是基于Chrome V8引擎的JavaScript运行环境，它可以使JavaScript代码在服务器上运行。有什么不同？第一，nodejs采用事件驱动、非阻塞式I/O模型，让其轻量且高效。nodejs在处理大量并发连接时，能够保持高效的性能，因为它不会每个连接都创建新的线程，而是使用单线程处理请求。这种模式降低了系统的开销，提高了整体的吞吐量。第二，nodejs是单线程的，这避免了多线程编程中的一些问题，比如线程间的数据同步和线程管理开销。
2024-01-05 09:53:00
500
原创 vue中的provide/inject你知道吗（vue2、vue3）？
“依赖注入”主要是解决父子组件传值“props逐级传递”问题。所以，provide/inject的作用就是组件间的传值。
2022-09-17 10:52:48
8181
1
原创 JavaScript的es6新增Proxy/Reflect ,你知道吗？
JavaScript的es6新增Proxy/Reflect ,你知道吗？
2022-07-08 16:03:51
593
2
原创 javascript新增数据结构Set/Map/WeakSet/WeakMap
javascript新增数据结构Set/Map/WeakSet/WeakMap
2022-07-06 13:33:55
310
原创 JavaScript中的函数柯里化(含面试题）
JavaScript中的函数柯里化。什么是柯里化，以前只是听说过这个词，今天才真正理解，才真正会用。
2022-06-13 17:41:52
672
原创 padStart()和padEnd()
padStart()和padEnd()作用：字符串补全padStart()用于头部补全，padEnd()用于尾部补全。padStart()和padStart()接收两个参数第一个参数：指定字符串的最小长度，第二个参数：补全的字符串。1.原字符串的长度，等于或大于指定的最小长度，则返回原字符串。2.用来补全的字符串与原字符串，两者的长度之和超过了指定的最小长度，则会截去超出位数的补全字符串3.省略第二个参数，默认使用空格补全长度用途1.补...
2021-07-23 15:04:53
394
原创 js中“??“和“?.“怎么用？
？？：空值合并操作符 逻辑操作符，左侧为null和undefined时，才返回右侧的数const sum = null ?? 12console.log(sum);//输出12const sum1 = 12 ?? 23console.log(sum1);//输出12const sum2 = undefined ?? 12console.log(sum2);//输出12?. :可选链操作符可以读取位于连接对象链深处属性的值，不必明确验证链中的每个引用是否有效功能类似于“.”
2021-07-12 17:16:29
12766
原创 jQuery实现一个学生成绩单录入系统
使用jQuery实现了数据的增删改查<!DOCTYPE html><html><head> <title>学生成绩表成绩录入查询系统</title> <script src="./jquery.js"></script> <!--引入jq库--> <style> table { border-spacing: 0;
2021-06-23 21:22:32
3241
5
原创 正则表达式的知识
正则表达式 是对象 用于匹配字符串中字符组合的模式（匹配，提取，替换）创建正则表达式1.利用构造函数RegExp创建 var regexp = new RegExp(/123/); console.log(regexp);2.利用字面量创建var rg = /231/;检测输入的字符串是否符合正则表达式的规范 var str = '123'; console.log(rg.test(str)); //false
2021-06-22 21:44:31
137
2
原创 axios+better-scroll+koa实现上拉加载更多和下拉刷新
上拉加载更多和下拉刷新通过better-scroll库实现，网络请求使用axios实现样式<style> * { margin: 0; padding: 0; } ul, ol { list-style: none; } img { display: block;
2021-06-21 21:47:13
198
原创 ajax的使用案例-新闻列表的渲染
学习ajax使用的一个小案例主要功能：通过ajax请求后端数据，然后将数据渲染到页面中。主要代码：1.首先引入template-web.js，对template进行管理 <script src="javascripts/template-web.js"></script>2.发送通过ajax网络请求，获取数据<script> let ul = document.querySelector('.sports-list'); l
2021-06-20 21:18:18
706
1
原创 手写一个事件节流函数
节流规定一个单位时间，在这个单位时间内，只触发一次事件的回调函数执行，如果在同一个单位内该事件被触发多次，只有一次触发生效。应用场景鼠标连续点击触发，只在单位时间内触发一次在页面无线加载场景下，需要用户在滚动页面时，每隔一段时间发送一次网络请求，而不是在用户停止滚动页面之后在发送请求监听滚动事件，比如滑到页面底部加载更多拖拽场景，防止高频率触发影响位置变动缩放场景，监听浏览器resize节流函数1.使用underscore.js插件该插件可以进行节流 content.
2021-06-19 21:55:25
243
原创 手写一个事件防抖函数
防抖：事件响应函数在一定时间后执行，如果在这段时间内再调用，则重新计算执行时间；实现原理为设置一个定时器，约定在xx毫秒后再触发事件处理，每次触发事件都会重新设置计时器。
2021-06-18 11:30:55
1346
原创 实现一个返回顶部的按钮功能（基于better-scroll实现）
better-scroll:是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。gitHub地址：https://github.com/ustbhuangyi/better-scroll中文文档：
2021-06-17 21:32:45
507
原创 实现选项卡组件vue2.x
TabControl.vue<template> <div> <div class="tab-control"> <div v-for='(item,index) in titles' :key='index' :class="{active:index === currentIndex}" @click='tabClick(index)'> <span>{{item}}</span>
2021-06-15 21:04:22
628
原创 es6中rest运算符和扩展运算符(...)
rest运算符ES6中引入rest参数，可以获取函数的参数，用来代替arguments参数 function fn() { console.log(arguments); } fn(3, 21, 1)
2021-06-09 21:58:11
437
原创 nodejs读写文件和简单的http请求
Node.js是一个JavaScript运行时环境，可以解析和执行JavaScript代码node.js中的JavaScript 没有DOM,BOM 为JavaScript提供一些服务器级别的操作API特性： 事件驱动 非阻塞io模型（异步） 轻量和高效做什么：web服务器后台命令行工具node中的js可以读取文件...
2021-06-08 21:05:10
544
1
原创 vue3.X组合API---setup1
setup组合式 API。关于这个 API 的细节，还请参阅官方文档，这里我只期望说一下简单的内容。setup选项应该是一个接受props和context的函数。此外，我们从setup返回的所有内容都将暴露给组件的其余部分 (计算属性、方法、生命周期钩子等等) 以及组件的模板。也就是说，setup中创建并 return 的所有东西，都将被得到外部的解析，无论是过去在data中创建的数据也好，还是在methods创建的方法也好，都将变成允许被响应式地使用，仿佛 Vue2 中...
2021-06-06 17:49:31
152
空空如也
想问一下大家都是怎么学习前端知识的？学习的顺序是什么？
2022-05-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人