自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 清除字符串文本中的 HTML 标签

可以使用正则表达式来清除字符串文本中的 HTML 标签。此外,该函数仅适用于普通的 HTML 标签,如果文本中含有注释或 script 标签等特殊标记,需要根据具体情况进行额外处理。需要注意的是,这个函数仅仅是删除了 HTML 标签,而不是提取其中的文本内容。匹配字符串中的所有 HTML 标签,然后将其替换为空字符串。方法,使用正则表达式。

2023-04-18 00:20:46 2278

原创 图片处理成二进制流

这个函数接受一个图片 URL 作为参数,返回一个 Promise 对象,最终解析为二进制数据。该函数可以用于将在线图片转换成二进制流。如果您需要将本地的图片文件转换为二进制流,可以使用类似的方法,首先获取。在前端,可以使用 JavaScript 中的。事件中,如果请求成功,调用 Promise 的。对象发送一个 GET 请求,将响应类型设置为。方法将响应对象作为结果返回;API 将文件转换为二进制流。方法返回一个错误对象。

2023-04-18 00:17:47 4767

原创 前端常见面试题

2. 第二次握手(SYN+ACK):服务器收到客户端的 SYN 请求报文后,向客户端发送一个 SYN+ACK 应答报文,确认收到客户端的请求,SYN 和 ACK 标志位都被置为 1,同时服务器也随机生成一个序列号 seq,ACK 标志位的值为客户端的 seq 加 1。总之,Vue.js 3 相比于 Vue.js 2 有一些重要的变化和改进,包括更快的速度和更小的体积、更好的 TypeScript 支持、更加灵活的组合式 API、更好的性能追踪和调试工具以及更好的适配性等。

2023-03-02 18:30:10 725

原创 yarn的基本命令

下载node.js,使用npm安装。

2023-02-19 10:24:40 1141

原创 vue-cli 脚手架创建uniapp项目(微信小程序)

mainifest.json 相当于小程序 project.config.json 设置 appid 、设置不校验合法域名一微信开发者工具一本地设置的功能。1、wx的api,修改前缀后(uni),可以直接用 : wx.showToast() ---- uni.showToast()uni.scss 全局样式文件,写 scss 语法,默认被 uniapp 引入了,所以不需要手动去引入它。App.vue 相等于原生小程序 app.wxss (全局样式文件)和 app.js (应用入口文件)

2023-02-11 18:06:50 1726

原创 弹性布局:flex布局详述

