- 博客(48)
- 资源 (1)
- 收藏
- 关注
原创 新版前端高频面试题
position 中的 sticky 值是 CSS3 新增的,设置了 sticky 值后,在屏幕范围(viewport)时该元素的位置并不受到定位影响(设置是top、left等属性无效),当该元素的位置将要移出偏移范围时,定位又会变成fixed,根据设置的left、top等属性成固定位置的效果。sticky 属性值有以下几个特点:该元素并不脱离文档流,仍然保留元素原本在文档流中的位置。当元素在容器中被滚动超过指定的偏移值时,元素在容器内固定在指定位置。
2022-10-31 13:31:43
323
3
原创 vscode:如何在保存less文件时,自动生成对应的css文件,并指定css文件的保存路径
vscode:如何在保存less文件时,自动生成对应的css文件,并指定css文件的保存路径
2022-06-25 09:34:29
1551
原创 在使用echart绘制图表的过程中,y轴刻度标签显示不全
起初以为yAxis里面的刻度标签函数编写有问题,检查了一下没有问题,就开始看是不是echart渲染位数有限制,发现也不是,最终发现时echart渲染偏移问题,导致y轴刻度标签显示不全。
2023-12-26 14:26:56
1151
原创 解决在使用 Ant Design Vue组件库更改Modal对话框样式使用深度作用选择符不生效的问题
在使用 Ant Design Vue组件库更改Modal对话框样式使用深度作用选择符不生效。因为modal是直接插入到body元素中的,脱离了父元素。所以写在局部的样式,则不能在body下面脱离了父组件的模态框去生效,只能在你父组件下对应的地方生效。
2023-06-05 11:53:54
1720
原创 前端实现拖拽效果改变元素顺序
在一次工作中,前端要实现通过鼠标实现拖拽改变顺序的功能,之前没有接触过拖拽这一块所以刚开始一筹莫展,幸运的是在查阅学习中实现了前端拖拽功能。操作都是在handleDragEnter()这个函数中来实现的,所以并不难,只需要我们在这个函数中写js逻辑即可。
2023-05-23 14:46:41
2737
原创 使用monaco-editor插件报错contextKeyService.js:340 Element already has context attribute: editorBoxStyle
使用monaco-editor插件报错contextKeyService.js:340 Element already has context attribute: editorBoxStyle
2023-05-15 15:01:29
1946
原创 在我们使用vue-admin-templete进行二次开发的时候,我们会发现有些是英文,比如分页里面的每页尺码。
在我们使用vue-admin-templete进行二次开发的时候,我们会发现有些是英文,比如分页里面的每页尺码。
2023-03-11 20:21:53
329
原创 2023实习面试公司【四】
某某汇某,这家公司是我从boss上找的一家面试公司,也是北京本地的一家公司。提示:以下是本篇文章正文内容,下面案例可供参考基本定薪4000,没有其他补助。
2023-03-08 16:55:44
281
原创 2023实习面试公司【三】
某宇科技,这家公司是我从boss上找的一家面试公司,不过这个公司是青岛一家公司,不过薪资给的比北京好多公司给的多。提示:以下是本篇文章正文内容,下面案例可供参考基本定薪4000+外地实习生500+全勤奖100=4600,提供转正,并且有意培养实习生,希望实习生转正以后可以继续在本公司工作。并且也给了转正以后的薪资待遇。
2023-03-08 16:17:45
1032
原创 2023实习面试公司【二】
某岸科技,这家公司是我从拉钩上找的第二家面试公司,也是北京本地的一家公司。提示:以下是本篇文章正文内容,下面案例可供参考实习生的薪资在4k-7k,基本5k左右,转正机会很小,也可以说没有。
2023-03-08 16:06:48
793
原创 2023实习面试公司【一】
某某利人,这家公司是我从智联上找的第一家面试公司,也是北京本地的一家公司。提示:以下是本篇文章正文内容,下面案例可供参考基本定薪专科生实习生2500,本科生实习生3000,没有其他补助。薪资貌似不可谈,基本是定薪了。
2023-03-08 10:10:19
2072
1
原创 ElementUI【一】elementUI组件库默认插槽的使用(#default)
ElementUI【一】elementUI组件库默认插槽的使用(#default)。在使用elementUI组件库的时候,经常遇见组件带有默认插槽,带有默认插槽的需要我们改写,因为在接下来的删除、添加等功能中函数需要传参,尤其是老版本的ElementUI组件使用的是老版本的插槽。
2023-02-03 20:43:51
6773
5
原创 Vite【二】使用vite创建项目
Vite【二】使用vite创建项目。vite(法语意为 “快速的”,发音/vit/,发音同 “veet”) 是一种新型前端构建工具,能够显著提升前端开发体验。vite比webpack打包工具启动速度快、热更新快,vite使用esbuild(Go编写)预构建依赖,而webpack基于node.js,因此vite比webpack快10~100倍。
2023-02-03 18:58:47
2263
原创 Vue【九】vue导入与导出语法
vue中导入与导出语法经常见到,并且也经常使用,导入与导出语法主要分默认和按需。要导入按需导出的成员 就必须使用按需导入按需导入语法,当文件中只导出一个成员的时候 通常使用默认导出,当文件中只导出多个成员的时候 通常使用按需导出。
2022-12-06 18:26:39
1876
原创 Vue【十】vue修饰符
Vue【十】vue修饰符。vue修饰符大致分为事件修饰符,v-model修饰符,按键修饰符,系统修饰符,鼠标按钮修饰符,还有一个我们在使用框架的时候框架提供的,比如element的修饰符.native。
2022-12-05 22:17:51
832
原创 Vue【八】路由vue-router的封装
Vue【八】路由vue-router的封装。把路由配置都写在main.js中会显的特别乱,小项目还好,大项目就会看的眼花缭乱,因此,在开发中常把路由单独封装起来,然后再main.js中导入。
2022-11-23 00:04:40
1312
原创 Vue【七】路由vue-router简单使用,从下载到配置以及最后的简单应用。
路由是游览器URL(统一资源定位器)中的哈希值(#hash)与展示视图组件之间的对应规则。在 web App 中, 经常会出现通过一个页面来展示和管理整个应用的功能。SPA 往往是功能复杂的应用,为了有效管理所有视图内容,前端路由 应运而生,优点是路由之间切换不会重新刷新页面,但是初次加载会缓慢。本文主要简单讲了vue-router的基本使用,关于路由的其他使用,例如:路由封装、声明式导航以及编程式导航的讲解会在博主后续文章中讲解。
2022-11-22 23:31:07
913
原创 canvas智能语法提示,初学canvas时没有语法提示,我们可以通过加入`/** @type {HTMLCanvasElement} */`代码使canvas智能提示。
canvas智能语法提示,初学canvas时没有语法提示,我们可以通过加入`/** @type {HTMLCanvasElement} */`代码使canvas智能提示。
2022-11-22 22:23:25
653
原创 Node【二】跨域和同源,跨域常用的解决方法
我们在使用node.js搭建服务器的时候,就避免不了前、后端的请求和访问,那么跨域和同源我们就必须要掌握。跨域与同源主要讲述了cors方法,其他方法没有过多的介绍,大家如有需要可另行查找。
2022-11-21 22:49:20
825
原创 Vue【六】vue生命周期(钩子函数)
Vue【六】vue生命周期(钩子函数),生命周期函数:是由vue框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行,不需要手动调用。生命周期 => 一个事物从出生 到 消亡的全部过程本文主要讲了vue基础语法中的生命周期(钩子函数)。
2022-11-20 21:26:21
1833
原创 HTML烟花特效,除夕快到了,把它收藏下来,过年和最重要的她一起看烟花。
HTML烟花特效,在这低碳环保的时代,烟花也越来越少的出现,除夕快到了,把它收藏下来,过年和最重要的她一起看烟花,一起欣赏烟花绚丽的美。
2022-11-19 22:00:34
13209
7
原创 Vue【四】vue自定义指令。
除了核心功能默认内置的指令 (v-model和v-show),Vue 也允许注册自定义指令。v-xxx注意,代码复用和抽象的主要形式是组件。然而,有的情况下,仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。例如需求: 当页面加载时,让元素将获得焦点 , (autofocus 在 safari 浏览器有兼容性)。
2022-11-18 23:14:52
616
3
原创 Vue【三】vue指令语法 一,vue基础语法中的v-bind、v-on、v-if、v-show、v-else、v-else-if这六个指令语法的介绍以及基本使用。
vue指令, 实质上就是特殊的 html 标签属性, 特点: v- 开头。每个 v- 开头的指令, 都有着自己独立的功能, 将来vue解析时, 会根据不同的指令提供不同的功能本文主要讲了vue基础语法中的v-bind、v-on、v-if、v-show、v-else、v-else-if这六个指令语法的介绍以及基本使用。
2022-11-16 16:14:44
655
原创 Vue【二】渲染数据,计算属性computed、侦听器watch的使用,成绩案例。
Vue【二】渲染数据,计算属性computed、侦听器watch的使用,成绩案例。刚学完watch、computed我们可以在下面的小项目练一下手,后面做项目也会用到下面思路以及做题方法,涉及到filter,reduce等数组方法。
2022-11-14 22:54:19
1348
原创 Vue【一】全选与反选的实现,computed计算属性的应用,以及computed计算属性对象写法内置的set和get的使用
Vue【一】全选与反选的实现,computed计算属性的应用,以及computed计算属性对象写法内置的set和get的使用,初学者在学完计算属性的时候,可以拿这个小项目来练手,如果忘了计算属性的应用,也可以用这个小项目回忆一波。动态展示注:文章末尾有初始化的结构,拿来用即可。本案例主要用了计算属性对象写法中的get和set,get方法是通过其他属性来算计自己,set是通过自己来算计其他属性。
2022-11-14 21:27:56
1218
原创 NODE【一】使用node.js写个本地服务器,提供前端访问图片的路径
NODE【一】使用node.js写个本地服务器,提供前端访问图片的路径,前端学完node.js没有什么可入手的小项目,或者想练习一下,那么自己写一个本地服务器,使用node+express技术给前端访问图片提供一个接口,意义还是挺重大的。
2022-11-13 23:34:40
1880
原创 HTML可用于情侣表白的爱心代码~,赶紧跟着操作,让她也拥有属于你的爱心吧。
html可用于情侣表白的爱心代码~,赶紧跟着操作,让她也拥有属于你的爱心吧。最近随着电视剧《点燃我温暖你》的火热播出,剧中帅气学霸李洵的炫酷爱心代码也迅速火出了圈,爱心素材也异常火爆,我在这里整理了一份大家有需自取哦~
2022-11-13 11:44:39
18980
31
原创 javascript实现字符串的反转
javascript实现字符串的反转,字符串的反转是没有直接的方法,可以通过字符转数组,利用数组的反转,最后将数组转化为字符串的方法来实现字符串的反转。以上就是今天要讲的内容,本文仅仅简单介绍了字符串的反转。
2022-11-12 12:02:49
440
原创 js事件循环机制习题,微任务与宏任务的执行循序。
1、代码:分为【宏任务】与【微任务代码】【宏任务】:包括主代码块、定时器代码、dom节点事件触发代码、ajax代码;(主代码块: script标签包着这些代码)【微任务】 promise实例对象的.then(回调函数)2、宏任务与微任务都会去【宿主环境】。3、这些代码里面回调函数到了要执行点的时候,不是直接去【主线程】,而是去【任务队列】。
2022-11-08 19:58:51
490
原创 把软件打包发布到npm网站上, 供别人下载的流程。
运行 npm unpublish 包名 --force 命令,即可从 npm 删除已发布的包。前提: 别人得知道你的包名叫什么(package.json里name, 而且是唯一的。因为发布的包, 必须在官方上, 淘宝会定时克隆到淘宝地址(每十分钟)没有切换镜像源,会提示错误。要发布到npm上,必须切换镜像源为npm。自己的模块名不能和网站上已经存在的模块名同名,相似也不行。新注册的账号,必须先邮箱验证,然后才能发布。
2022-11-06 17:01:32
611
原创 推荐VSC中一款好用的插件------Code Runner插件
Code Runner插件非常好用,可以运行的语言有,Run C, C++, Java, JS, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, CMD, BASH, F#, C#, VBScript, TypeScript, CoffeeScr。语言种类很多,覆盖面很大。
2022-11-05 10:28:20
3433
原创 vue后台报错 1:1 error Component name “Article“ should always be multi-word vue/multi-word-component-n
vue后台报错 1:1 error Component name "Article" should always be multi-word vue/multi-word-component-n
2022-11-01 23:21:24
914
原创 form-serialize.js简单的使用方法
form-serialize.js简单的使用方法,网上大部分都是用jquery封装好的,这里使用js,对没有学过jquery的友友们就很友好。
2022-11-01 21:22:52
1654
原创 node中req.params,req.query,req.body三者的区别
node中req.params,req.query,req.body三者的区别
2022-10-25 20:35:44
607
原创 node.js 报错解决办法node:events:505 throw er; // Unhandled ‘error‘ event
node.js 报错解决办法node:events:505 throw er; // Unhandled 'error' event
2022-10-24 16:50:46
5379
1
b站移动端适配静态网页(运用vw+vh)
2022-12-30
品优购电商静态网页(类似京东)
2022-12-30
用来收集form表格数据封装的js,form-serialize.js
2022-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