web前端
文章平均质量分 72
前端学习笔记
英子的搬砖日志
人生就像超级玛丽,在你没加蘑菇之前,一个小王八就能整死你!
展开
-
mac系统镜像源管理之nrm的安装与使用
详细介绍了在mac系统上,如何安装nrm,以及介绍一些常用的命令。原创 2024-04-24 19:04:56 · 310 阅读 · 0 评论 -
前端用a标签实现静态资源文件(excel/word/pdf)下载
介绍了前端如何使用a标签实现静态资源文件(excel/word/pdf)下载。原创 2024-04-24 16:35:38 · 611 阅读 · 0 评论 -
前端实现将二进制文件流,并下载为excel文件
介绍了前端如何实现将二进制文件流解析并下载为excel文件,以及解决容易遇到的问题。原创 2024-04-23 18:23:10 · 486 阅读 · 0 评论 -
通过拖拽动态调整div的大小
主要介绍通过手动拖拽,实现动态改变div的宽高。原创 2024-04-19 15:39:51 · 767 阅读 · 0 评论 -
wangEditor在项目中的简单应用
记录了wangEditor在vue3+ts项目中的简单应用。原创 2024-04-01 16:33:51 · 618 阅读 · 0 评论 -
vue项目:使用xlsx导出Excel数据
主要记录了在vue项目中,使用 xlsx + file-saver ,将表格的数据导出为excel文件。原创 2024-03-19 11:37:54 · 510 阅读 · 0 评论 -
vue3+Ts项目按需引入Echarts,并封装成hooks
记录了 vue3+Ts 项目中,如何按需引入echarts,并封装成hooks和组件,然后使用。原创 2024-03-15 16:43:58 · 511 阅读 · 6 评论 -
vue3-ace-editor使用记录
主要记录了在vue3项目中使用vue3-ace-editor及相关配置说明。原创 2024-03-14 14:58:59 · 1276 阅读 · 3 评论 -
vue项目:webpack打包优化实践
详细介绍了vue2项目中使用webpack打包,项目性能优化遇到的问题及解决方案。原创 2024-03-12 11:39:34 · 913 阅读 · 0 评论 -
Vue:纯前端实现文件拖拽上传
主要介绍了js中拖拽相关事件,并在vue项目中实现纯前端上传文件。原创 2024-03-07 14:09:51 · 309 阅读 · 0 评论 -
Js如何判断两个数组是否相等?
详细介绍了在JS中,如何判断两个数组相等,及其每种方法适用的场景。原创 2024-02-21 17:02:47 · 1075 阅读 · 0 评论 -
cnpm安装及报错问题解决
介绍了如何安装cnpm,并解决遇到的问题。原创 2024-02-20 10:58:57 · 817 阅读 · 0 评论 -
从0搭建react+ts+redux+axios+antd项目
介绍了从0搭建一个react+ts+redux+axios+antd项目及相关配置和使用。原创 2024-02-01 19:18:13 · 1018 阅读 · 2 评论 -
前端缓存之HTTP缓存
Web 缓存大致可以分为:数据库缓存、服务器端缓存(代理服务器缓存、CDN 缓存)、浏览器缓存。浏览器缓存有 http缓存、indexDB、cookie、localstorage 等。本次我们重点理解http缓存相关问题。http缓存,主要分为强缓存和协商缓存。1、浏览器加载一个页面资源的简单流程为:浏览器根据这个资源的http头信息来判断是否命中强缓存,如果命中强缓存就直接加载在缓存中的资源,并且不会讲请求发送到服务端。(强缓存)如果没有命中强缓存,则浏览器会将资源加载请求发送到服务器,服务原创 2021-04-25 12:49:46 · 461 阅读 · 0 评论 -
纯前端实现表格数据导出为Csv格式数据
首先理解csv格式的文件,CSV即逗号分隔值(Comma-Separated Values,CSV),其文件以纯文本形式存储表格数据(数字和文本),文件的每一行都是一个数据记录。每个记录由一个或多个字段组成,用逗号分隔。使用逗号作为字段分隔符是此文件格式的名称的来源,因为分隔字符也可以不是逗号,有时也称为字符分隔值。CSV文件默认以英文逗号做为列分隔符,换行符作为行分隔符。如果不提供网页形式只用命令行或二进制程序输出数据到CSV,只需要将数据段按,分割,行按\n分割,写入到一个.csv文件即可。原创 2021-08-11 11:30:59 · 2309 阅读 · 0 评论 -
js字符串数字实现加减乘运算
要求/** 给定两个字符串形式的整数 num1 和 num2 ,计算它们的和、差。 提示: num1 和num2 的长度都小于 5100 num1 和num2 都只包含数字 0-9 num1 和num2 都不包含任何前导零 你不能使用任何內建 BigInteger 库,也不能直接将输入的字符串转换为整数形式*/整体思路:将字符串拆分存储到数组中,然后进行操作。相加/**思路:将字符串拆分存储到数组中,末尾对齐,数组元素两两原创 2021-02-03 11:56:30 · 4510 阅读 · 0 评论 -
vue —— h函数的学习与使用
介绍vue中的h函数及其使用原创 2024-01-25 17:14:31 · 3835 阅读 · 0 评论 -
npm报错:request to https://registry.npm.taobao.org failed, reason certificate has expired
npm i 报错,提示淘宝镜像过期解决办法。原创 2024-01-25 18:45:00 · 18878 阅读 · 9 评论 -
js数组/对象的深拷贝与浅拷贝
详细介绍了js数组、对象拷贝的方式,并用原生js实现深拷贝方法原创 2024-01-26 18:07:16 · 840 阅读 · 0 评论 -
前端qrcode生成二维码详解
详细介绍了前端如何用qrcode生成二维码,及使用qrcode的优点、缺点原创 2024-01-29 16:03:40 · 2356 阅读 · 0 评论 -
JS将其他类型值转为Number类型
介绍前JS将其他类型值转为Number类型原创 2024-01-25 11:45:10 · 675 阅读 · 0 评论 -
VSCode插件 —— Cody AI (免费AI助手!)
vscode插件推荐:Cody AI —— 免费的开发助手。原创 2024-01-22 21:18:30 · 1955 阅读 · 0 评论 -
css文本溢出处理——单行、多行
主要介绍文本溢出时的处理方式及实现单行缩略、多行缩略、展开/收起文本功能。原创 2024-01-02 17:04:47 · 2397 阅读 · 0 评论 -
详谈前端中常用的加/密算法
详细介绍了日常开发中常用的加/解密算法,以及crypto-js、jsencrypt、encryptlong、bcryptjs前端常用的加/解工具的使用。原创 2023-12-15 17:12:05 · 1692 阅读 · 0 评论 -
mac安装pnpm与使用
主要介绍在mac系统上安装pnpm与使用,还有对安装过程遇到的问题进行解决原创 2023-12-13 10:43:12 · 2864 阅读 · 0 评论 -
前端开发常用的Vscode插件整理(持续更新)
记录前端开发中,常用的vscode插件原创 2023-12-08 11:08:11 · 890 阅读 · 0 评论 -
Lighthouse(灯塔)—— Chrome浏览器强大的性能测试工具
详细介绍chrome浏览器的Lighthouse使用方法,及测试结果分析解读原创 2023-11-27 18:00:08 · 5045 阅读 · 1 评论 -
websocket详解
详细了解websocket及应用原创 2023-11-17 17:20:12 · 916 阅读 · 0 评论 -
mac下vue-cli从2.9.6升级到最新版本
解决在mac下vue-cli从2.9.6版本升级到最新版本的问题原创 2023-11-15 17:11:03 · 1166 阅读 · 0 评论 -
【组件篇】在vue3+ts项目中基于antd封装一个通用的左侧菜单栏组件
通用的左侧菜单sideBar组件原创 2022-08-29 13:52:28 · 2600 阅读 · 1 评论 -
vue+ts+vite详细入门及实践
vue+ts+vite搭建前端项目原创 2022-08-11 16:11:26 · 11022 阅读 · 2 评论 -
Bootstrap之辅助类样式,响应式工具和小图标组件
Bootstrap之辅助类样式,响应式工具和小图标组件的使用一. 辅助类样式Bootstrap 在布局方面提供了一些细小的辅助类样式,用于文字颜色以及背景色的设置、显示关闭图标等等。1. 文本颜色类 2. 背景颜色类 3. 其他类关闭按钮 close三角符号 caret块级居中 center-block快速浮动 pull-left(左浮动),pull-right(右浮动)原创 2017-05-07 23:04:33 · 3832 阅读 · 0 评论 -
Bootstrap之表格,按钮,表单和图片的样式
Bootstrap之表格,按钮,表单和图片的样式本文中,都是结合本人的学习Bootstrap时所做的练习,来理解通过内置的 CSS 定义,Bootstrap的表格,按钮,表单和图片是如何来显示各种丰富效果的。一. 表格基本格式<table class="table">原创 2017-05-06 23:11:13 · 6804 阅读 · 0 评论 -
Bootstrap输入框和导航组件
Bootstrap输入框和导航组件一.下拉菜单下拉菜单,就是点击一个元素或按钮,触发隐藏的列表显示出来。按钮和菜单需要包裹在.dropdown 的容器里,而作为被点击的元素按钮需要设置datatoggle=”dropdown”才能有效。对于菜单部分,设置 class=”dropdown-menu”才能自动隐藏并添加固定样式。设置 class=”caret”表示箭头,可上可下。原创 2017-05-09 15:54:19 · 754 阅读 · 0 评论 -
Bootstrap之栅格系统
Bootstrap之栅格系统Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统。一. 移动设备优先所谓移动设备优先,重要的是屏幕,不是设备。移动设备优先就是说起初样式是在移动设备写的,然后写到sm尺寸的时候样式得改变了,于是就加media screen max-width >=768, 再写sm的样式,这样尺寸递进就完成了所有的媒体查询,由于不加media query的样式是在最小尺原创 2017-05-07 22:01:17 · 696 阅读 · 0 评论 -
Bootstrap之页面排版样式
Bootstrap之页面排版样式Bootstrap 是由 Twitter 公司(全球最大的微博)的两名技术工程师研发的一个基于HTML、CSS、JavaScript 的开源框架。该框架代码简洁、视觉优美,可用于快速、简单地构建基于 PC 及移动端设备的 Web 页面需求。1. Bootstrap 特点Bootstrap 非常流行,得益于它非常实用的功能和特点。原创 2017-05-06 19:26:41 · 3681 阅读 · 0 评论 -
Bootstrap实现手风琴效果
用Bootstrap实现手风琴效果中,其实主要用到的就是一些折叠插件。原创 2017-05-21 21:33:39 · 9137 阅读 · 2 评论 -
Bootastrap之模态框插件
本文主要学习Bootstrap 中的模态框插件,这是一款交互式网站非常常见的弹窗功能插件。1.基本使用使用模态框的弹窗组件需要三层 div 容器元素,分别为 modal(模态声明层)、dialog(窗口声明层)、content(内容层)。在内容层里面,还有三层,分别为 header(头部)、body(主体)、footer(注脚)。原创 2017-05-10 22:23:42 · 565 阅读 · 0 评论 -
在Windows下使用webpack入门
在Windows下使用webpack入门1. webpack的打包示意图理解:2. 前期准备 安装node 新建一个文件夹:webpack_test3. 安装并使用webpack(1)在命令行下进入文件夹:webpack_test中,并初始化: (2) 在当前文件中安装webpack安装webpack成功后,会看到webpack_test下有两个文件:node_modules和package.js原创 2017-04-14 21:59:18 · 12608 阅读 · 0 评论 -
HTML 文本标签
HTML 文本标签(火狐浏览器)1.标题:用于主标题,...用于子标题如:This is a main headingThis is a level 2 headingThis is a level 3 headingThis is a level 4 headingThis is a level 5 headingThis is a level 6 hea原创 2015-11-24 09:08:26 · 1170 阅读 · 0 评论