- 博客(30)
- 资源 (1)
- 收藏
- 关注
原创 HTML中对 input的 range类型进行自定义(自定义滑块slider)
在我们日常开发的过程的滑动是一个常见的小组件,很多UI框架里面也都有,今天我给大家分享一波使用 原生的input 类型为range 做一个自定义类型的滑块。我们使用原生的input生成的就是如上图所示的滑块,但是我们产品是这个滑块太丑了,能不能高一个好看的。/* 覆盖默认外观,适用于 Firefox 浏览器 *//* 覆盖默认外观,适用于 IE/Edge 浏览器 *//* 覆盖默认外观,适用于 WebKit 浏览器 *//* 滑块宽度 *//* 滑块高度 *//* 滑块颜色 *//* 鼠标样式 */
2024-09-06 11:32:37 901
原创 prettier 配置文件 .prettierrc
prettierrc 是一个配置文件,用于定义 Prettier 的代码格式化规则。这个文件通常放在项目的根目录下,以便 Prettier 在格式化代码时能够找到并使用这些规则。.prettierrc 文件是一个 JSON 文件,其中包含了各种格式化选项。
2024-08-28 17:09:27 343
原创 实现旋转、拖动、参考线、吸附等功能(最简单方法)
如果你会使用canvas,这个框架对于你来说很简单的。我们想画一个圆一个矩形或者其他的图像直接,定一个对象即可。我个人比较喜欢这个,因为我工作中用canvas用的比较多,又不想写原生的。有兴趣的可以看一看,了解一下。我们简单的介绍了Konva。我使用的是konva框架画的图形,代码如下: 可以直接运行出效果。
2024-06-11 15:36:45 460
原创 浅谈 Vue3的计算属性 Computed(如何在 Vue3 中异步使用 computed 计算属性)
*第一种解决办法:**我不能就不用计算属性,写一个异步函数 调接口取数据,可以创建一个 reactive 对象或 ref 引用,然后在组件 onMounted 生命周期手动为这个对象赋值。我 最近接到了一个任务,该原理之前的代码,要在计算属性里面 调接口取数据,可能不明白的小伙伴 就会问,为什么可以在computed里面调接口呢?是的 ,不能在计算属性里面调接口,Vue3的计算属性也是 组合式API,我平时再用的时候,只用到了get很少用 set。我在网上找一到了一篇博客,可以取看下。
2024-05-16 16:50:39 1218
原创 wangeditor(Vue 3 初始化配置 文字的 字体大小 、样式、)
这里是设置初始化的文字信息的配置 :defaultContent=“jsonContent”
2024-05-13 16:37:35 1135 1
原创 用canvas 旋转坐标系绘制图形和文本,文本是倒置的问题
我把canvas的坐标系,变换成了笛卡尔坐标系(直角坐标系),但是变换之后,图形是对的,文字是倒着呢。图片 展示与代码展如下:解决这个问题的关键,就是 在平移和缩放之前,先保存一下前一个状态,当绘制文本之前 绘制平移旋转之前的状态,然后重新计算坐标平移旋转缩放之后的位置,不计算直接绘制,文字不倒置了,但是文本显示的位置是错的,所以说我们重新计算 坐标的位置。它接受参数包括文本内容、文本左下角的原始坐标、平移和缩放的偏移量,并返回在新坐标系中的文本位置:
2024-04-25 10:27:09 893
原创 张天禹 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 1347
原创 数组和字符串常用的方法-总结
控制了排序规则。该方法接受一个回调函数作为参数,该回调函数接受三个参数:当前元素的值,当前元素的索引和数组本身。在这个例子中,findIndex() 方法遍历了数组 numbers 中的所有元素,并返回第一个满足条件的元素的索引。match() 是 JavaScript 字符串对象的方法之一,用于在字符串中检索指定的值,返回找到的值并将其作为数组返回。charAt() 方法可用于获取字符串中特定位置的字符,索引应该在字符串的有效范围内,否则返回空字符串。limit:可选参数,指定返回的数组的最大长度。
2023-12-13 16:51:22 100
原创 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 506 1
原创 react
react中有两种定义组件的方式,function和class。组件中的属性或者state数据改变之后组件会重新渲染父传子使用props属性子传父方法调用非相关组件使用context或者redux实现 在react16.8之前的版本中没办法再function定义的组件中设置局部状态,但是16.8之后的版本中新增了hooks,可以通过它为function定义的组件设置局部状态和模拟生命周期hooks的实现原理是数组结合闭包class定义组件,又叫类组件。
2022-11-29 00:50:28 908
原创 Vue中路由详解
理解:一个路由(route)就是一组映射关系(key-value),多个路由器需要路由器进行管理。前端路由:key是路径,value是组件1.params传参:格式: < router-link to = " detail/2 " > 娱乐新闻 娱乐新闻 ="
2022-10-26 19:34:17 1074 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 3096
原创 3A 整理的面试题
a 工作的主要内容和职责b 公司未来3~5年的发展计划c 公司的企业文化核心d 公司对待新人有哪些培训说了可以问的大致方向,有的同学可能还是不会具体提问,或者不知提问的专业话术应该怎么说,不用怕!1:如何评估员工在试用期内的表现?考核标准是什么呢?2:公司采取了什么样的方法和措施,来保证新员工的成长?3:这个职位在贵公司的发展前景是怎么样的?有何种晋升机制?在什么条件下,才能够得到晋升的机会?4:请问您当初选择这家公司的原因是什么?在工作一段时间以后,您又是如何评价这家公司的呢?
2022-10-12 22:05:31 149
转载 Vue项目中scoped属性的作用,及scoped穿透
scoped属性是 HTML5 中的新属性,是一个布尔属性,如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。
2022-10-10 11:21:42 173
原创 2022JavaScript高频面试题合集
节流:事件触发后,规定时间内,事件处理函数不能再次被调用。也就是说在规定的时间内,函数只能被调用一次,且是最先被触发调用的那次。防抖:多次触发事件,事件处理函数只能执行一次,并且是在触发操作结束时执行。也就是说,当一个事件被触发准备执行事件函数前,会等待一定的时间(这时间是码农自己去定义的,比如 1 秒),如果没有再次被触发,那么就执行,如果被触发了,那就本次作废,重新从新触发的时间开始计算,并再次等待 1 秒,直到能最终执行!
2022-09-20 15:14:59 534
原创 【H5音视频处理+less-css预处理器】
CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义。
2022-09-19 20:00:17 763
原创 Git 笔记总结
版本控制是指对软件开发过程中各种程序代码、说明文档等文件的变更进行管理,它将追踪文件变化,记录文件的变更时间、变更内容、甚至变更执行人等进行记录,同时对每一个阶段性变更(不仅仅只是一个文件的变化)添加版本编号,方便将来进行查阅特定阶段的变更信息,甚至是回滚。
2022-09-19 19:22:12 478
原创 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 511
原创 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 773
原创 2022最新HTML+CSS高频面试题
计算 BFC 的高度的时候,浮动元素也参与计算。: 绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那 么它的位置相对于。渐进增强一般说的是使用CSS3技术,在不影响老浏览器的正常显示与使用情形下来增强体验,而优雅降级则是体现html标签的语义,以便在js/css的加载失败/被禁用时,也不影响用户的相应功能。...
2022-08-02 20:45:41 388
原创 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 659
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人