自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 资源 (1)
  • 收藏
  • 关注

原创 实现旋转、拖动、参考线、吸附等功能(最简单方法)

如果你会使用canvas,这个框架对于你来说很简单的。我们想画一个圆一个矩形或者其他的图像直接,定一个对象即可。我个人比较喜欢这个,因为我工作中用canvas用的比较多,又不想写原生的。有兴趣的可以看一看,了解一下。我们简单的介绍了Konva。我使用的是konva框架画的图形,代码如下: 可以直接运行出效果。

2024-06-11 15:36:45 292

原创 浅谈 Vue3的计算属性 Computed(如何在 Vue3 中异步使用 computed 计算属性)

*第一种解决办法:**我不能就不用计算属性,写一个异步函数 调接口取数据,可以创建一个 reactive 对象或 ref 引用,然后在组件 onMounted 生命周期手动为这个对象赋值。我 最近接到了一个任务,该原理之前的代码,要在计算属性里面 调接口取数据,可能不明白的小伙伴 就会问,为什么可以在computed里面调接口呢?是的 ,不能在计算属性里面调接口,Vue3的计算属性也是 组合式API,我平时再用的时候,只用到了get很少用 set。我在网上找一到了一篇博客,可以取看下。

2024-05-16 16:50:39 445

原创 wangeditor(Vue 3 初始化配置 文字的 字体大小 、样式、)

这里是设置初始化的文字信息的配置 :defaultContent=“jsonContent”

2024-05-13 16:37:35 326

原创 用canvas 旋转坐标系绘制图形和文本,文本是倒置的问题

我把canvas的坐标系,变换成了笛卡尔坐标系(直角坐标系),但是变换之后,图形是对的,文字是倒着呢。图片 展示与代码展如下:解决这个问题的关键,就是 在平移和缩放之前,先保存一下前一个状态,当绘制文本之前 绘制平移旋转之前的状态,然后重新计算坐标平移旋转缩放之后的位置,不计算直接绘制,文字不倒置了,但是文本显示的位置是错的,所以说我们重新计算 坐标的位置。它接受参数包括文本内容、文本左下角的原始坐标、平移和缩放的偏移量,并返回在新坐标系中的文本位置:

2024-04-25 10:27:09 758

原创 解绑 匿名事件 getEventListeners

【代码】解绑 匿名事件 getEventListeners。

2024-03-19 16:07:16 99

原创 张天禹 Vue3+TypesScript