Ø 基于Flex 精确灵活控制块级盒子的布局方式,避免浮动布局中脱离文档流现象发生。在Flex布局模型中,调节主轴或侧轴的对齐方式来设置盒子之间的间距。使用flex属性修改弹性盒子伸缩比:flex 给弹性盒子添加。: 控制某个弹性盒子在侧轴的对齐方式(父元素添加display: flex。Ø Flex布局非常适合结构化布局。,子元素可以自动的挤压或拉伸。Ø 是一种浏览器提倡的布局模型。注意: 只占用父盒子剩余尺寸。Ø 布局网页更简单、灵活。

2022-12-13 00:32:56 530

原创 Less语法详述

l 配置插件: 设置→ 搜索EasyLess → 在setting.json中编辑→ 添加代码(注意,必须是双引号)3、 注意:浏览器不识别Less代码,目前阶段,网页要引入对应的CSS文件。1、 Less是一个CSS预处理器, Less文件后缀是.less。Less文件第一行添加如下代码, 注意文件夹名称后面添加/在less文件第一行添加: // out: false。作用:less文件保存自动生成css文件。方法二:控制当前Less文件导出路径。语法:/* 注释内容*/语法:// 注释内容。

2022-12-12 21:46:36 358

原创 vue : v-model语法糖及.sync修饰符,实现父组件和子组件的数据双向绑定

这样就实现了实现父组件和子组件的数据双向绑定,v-model实际上是帮我们给子组件绑定了一个value属性,并且帮父组件监听了子组件发过来的input事件。注意:在父组件中,组件只能绑定有一个v-model。语法: :属性名.sync="变量名",变量名需在data中已声明(1)在父组件中,组件上写:属性名.sync="变量名",属性名可自定义,与子组件接收的名称一致即可;(2) 子组件通过props接收属性;(3)子组件要修改数据,语法为$emit('update:变量名',变量修

2022-12-04 00:16:20 676

原创 vue组件通讯:父传子、子传父、事件发射详解

vue组件通讯,父传子和子传父。每个组件有自己的数据, 提供在data中;每个组件数据独立, 组件数据无法互相直接访问 (合理的)但是如果需要跨组件访问数据, 怎么办呢? => 组件通信组件通信的方式有很多: 现在先关注两种, 父传子 子传父。(1)在父组件中通过给子组件加属性传值 (2)子组件中, 通过props属性接收3、组件通信 - 子传父 在vue中需要遵循单向数据流原则:(从父到子的单向数据流动, 叫单向数据流)(1)子组件发射事件给父组件

2022-12-03 22:49:46 1759

原创 JavaScript数组常用方法介绍

JavaScript数组常用方法:join()、push() & pop() & unshift() & shift()、sort()、reverse()、concat()、slice() & splice()、indexOf() & lastIndexOf()、forEach() & map() & filter() & some() & every()、reduce() & reduceRight()、Array.from() & Array.of()、find() & findIndex()

2022-12-02 02:34:44 205

原创 vue: v-show 和 v-if 指令控制盒子的显示隐藏

v-show 和 v-if 简介:1. v-show语法: v-show="布尔值" (true显示, false隐藏)原理: 实质是在控制元素的css 样式, `display: none;`2. v-if语法: v-if="布尔值" (true显示, false隐藏)原理: 实质是在动态的创建 或者 删除元素节点应用场景:如果是频繁的切换显示隐藏, 用 v-show(v-show,只是控制css样式,而。

2022-11-29 00:11:04 4761

原创 vue之v-on修饰符,prevent 、stop及按键修饰符keyup、keydown详解

vue之v-on修饰符,.prevent 、.stop及按键修饰符keyup、keydown详解。在监听键盘事件时,我们经常需要判断详细的按键。需求: 用户输入内容, 回车时, 打印输入的内容。提供事件修饰符,可以快速阻止默认行为或阻止冒泡。@keyup.enter 监听回车键。@keyup.esc 监听返回键。@事件名.修饰符="..."

2022-11-28 23:56:26 1881

原创 vue文件组成、vue插值表达式及vue指令的详解及用法

vue文件组成、vue插值表达式及vue指令的详解及用法.让组件支持 less、sassvue支持css、less、sass;less和sass需要安装对应的依赖包;依赖包可去查看webpack中文文档,搜索less或sass。如安装less-loader命令(1)style标签,,开启less功能,v-bind,v-on,$event

2022-11-28 22:48:19 477

原创 vue的简介及@vue/cli 脚手架的使用

vue是一个渐进式的javascript框架!官网地址:Vue.js - 渐进式 JavaScript 框架 | Vue.jsVue是一个MVVM的框架(MVVM:一种软件架构模式)vue,@vue/c,javascript 框架,脚手架

2022-11-28 21:55:58 437

原创 阿里妈妈字体图标Iconfont的使用方法

(2.1) iconfont类:基本样式,包含字体的使用等。(2.2) icon-xxx:图标对应的类名。2. IconFont网站上传图标,下载使用。通过Unicode编码方式使用字体图标步骤。1、引入样式表:iconfont.css;2、复制粘贴图标对应的Unicode编码;2、 调用图标对应的类名,必须调用2个类名。2、浏览本地图标→ 去除颜色提交;同时我们也可以查看到字体图标的。使用字体图标有两种方式,通过。1、上传→ 上传SVG图标;1、 引入字体图标样式表;通过类名使用字体图标步骤。

2022-11-27 00:00:52 2305

原创 Ajax详细用法

AJAX 是异步的 JavaScript 和 XML简单点说,就是使用对象与服务器通信。它可以使用 JSON,XML,HTML 和 text 文本等格式发送和接收数据。AJAX 最吸引人的就是它的 “异步” 特性,也就是说它可以在不重新刷新页面的情况下与服务器通信,交换数据,或更新页面。Ajax详细介绍axios中文文档使用 Ajax 请求数据的 5 种方式描述POST向服务器新增数据GET从服务器获取数据DELETE删除axios的数据PUTPromise

2022-11-26 20:24:27 1194

原创 JavaScript正则表达式用法

(Regular Expression)是用于匹配字符串中字符组合的模式。JavaScript正则表达式用法test () 方法: 用于判断是否有符合规则的字符串,返回的是布尔值 找到返回 true,否则 falseexec () 方法: 用于检索(查找)符合规则的字符串,找到返回数组,否则为 nullreplace () 方法: 替换

2022-11-26 18:58:53 97

原创 rem移动适配解决方案及flexible.js插件使用

rem移动适配解决方案及flexible.js插件使用

2022-11-26 17:53:20 2109

原创 git使用及常见错误处理

git使用及常见错误处理

2022-11-26 16:29:34 409

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除