- 博客(14)
- 收藏
- 关注
原创 前端如何下载后端传输的文件
接收文件的blob -> 通过fileReader -> 转成base64URL -> 给到对应的预览处。没有指定 { responseTypе: “blob” }之前。图片,excel , word -> 给一个地址url就行了。url -> 线上地址 or base64URL。
2024-10-20 17:16:11 278
原创 文件上传与文件相关操作
再第一种情况中,需要通过new fileReader创建一个fr实例,通过fd的方法,将file转换为能够传输的类型,由于转换过程是异步的,所以需要fr.onload事件来指定成功的回调。第二种情况中,通过new formData创建一个fd实例,通过fd.append()来给这个实例添加属性和值。:文件上传主要依靠File和Blob构造函数,用户选择文件后能从change事件中通过事件的默认参数来获取到文件数组(e.target.files)。相比单文件上传,多了一个 forEach() 而已。
2024-10-20 16:22:03 393
转载 npx 了解多少?
它可以帮助我们在不全局安装某些包的情况下,直接运行该包提供的命令行工具。npx 会在执行时,检查本地项目中是否安装了对应的依赖,如果没有安装则会自动下载安装,并执行命令。是的,npx 会在执行完命令后删除下载的包。这是因为 npx 会在执行命令之前,将需要执行的包下载到一个临时目录中,并在执行完毕后删除该目录。这样可以避免在本地留下不必要的依赖包。相反,它会在执行命令时,在本地缓存中寻找并下载包,然后执行该包中的命令。这样可以避免在开发过程中在全局安装大量的包,同时也可以确保使用的是最新版本的包。
2024-07-19 21:53:31 45
原创 7、Vue2 + Vue3
文章目录day01一、为什么要学习Vue二、什么是Vue1.什么是构建用户界面2.什么是渐进式Vue的两种开发方式:3.什么是框架总结:什么是Vue?三、创建Vue实例四、插值表达式 {{}}1.作用:利用表达式进行插值,渲染到页面中2.语法3.错误用法4.总结五、响应式特性1.什么是响应式?2.如何访问 和 修改 data中的数据(响应式演示)3.总结六、Vue开发者工具安装七、Vue中的常用指令八、内容渲染指令九、条件渲染指令十、事件绑定指令十一、属性绑定指令十二、小案例-波仔的学习之旅十三、列表渲染指
2023-08-25 19:18:30 47
原创 6、Git
一个免费开源,分布式的代码版本控制系统,帮助开发团队维护代码作用:记录代码内容,切换代码版本,多人开发时高效合并代码内容如何学:个人本机使用:Git 基础命令和概念多人共享使用:团队开发同一个项目的代码版本管理:exe 程序,默认下一步即可Mac系统:dmg 程序,默认下一步即可检验成功:1.打开 bash 终端(git 专用)2.命令:git -v(查看版本号)配置:用户名和邮箱,应用在每次提交代码版本时表明自己身份命令:1.为何学习 Git?
2023-08-24 15:47:18 27
原创 6、Node.js + Webpack
什么是 Node.js,有什么用,为何能独立执行 JS 代码,演示安装和执行 JS 文件内代码了解模块化概念和好处,以及 CommonJS 标准语法导出和导入把上面学的模块化语法,包的概念,常用命令进行总结了解 Webpack 的概念和作用,以及使用。
2023-08-24 15:19:39 34
原创 5、Ajax
文章目录Day01_Ajax入门知识点自测目录学习目标01.AJAX 概念和 axios 使用目标讲解小结02.认识 URL目标讲解小结03.URL 查询参数目标讲解小结04.案例-查询-地区列表目标讲解小结05.常用请求方法和数据提交目标讲解小结06.axios 错误处理目标讲解小结07.HTTP 协议-请求报文目标讲解小结08.请求报文-错误排查目标讲解小结09.HTTP 协议-响应报文目标讲解小结10.接口文档目标讲解小结11.案例-用户登录-主要业务目标讲解小结12.案例-用户登录-提示信息目标讲解
2023-08-24 14:57:04 665
转载 3、Web Api
ECMAScript: JS 语法文档对象模型(Document Object Model,简称DOM ),是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。JavaScript 使我们有能力创建动态页面,而事件是可以被 JavaScript 侦测到的行为。简单理解︰触发–响应机制。
2023-08-13 21:47:41 39
原创 3、web APIs
文章目录Web APIs - 第1天笔记介绍概念DOM 树DOM 节点document获取DOM对象操作元素内容常用属性修改控制样式属性操作表单元素属性自定义属性间歇函数今日单词Web APIs - 第2天事件事件监听事件类型事件处理程序事件类型鼠标事件键盘事件焦点事件文本框输入事件事件对象环境对象回调函数Web APIs - 第3天事件流捕获和冒泡阻止冒泡事件委托其他事件页面加载事件元素滚动事件页面尺寸事件元素尺寸与位置Web APIs - 第4天日期对象实例化方法时间戳DOM 节点插入节点删除节点查找节
2023-08-13 21:26:44 42
原创 3、JS基础
文章目录JavaScript 基础 - 第1天介绍引入方式内部方式外部形式注释和结束符单行注释多行注释结束符输入和输出输出输入变量声明赋值关键字变量名命名规则常量数据类型数值类型字符串类型布尔类型undefined类型转换隐式转换显式转换NumberJavaScript 基础 - 第2天运算符算术运算符赋值运算符自增/自减运算符比较运算符逻辑运算符运算符优先级语句表达式和语句分支语句if 分支语句if双分支语句if 多分支语句三元运算符(三元表达式)switch语句(了解)断点调试循环语句while循环中止
2023-08-13 20:45:30 46
原创 2、移动端基础
文章目录1.移动端基础1.1浏览器现状1.2手机屏幕现状1.3常见移动端屏幕尺寸1.4移动端调试方法2.视口2.1布局视口layout viewport2.2视觉视口visual viewport2.3 理想视口 ideal viewport2.4总结2.5meta视口标签2.6标准的viewport设置3.二倍图3.1物理像素&物理像素比3.2多倍图3.3背景缩放background-size3.4多倍图切图 cutterman4.移动端开发选择4.1移动端主流方案4.2单独移动端页面(主流)4.
2023-08-13 20:22:35 46
原创 2、CSS基础
文章目录一、CSS 简介与基础选择器1.1 HTML 的局限性1.2 CSS-网页的美容师1.2 CSS 语法规范1.3 CSS 代码风格1.样式格式书写2.样式大小写3.空格规范2. CSS 基础选择器2.1 选择器的作用2.2 选择器分类2.3 标签选择器2.4 类选择器:star:2.4.1 类选择器-多类名2.5 id 选择器2.6 通配符选择器2.7 基础选择器总结3. CSS 字体属性3.1 字体系列3.2 字体大小3.3 字体粗细3.4 文字样式3.5 字体复合属性写法3.6 字体属性总结4.
2023-08-13 18:07:00 1024
原创 1、HTML基础
网页是根据因特网上一定的规则,使用html等制作的用于展示特定内容的网页集合。网页是构成网站的基本元素。网页是图片、链接、文字、声音、视频等元素构成,其实就是一个html文件。HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。HTML不是一种编程语言,而是一种标记语言(markup language)。标记语言是一套标记标签(markup tag)。它可以加入图片、声音、动画、多媒体等内容(超越文本限制)。
2023-08-13 17:11:26 30
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人