- 博客(51)
- 收藏
- 关注
RSS订阅原创 函数提升和变量提升的优先级
当 JavaScript 代码执行时，会经历两个阶段：编译阶段和执行阶段。在编译阶段，JavaScript 引擎将会扫描代码，并将变量和函数声明提升到作用域的顶部。这就是所谓的变量提升和函数提升。变量提升和函数提升的优先级是不同的。变量提升是将变量声明提升到作用域的顶部，而函数提升是将整个函数声明提升到作用域的顶部。
2024-03-08 09:13:43
427
原创 vue3+vite：封装Svg组件
vite-plugin-svg-icons 是一个 Vite 插件，用于在 Vite 2 项目中方便地使用 SVG 图标。它可以自动将 SVG 图标文件转换为 Vue 组件，并且提供了一些配置选项来自定义生成的组件。
2024-01-20 23:11:59
2599
原创 移动端hover样式不消失&ios系统伪类:active不生效
hover 匹配用户鼠标悬停状态。还有个和hover功能相同的any-hover语法一样作用也是一样的，唯一的区别就在于any-hover是检测任意的输入装置，而hover只检测主要的输入装置。注：IE浏览器下，@media (any-hover: hover) Edge16才支持，hover媒体查询，可以兼容到Edge12。
2023-12-15 16:28:15
1148
原创 TypeScript中extends的用法
extends 关键字在 TypeScript 中有多种应用，包括泛型约束、继承类、接口继承和条件类型。通过灵活使用 extends，TypeScript 提供了丰富的工具来增强类型安全性，使代码更具表现力和可维护性。
2023-10-22 17:13:30
641
原创 报错：元素隐式具有“any”类型，因为类型为“string”的表达式不能用于索引类型“{name:string；title:string；content:string；}。在类型......
元素隐式具有“any”类型，因为类型为“string”的表达式不能用于索引类型“{name:string;title:string;content:string;}”。在类“{name:string;title:string;content:string;}”上找不到具体类型为“string”的参数的索引签名”
2023-10-15 17:50:55
3989
原创 Vue中DOM的更新为什么是异步的？
当你修改了组件的数据后，Vue 会将 DOM 更新的任务放入微任务队列中，等到当前任务执行完毕后（通常是 JavaScript 代码的执行），再执行微任务队列中的任务，从而完成 DOM 的更新。
2023-08-20 17:11:04
762
原创 客户端实现阿里云OSS文件上传（分片上传，断点续传）
阿里云OSS（Object Storage Service）是一种稳定、安全、高扩展性的云存储服务，它允许您以低成本、高可靠、高可用的方式存储和访问任意类型的数据。在实际应用中，文件上传是一个常见的功能需求。为了提高上传效率和文件完整性，我们可以使用分片上传和断点续传技术。
2023-07-30 15:18:19
2848
原创 requestAnimationFrame（请求动画帧）
在Web应用中，实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的API，那就是 requestAnimationFrame，就是请求动画帧。
2023-07-10 09:18:54
9423
3
原创 什么是BFC？它的作用是什么？
块格式化上下文（Block Formatting Context，BFC）是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。通俗来讲：BFC是一个独立的布局环境，可以理解为一个容器，在这个容器中按照一定规则进行物品摆放，并且不会影响其它环境中的物品。如果一个元素符合触发BFC的条件，则BFC中的元素布局不受外部影响。
2023-05-21 17:01:16
861
原创 解决vue中父组件通过props向子组件传递数据，子组件接收不到
问题：父组件在挂载时向后端发起请求获取数据，然后将获取到的数据传递给子组件，子组件想要在挂载时获取数据，获取不到
2023-05-04 20:17:43
7661
原创 vue3：el-table多选框设置默认选中，翻页保留选中状态
el-table多选框设置默认选中，进行翻页，之前选中的数据没有保留选中状态
2023-04-17 11:08:42
9516
6
原创 URL编码和解析
URL(Uniform Resource Locator，统一资源定位符)是互联网上标准资源的地址，互联网上每个文件(即资源)都有一个唯一的URL，它包含了文件的位置以及浏览器处理方式等信息。
2023-04-09 16:27:23
3907
原创 【Vue3】tinymce富文本编辑器的使用
TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有：UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。开源可商用，基于LGPL2.1插件丰富，自带插件基本涵盖日常所需功能接口丰富，可扩展性强，有能力可以无限拓展功能界面好看，符合现代审美提供经典、内联、沉浸无干扰三种模式（详见“介绍与入门”）对标准支持优秀（自v5开始）多语言支持，官网可下载几十种语言。
2023-03-20 10:24:44
1256
2
原创 vue项目点击导航滑动到相应的位置
利用scrollIntoView方法，该方法将调用它的元素滚动到浏览器窗口的可见区域。注：此方法在页面可滚动时才有用。
2023-03-05 11:14:55
1054
2
原创 React函数式组件中hook的使用——useState（），useEffect（），useRef（）
在react中，hook是React16.8新增的特性，用于在不编写class的情况下使用state及其他的react特性；可以用函数组件去使用react中的一些特性，也可以让函数组件也拥有状态，通过自定义hook实现在组件间公用状态操作。
2022-11-14 10:24:07
350
原创 解决vue项目跨域问题
遇到那就说明跨域了跨域是因为浏览器的同源策略所导致，同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，同源是指：域名、协议、端口相同。如果其中有一项不同，即出现非同源请求，就会产生跨域。跨域并不是请求发不出去，请求能发出去，服务端能收到请求并正常返回结果，只是结果被浏览器拦截了。
2022-11-06 20:36:45
2472
原创 vue3实现路由切换页面动画之transition
本次练习在使用vue3+vue-router4实现路由切换页面动画时，本来以为使用transition就可以直接完成了，但没想到过程中问题不断，接下来就总结一下出现的问题。
2022-10-12 20:24:51
7393
7
原创 setup语法糖
在script标签中添加过setup，组件只需引入不用注册，属性和方法也不用返回，也不用写setup函数，也不用写export default。注意： defineProps、defineEmits、defineExpose API 不需要引入可以直接使用。的组件默认不会对外部暴露任何内部声明的属性。如果有部分属性要暴露出去，可以使用 defineExpose。问题：没有setup函数，应该怎么获取props，emit，attrs呢。什么是setup语法糖？
2022-10-09 20:23:04
1326
原创 python爬虫第三方库之Beautiful Soup4
Beautiful Soup4简称bs4，是一个HTML/XML的解析器，其主要功能是解析和提取HTML/XML数据。它不仅支持css选择器，而且支持python标准库中的HTML解析器，以及lxml的XML。
2022-09-25 18:43:35
318
原创 vue3之计算机属性（computed）和监视（watch，watchEffect）
基础代码：由于fullName1只有getter方法（只读），不能设置新的值，只能获取改变user.lastNameget方法在获取的时候调用，set方法在值改变的时候调用监视一个数据：watch监视多个数据:使用数组来指定如果是ref对象, 直接指定如果是reactive对象中的属性, 必须通过函数来指定不用直接指定要监视的数据, 回调函数中使用的哪些响应式数据就监视哪些响应式数据默认初始时就会执行第一次, 从而可以收集需要监视的数据监视数据发生变化时回调...
2022-07-09 20:13:43
581
原创 vue-router详解
安装vue-router：npm install vue-router --save注：直接下载可能出现如下问题原因：可能是因为vue-router的版本过高解决：下载低版本的（不加版本号默认都是下载最新版本的）例如：npm install vue-router@3.2.0在router文件夹下的index.js中使用它1)导入路由对象，并且调用 Vue.use(VueRouter)2)创建路由实例，并且传入路由映射配置3)在Vue实例中挂载创建的路由实例使用步骤1）创建路由组件（co
2022-07-04 22:21:02
625
原创 vue组件之间的通信
父组件向子组件传递信息，通过propsprops数据验证：#props用于父组件向子组件传递数据，还有一种比较常见的是子组件传递数据或事件到父组件中。当子组件需要向父组件传递数据时，就要用到自定义事件了。我们之前学习的v-on不仅仅可以用于监听DOM事件，也可以用于组件间的自定义事件。#自定义事件的流程：在子组件中，通过$emit()来触发事件。在父组件中，通过v-on来监听子组件事件。三. 非父子组件之间的通信1.创建bus2.使用bus发送方：接受方：四.父子组件间的通信方
2022-06-27 08:43:34
95
1
原创 ES6总结：数组和对象的结构，模块化等
1.数组解构解构数组的方法const arr = [100, 200, 300];const [one, two, three] = arr;console.log(one);//100console.log(two);//200console.log(three);//300在数组解构语法中，我们****通过值在数组中的位置进行选取****，且可以存储在任意变量中，未显式声明的元素都会直接被忽略。在这个过程中，数组本身不会发生任何变化。只解构想要获取的元素const [,,mo]co
2022-05-11 22:05:16
764
原创 ES6：Promise
文章目录1.同步操作和异步操作1.1 同步操作和异步操作详解1.2 js中的异步操作：1.3 补充：什么是回调函数二.Promise2.1 Promise的实例有三个状态：2.2 Promise的实例有两个过程2.3 Promise的基本使用三.async和wait3.1 async3.2 await1.同步操作和异步操作在了解Promise之前，咱们先聊一下什么是同步操作和异步操作1.1 同步操作和异步操作详解任务可以分成两种，一种是同步任务（synchronous），另一种是异步（asynchr
2022-05-11 11:38:01
391
原创 ES6:let和const
文章目录1.const2.let3.总结（var，let，const）1.constconst 声明一个只读的常量，一旦声明，常量的值就不能改变const 用于声明一个或多个常量，声明时必须进行初始化，且初始化后值不可再修改：const 的本质: const 定义的变量并非常量，并非不可变，它定义了一个常量引用一个值。使用 const 定义的对象或者数组，其实是可变的。const value=1;value=2;//不能修改，Uncaught TypeError: Assignm
2022-05-08 18:38:59
359
原创 js中offset、client、scroll、screen、page用法
一.offsetoffset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置（偏移），大小等获取元素距离带有定位父元素的位置获取元素自身的大小（宽度高度）注意：返回值都不带单位常用属性：1.1 offsetX，offsetY获取鼠标指针位置相对于触发事件的对象的 x 坐标和y坐标。offsetX （offsetY）规定了事件对象与目标节点的内填充边（padding edge）在 X （Y）轴方向上的偏移量。2.2 offsetWidth，offsetHe
2022-04-26 21:27:50
1631
原创 css补充2：flex布局，居中方案等
一.flex 布局1.1 flex布局原理flex是flexible Box的缩写，意为"弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。当我们为父盒子设为flex布局以后，子元素的float、clear和vertical-align属性将失效。伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局flex 布局的子元素不会脱离文档流，很好地遵从了“流的特性”1.2 flex布局父元素常见属性1）flex-direction设置主轴方向（即项目的排列方向
2022-04-21 15:26:08
5149
原创 css实现响应式布局
一.什么是响应式布局响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够了。响应式设计与自适应设计的区别:响应式开发一套界面，通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容;自适应需要开发多套界面，通过检测视口分辨率，来判断当前访问的设备是pc端、平板、手机，从而请求服务层，返回不同的页面。cSS3媒体查询可以让我们针对不同的媒体类型定义不同的样式，当重置浏览器窗口大小的过程中，页面也会根据浏
2022-04-17 10:32:58
8250
原创 css补充（1）：css实现小三角，精灵图，字体图标
一.css实现小三角1.1 三角形实现html:<div class="sanjiao"></div>css:.sanjiao { /* 高度和宽度必须指定为零 */ width: 0; height: 0; /* 给四边都设置边框和颜色 */ border-bottom: 30px solid #a1ffb8; border-top: 30px solid #d600d6; border-left: 30px s
2022-04-17 09:16:53
1291
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人