js基础
杨晓白
帮助别人,成就自己
展开
-
(一)javascript中class类
在 JavaScript 中使用class语法可以定义类的结构,其中可以包括静态属性/方法、私有属性/方法、公共属性/方法和受保护属性/方法。这些概念有助于封装和数据隐藏,使得代码更加模块化和安全。下面我会解释这些不同的属性和方法,以及如何在类中使用它们。原创 2024-08-01 16:55:46 · 271 阅读 · 0 评论 -
(二)typescript中class类
在 TypeScript 中,你可以使用类(class)来更加精确地定义属性和方法的访问控制。这些包括静态属性/方法、私有属性/方法、公共属性/方法、保护属性/方法,以及继承。下面通过示例来展示这些概念在 TypeScript 中的使用。原创 2024-08-01 16:59:41 · 459 阅读 · 0 评论 -
事件传播机制
事件传播机制原创 2022-05-27 11:10:34 · 105 阅读 · 0 评论 -
客户端和服务端通信原理
客户端和服务端客户端:可以向服务端发起请求的,并且接受返回的内容的进行处理服务器端:能够接受客户端的请求,并且把相关资源信息返回给客户端的web 服务站点详细url 地址解析DNS 服务器DNS 域名解析再向服务器发起请求和服务器建立 TCP 连接把客户端的信息发送给服务器(发送 HTTP 请求)服务器得到并处理请求(http 响应内容)客户端渲染服务器返回的内容和服务器断开 TCP 连接url 地址解析URL:(Uniform Resource Locator)原创 2022-05-25 22:09:53 · 4042 阅读 · 0 评论 -
了解响应式布局
响应式布局种类响应式布局开发@media等比缩放布局按照固定的样式写一版*(例如 320),然后根据设备的宽度 让其除以320,计算出缩放比,最后让整个HTML基于transform:scale(比例) 进行缩放rem,等比缩放dpr* 1.响应式布局开发@media2.等比缩放布局按照固定的样式写一版*(例如 320),然后根据设备的宽度 让其除以320,计算出缩放比,最后让整个HTML基于transform:scale(比例) 进行缩放3.rem,等比缩放REM响应式.原创 2022-05-25 15:24:18 · 146 阅读 · 0 评论 -
柯里化函数
柯里化函数柯里化函数编程思想如何实现柯里化函数以及所要使用的知识点(必包的保护和保存),以及执行的顺序,bind方法的体会废话不多说上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vie.原创 2022-05-25 15:12:52 · 100 阅读 · 0 评论 -
常用的utils工具库和一百万数据懒加载
utils工具库和百万数据懒加载原创 2022-04-21 10:39:24 · 94 阅读 · 0 评论 -
js实现抖音话题发布
抖音话题发布实现//jsonp(function () { const isPlainObject = function isPlainObject(obj) { let proto, Ctor; if (!obj || Object.prototype.toString.call(obj) !== "[object Object]") return false; proto = Object.getPrototypeOf(obj); if (!proto) r.原创 2022-04-08 10:11:27 · 748 阅读 · 0 评论 -
reduce使用法则
reduce作为ES5新增的常规数组方法之一,对比forEach 、filter和map,在实际使用上好像有些被忽略,发现身边的人极少用它,导致这个如此强大的方法被逐渐埋没。如果经常使用reduce,怎么可能放过如此好用的它呢!我还是得把他从尘土中取出来擦干净,奉上它的高级用法给大家。一个如此好用的方法不应该被大众埋没。下面对reduce的语法进行简单说明,详情可查看MDN的reduce()的相关说明。01:代替map和filterconst arr = [0, 1, 2, 3];// 代替m.原创 2021-10-29 15:06:11 · 125 阅读 · 0 评论 -
js底层原理
防抖/* * debounce:实现函数的防抖(目的是频繁触发中只执行一次) * @params * func:需要执行的函数 * wait:检测防抖的间隔频率 * immediate:是否是立即执行(如果为TRUE是控制第一次触发的时候就执行函数,默认FALSE是以最后一次触发为准) * @return * 可被调用执行的函数 */function debounce(func, wait = 100, immediate = false) {原创 2021-10-08 09:41:09 · 400 阅读 · 0 评论 -
深度和广度遍历
深度和广度遍历<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl转载 2021-05-08 11:16:47 · 113 阅读 · 0 评论 -
图片压缩操作
文章目录前言图片压缩操作2. 2.js文件总结前言/*What?前端还需要实现图片压缩?@1 使用FileReader将选择的文件对象转换为base64 https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader@2 新建img,使其src指向base64@3 新建canvas,将img画到canvas上 https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas原创 2021-03-24 14:44:56 · 119 阅读 · 0 评论 -
常见面试题
文章目录闭包二、使用步骤1.引入库闭包闭包产生的原因是:函数执行,会产生一个私有的上下文,如果私有上下文中某些内容被当前上下文以外的事物所占用,则当前这个私有上下文,就不能出栈释放。# 一、闭包是什么?闭包产生的原因是:函数执行,会产生一个私有的上下文,如果私有上下文中某些内容被当前上下文以外的事物所占用,则当前这个私有上下文,就不能出栈释放。二、使用步骤1.引入库代码如下(示例):/* * 切记!闭包不是“大函数执行返回小函数”! * @1 STACK、HEAP、EC、VO原创 2021-03-24 13:27:22 · 169 阅读 · 1 评论