2020年9月18日,Vue.js发布版3.0One Piece(n4800+次提交40+个RFC600+次PR300+贡献者3.3.4setup是Vue3中一个新的配置项,值是一个函数,它是“表演的舞台,组件中所用到的:数据、方法、计算属性、监视…等等,均配置在setup中。setup函数返回的对象中的内容,可直接在模板中使用。setup中访问this是undefined。setup函数会在之前调用,它是“领先”所有钩子执行的。姓名:{{name}}

2023-12-31 23:50:01 1198

原创 数组和字符串常用的方法-总结

控制了排序规则。该方法接受一个回调函数作为参数,该回调函数接受三个参数:当前元素的值,当前元素的索引和数组本身。在这个例子中,findIndex() 方法遍历了数组 numbers 中的所有元素,并返回第一个满足条件的元素的索引。match() 是 JavaScript 字符串对象的方法之一,用于在字符串中检索指定的值,返回找到的值并将其作为数组返回。charAt() 方法可用于获取字符串中特定位置的字符,索引应该在字符串的有效范围内,否则返回空字符串。limit:可选参数,指定返回的数组的最大长度。

2023-12-13 16:51:22 39

原创 Echats 常见的图表

111

2023-12-10 22:58:10 76

原创 React从入门到项目 (第三篇) Vue-cli脚手架

router

2023-12-03 21:21:56 28 1

原创 React第二篇class类组件

React从入门到项目class组(第二篇)

2023-12-03 20:43:03 211 1

原创 React第一篇 (function)函数式组件

React第一篇 函数式组件

2023-12-03 20:00:15 316 1

原创 vue3快速上手

2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.0什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。

2022-12-11 19:57:21 212 1

原创 react

react中有两种定义组件的方式,function和class。组件中的属性或者state数据改变之后组件会重新渲染父传子使用props属性子传父方法调用非相关组件使用context或者redux实现​ 在react16.8之前的版本中没办法再function定义的组件中设置局部状态,但是16.8之后的版本中新增了hooks,可以通过它为function定义的组件设置局部状态和模拟生命周期hooks的实现原理是数组结合闭包class定义组件,又叫类组件。

2022-11-29 00:50:28 425

原创 Vue中路由详解

理解:一个路由(route)就是一组映射关系(key-value),多个路由器需要路由器进行管理。前端路由:key是路径,value是组件​1.params传参:格式: < router-link to = " detail/2 " > 娱乐新闻 娱乐新闻 ="

2022-10-26 19:34:17 718 1

原创 [Vue] slot详解,slot、slot-scope和v-slot

在vue2.6中,上述的API被软废弃(3.0正式废弃),取而代之的是内置指令v-slot,可以缩写为#子组件:插槽用slot标签来确定渲染位置,父组件未传入内容时,显示slot里面给的内容。父组件:父组件在默认插槽的基础上加slot属性,值为子组件name属性。子组件:具名插槽用name属性标识插槽的名字,不传为默认插槽。让用户可以拓展组件,去更好地复用组件和对其做定制化处理。举一些例子,比如布局组件、表格列、下拉选项。父组件:直接在子组件的标签里面写入内容即可。//数据在子组件自身。

2022-10-24 18:22:23 2908

原创 Vue-router为什么二级路由无法跳转到一级路由?

Vue-router为什么二级路由无法跳转到一级路由?

2022-10-17 14:01:34 1744

原创 3A 整理的面试题

a 工作的主要内容和职责b 公司未来3~5年的发展计划c 公司的企业文化核心d 公司对待新人有哪些培训说了可以问的大致方向,有的同学可能还是不会具体提问,或者不知提问的专业话术应该怎么说,不用怕!1:如何评估员工在试用期内的表现?考核标准是什么呢?2:公司采取了什么样的方法和措施,来保证新员工的成长?3:这个职位在贵公司的发展前景是怎么样的?有何种晋升机制?在什么条件下,才能够得到晋升的机会?4:请问您当初选择这家公司的原因是什么?在工作一段时间以后,您又是如何评价这家公司的呢?

2022-10-12 22:05:31 129

转载 Vue项目中scoped属性的作用,及scoped穿透

scoped属性是 HTML5 中的新属性,是一个布尔属性,如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。

2022-10-10 11:21:42 153

原创 Vue axioxs网络请求封装

第一步: 安装axios nprogress 连个插件。

2022-09-21 18:59:47 248

原创 2022JavaScript高频面试题合集

节流:事件触发后,规定时间内,事件处理函数不能再次被调用。也就是说在规定的时间内,函数只能被调用一次,且是最先被触发调用的那次。防抖:多次触发事件,事件处理函数只能执行一次,并且是在触发操作结束时执行。也就是说,当一个事件被触发准备执行事件函数前,会等待一定的时间(这时间是码农自己去定义的,比如 1 秒),如果没有再次被触发,那么就执行,如果被触发了,那就本次作废,重新从新触发的时间开始计算,并再次等待 1 秒,直到能最终执行!

2022-09-20 15:14:59 162

原创 【H5音视频处理+less-css预处理器】

CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义。

2022-09-19 20:00:17 330

原创 Git 笔记总结

版本控制是指对软件开发过程中各种程序代码、说明文档等文件的变更进行管理,它将追踪文件变化,记录文件的变更时间、变更内容、甚至变更执行人等进行记录,同时对每一个阶段性变更(不仅仅只是一个文件的变化)添加版本编号,方便将来进行查阅特定阶段的变更信息,甚至是回滚。

2022-09-19 19:22:12 116

原创 Vue笔记-尚硅谷-Alex

vue-cli: vue 脚手架vue-resourceaxiosvue-router: 路由vuex: 状态管理element-ui: 基于 vue 的 UI 组件库…[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iAEgCWfl-1662295271150)(D:\笔记总结\vue笔记\Vue笔记\1661128552292.png)]模板语法数据绑定MVVM模型1、M:模型(Model):对应data中数据2、V:视图(View):模板代码

2022-09-04 20:42:54 441

原创 MongoDB Windows无法启动服务 错误1053 的一种解决办法

window命令行连接MongoDB 报错Error: couldn't connect to server 127.0.0.1:27017, connection attempt failed: SocketException: Error connecting to 127.0.0.1:27017 :: caused by :: ����Ŀ�����������ܾ����޷����ӡ� :connect@src/mongo/shell/mongo.js:344:17@(connect):2:6

2022-08-22 10:30:00 754

原创 JavaScript 高级部分

这篇文章主要针对JS高级部分,进行简单的总结

2022-08-15 19:05:56 476

原创 2022最新HTML+CSS高频面试题

计算 BFC 的高度的时候,浮动元素也参与计算。: 绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那 么它的位置相对于。渐进增强一般说的是使用CSS3技术,在不影响老浏览器的正常显示与使用情形下来增强体验,而优雅降级则是体现html标签的语义,以便在js/css的加载失败/被禁用时,也不影响用户的相应功能。...

2022-08-02 20:45:41 375

原创 通过边框阴圆角绘制简单的图形

(border-radius)通过边框圆角 来绘制简单的 图形 CSS代码HTML代码HTML代码

2022-07-05 13:41:21 97

原创 JQuery这一篇就够了

JQuery编程JQuery介绍javascript库即library,是一个封装好的特定的集合常见的JavaScript库:JQuery、Prototype、YUI、Dojo、ExtJS、移动端zeptoJQuery概念JQuery是一个快速、简介的JavaScript库把js中的DOM操作做了封装,我么可以快速的查询试用里面的功能JQuery封装了JavaScript常用的功能代码,又花了DOM操作、事件处理、动画设计和Ajax交互学习JQuery的本质:就是学习调用这些函

2022-04-21 17:41:36 631

对过渡和动画进行简单的总结.md

过渡个动画基础

2022-08-02

空空如也

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

TA关注的人

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