WEB开发
-
TypeScript工具类 Partial 和 Required 的详细讲解
场景描述：场景描述：一个接口(IPerson)有很多个的字段，可能有几百。而且这些字段都是必须的。我们需要使用这个接口，但是我又不可能使用它的全部。可能只会使用几个。我还必须要使用这接口。这个时候，我们怎么解决这个问题呢？TS给了我们一个工具类Partial，可以解决这隔办法Partial[pɑrʃ
-
【前端必会】使用indexedDB，降低环境搭建成本
背景学习前端新框架、新技术。如果需要做一些数据库的操作来增加demo的体验（CURD流程可以让演示的体验根据丝滑）最开始的时候一个演示程序我们会调用后台，这样其实有一点弊端，就是增加了开发和维护成本，简单的一个demo不应该劳师动众后来我会在demo中使用一些websql，奈何，websql也真的是
-
D3 笔记
D3D3orD3.js代表"DataDrivenDocuments"选中、添加元素select()方法从文档中选择一个元素，它接收目标元素的名称作为参数并返回第一个匹配该名称HTML节点。举例：constanchor=d3.select('a');append()方法接收添加到文档中的元素，它会把该
-
vue2.x引入threejs
@目录vue2.x引入threejsnpm安装使用指定版本:其他插件实例强调vue2.x引入threejsnpm安装npminstallthree使用指定版本:npminstallthree@<版本号>其他插件因为本次开发需要引入3D模型,所以需要使用MTLLoader,OBJLoade
-
vue3+vant+vue-router+axios+pinia+vite框架搭建
vue3的官网地址：https://cn.vuejs.org/；这里要说一下，vue3不支持IE11，如果要兼容IE11及其一下，不建议使用vue3。创建vue脚手架，如果你需要使用ts，则需要node版本>=16。本文按照大于16的node版本来搭建一个vue3的脚手架。第一步：>np
-
Java Script 循环，数组，对象，判断，阶乘，查找-综合运用合集
输出100个helloworld.for(vari=1;i<=100;i++){console.log("helloworld");}创建一个包含1~100的数组.vararray=[];for(vari=1;i<=100;i++){array.push(i);}consol
-
HTML&CSS-盒模型运用居中方式合集
方法：定位，外边距，内边距，层级，边框；一个元素；两个元素；三个元素.<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <metahttp-equiv="X-U
-
什么是JavaScript?
什么是JavaScript?前言本文内容为博主阅读“红宝书”之后的总结和个人理解，有什么错误欢迎指正！一句话概括语言的诞生1995年，网景公司一位名叫BrendanEich的工程师，开发了一个叫Mocha的脚本语言。后来改名叫JavaScript，以便蹭当时大火的Java的热度。到底啥时JavaSc
-
微信小程序开发优化
1|0一、开发优化一1|11.使用VantWeapp1|01.1什么是VantWeappVantWeapp官网链接VantWeapp是有赞前端团队开源的一套小程序UI组件库，助力开发者快速搭建小程序应用。它所使用的是MIT开源许可协议，对商业使用比较友好。1|01.2安装VantWeapp组件库安装
-
vite.config.js配置入门详解
一，搭建vite项目兼容性注意：Vite需要 Node.js 版本14.18+，16+。然而，有些模板需要依赖更高的Node版本才能正常运行，当你的包管理器发出警告时，请注意升级你的Node版本。通过下面的命令行可以创建指定项目名称和你想要使用的模板的vue项目?12345678
-
JS 模块化 - 03 AMD 规范与 Require JS
1AMD规范介绍AMD规范，全称AsynchronousModuleDefinition，异步模块定义，模块之间的依赖可以被异步加载。AMD规范由CommonJS规范演进而来，前文介绍CommonJS规范时说过，浏览器端无法直接使用CommonJS，需要使用browserify编译后才能运行。而AM
-
前端面试题JavaScript篇——2022-09-23
公粽号【今天也要写bug】每日推送，欢迎关注每日3题#1以下代码执行后，控制台中的输出内容为？#constuser={name:"JM",age:18,};constdata=JSON.stringify(user,["age"]);console.log(data);2点击p标签时，会输出什么#f
-
get，post，put，delete四种基础方法对应增删改查
PUT,DELETE,POST,GET四种基础方法对应增删改查1、GET请求会向数据库发索取数据的请求，从而来获取信息，该请求就像数据库的select操作一样，只是用来查询一下数据，不会修改、增加数据，不会影响资源的内容，即该请求不会产生副作用。无论进行多少次操作，结果都是一样的。2、与GET不同的
-
JS时间对象与字符串相互转换
1、Date=>String代码/***函数描述：时间格式化工具*@paramformat{String}格式（y-年，M-月，d-日，H-时[24]，h-时[12]，m-分，s-秒，S-毫秒(3位数)，q-季度，ap，午前am/午后pm）*@returns{String}*/Date.pro
-
HTML 无障碍
无障碍Accessibility无障碍WAI的意思是所有人都应该能够访问互联网的内容。无障碍帮助：视觉和听觉有问题的人认知和神经有问题的人物理和讲话有问题的人W3C提出了一系列支持WAI（WebAccessibility）的资源，这后来成为了Web标准。无障碍通常包含以下软件：屏幕阅读器语音识别设备
-
面试说：聊聊JavaScript中的数据类型
前言请讲下JavaScript中的数据类型？前端面试中，估计大家都被这么问过。答：Javascript中的数据类型包括原始类型和引用类型。其中原始类型包括null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是Object。没错，我也是这么
-
JavaScript 的闭包(closure)
以下内容为本人的学习笔记，如需要转载，请声明原文链接微信公众号「englyf」https://www.cnblogs.com/englyf/对于闭包的理解，其实可以归纳为，在创建函数时，同时创建了一个集合，这个集合是用来保存函数内的各个变量（无论是内部定义的，还是外部定义的），当调用函数时，变量会先
-
【Chrome插件 Chrome extension 】报错 Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.
问题：【Chrome插件Chromeextension】报错Uncheckedruntime.lastError:Couldnotestablishconnection.Receivingenddoesnotexist.在看一个别人插件的时候发现一个如上所述的报错，虽然能看得懂，但是不太明白具体哪里
-
jQuery 笔记
jQueryscript和document.ready首先，在页面顶部添加script标签，记得添加结束标签。浏览器会运行script标签所有的JavaScript脚本包括jQuery。在script标签中添加代码$(document).ready(function(){。然后在后面（仍在该scri
-
ESLint的使用
1|0一.ESLint介绍1|1目标了解ESLint的作用能判断ESLint的错误1|2ESLint是什么ESLint是一个代码检查工具，用来检查你的代码是否符合指定的规范例如:=的前后必须有一个空格例如:函数名后面必须有空格例如:await必须用用在async修饰的函数内例如:==必须转换成3个等
-
【前端必会】HtmlWebpackPlugin 和 SplitChunksPlugin 是什么？
背景了解什么是webpack插件，在来看一下不能不知道的两个插件HtmlWebpackPlugin有了这个插件，webpack执行后会自动帮我们在dist目录生成一个html文件，并且添加bundle.js的引用。https://webpack.docschina.org/plugins/html-
-
react脚手架搭建的几种方式
react脚手架创建几种方式nodev16.17.0npm8.15.0yarn3.2.3vite3.1.3配置less-loadernpm首先通过npm方式全局安装create-react-appnpminstall-gcreate-react-app查看是否安装完成create-react-app
-
Bootstrap 笔记
BootstrapBootstrap是预编写的CSS和JavaScript代码段（chunk）的集合。引入任何Web应用，都可以通过添加如下代码到HTML的head标签中来引入Bootstrap。<linkrel="stylesheet"href="https://maxcdn.bootstr
-
JavaScript 数组常用方法大全
Array对象所有方法concat()方法合并多个数组,返回一个新数组join() 方法将数组合并为字符串,用指定的字符分割pop()方法删除成员(从后) 并返回该被删除的元素shift()方法删除成员(从前) 并返回该被删除的元素splice()方法删除多个元素并用新
