自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小祥编程擅长前端

本人擅长css、html、c3、h5、js、ajax、axios、git、node、echart、vue以及微信小程序。欢迎大家一起讨论前端知识。

  • 博客(48)
  • 资源 (1)
  • 收藏
  • 关注

原创 新版前端高频面试题

position 中的 sticky 值是 CSS3 新增的,设置了 sticky 值后,在屏幕范围(viewport)时该元素的位置并不受到定位影响(设置是top、left等属性无效),当该元素的位置将要移出偏移范围时,定位又会变成fixed,根据设置的left、top等属性成固定位置的效果。sticky 属性值有以下几个特点:该元素并不脱离文档流,仍然保留元素原本在文档流中的位置。当元素在容器中被滚动超过指定的偏移值时,元素在容器内固定在指定位置。

2022-10-31 13:31:43 235 3

原创 新版js进阶高频面试题

前端部分面试题

2022-10-24 11:00:57 652

原创 vscode:如何在保存less文件时,自动生成对应的css文件,并指定css文件的保存路径

vscode:如何在保存less文件时,自动生成对应的css文件,并指定css文件的保存路径

2022-06-25 09:34:29 1434

原创 在使用echart绘制图表的过程中,y轴刻度标签显示不全

起初以为yAxis里面的刻度标签函数编写有问题,检查了一下没有问题,就开始看是不是echart渲染位数有限制,发现也不是,最终发现时echart渲染偏移问题,导致y轴刻度标签显示不全。

2023-12-26 14:26:56 767

原创 解决在使用 Ant Design Vue组件库更改Modal对话框样式使用深度作用选择符不生效的问题

在使用 Ant Design Vue组件库更改Modal对话框样式使用深度作用选择符不生效。因为modal是直接插入到body元素中的,脱离了父元素。所以写在局部的样式,则不能在body下面脱离了父组件的模态框去生效,只能在你父组件下对应的地方生效。

2023-06-05 11:53:54 1377

原创 前端实现拖拽效果改变元素顺序

在一次工作中,前端要实现通过鼠标实现拖拽改变顺序的功能,之前没有接触过拖拽这一块所以刚开始一筹莫展,幸运的是在查阅学习中实现了前端拖拽功能。操作都是在handleDragEnter()这个函数中来实现的,所以并不难,只需要我们在这个函数中写js逻辑即可。

2023-05-23 14:46:41 2320

原创 使用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 1459

原创 在我们使用vue-admin-templete进行二次开发的时候,我们会发现有些是英文,比如分页里面的每页尺码。

在我们使用vue-admin-templete进行二次开发的时候,我们会发现有些是英文,比如分页里面的每页尺码。

2023-03-11 20:21:53 257

原创 2023实习面试公司【四】

某某汇某,这家公司是我从boss上找的一家面试公司,也是北京本地的一家公司。提示:以下是本篇文章正文内容,下面案例可供参考基本定薪4000,没有其他补助。

2023-03-08 16:55:44 162

原创 2023实习面试公司【三】

某宇科技,这家公司是我从boss上找的一家面试公司,不过这个公司是青岛一家公司,不过薪资给的比北京好多公司给的多。提示:以下是本篇文章正文内容,下面案例可供参考基本定薪4000+外地实习生500+全勤奖100=4600,提供转正,并且有意培养实习生,希望实习生转正以后可以继续在本公司工作。并且也给了转正以后的薪资待遇。

2023-03-08 16:17:45 677

原创 2023实习面试公司【二】

某岸科技,这家公司是我从拉钩上找的第二家面试公司,也是北京本地的一家公司。提示:以下是本篇文章正文内容,下面案例可供参考实习生的薪资在4k-7k,基本5k左右,转正机会很小,也可以说没有。

2023-03-08 16:06:48 662

原创 2023实习面试公司【一】

某某利人,这家公司是我从智联上找的第一家面试公司,也是北京本地的一家公司。提示:以下是本篇文章正文内容,下面案例可供参考基本定薪专科生实习生2500,本科生实习生3000,没有其他补助。薪资貌似不可谈,基本是定薪了。

2023-03-08 10:10:19 1840 1

原创 ElementUI【一】elementUI组件库默认插槽的使用(#default)

ElementUI【一】elementUI组件库默认插槽的使用(#default)。在使用elementUI组件库的时候,经常遇见组件带有默认插槽,带有默认插槽的需要我们改写,因为在接下来的删除、添加等功能中函数需要传参,尤其是老版本的ElementUI组件使用的是老版本的插槽。

2023-02-03 20:43:51 6242 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 1922

原创 Vue【九】vue导入与导出语法

vue中导入与导出语法经常见到,并且也经常使用,导入与导出语法主要分默认和按需。要导入按需导出的成员 就必须使用按需导入按需导入语法,当文件中只导出一个成员的时候 通常使用默认导出,当文件中只导出多个成员的时候 通常使用按需导出。

2022-12-06 18:26:39 1712

原创 Vue【十】vue修饰符

Vue【十】vue修饰符。vue修饰符大致分为事件修饰符,v-model修饰符,按键修饰符,系统修饰符,鼠标按钮修饰符,还有一个我们在使用框架的时候框架提供的,比如element的修饰符.native。

2022-12-05 22:17:51 563

原创 爱心代码(web前端)陈飞宇李峋同款

爱心代码(web前端)陈飞宇李峋同款

2022-11-23 20:50:05 428

原创 爱心代码(web前端)陈飞宇李峋同款【容易操作】

爱心代码(web前端)陈飞宇李峋同款,看到有人相加字,就改了改代码。

2022-11-23 20:41:10 4086

原创 爱心代码(web前端)陈飞宇李峋同款

爱心代码(web前端)陈飞宇李峋同款

2022-11-23 20:07:03 5918 1

原创 Vue【八】路由vue-router的封装

Vue【八】路由vue-router的封装。把路由配置都写在main.js中会显的特别乱,小项目还好,大项目就会看的眼花缭乱,因此,在开发中常把路由单独封装起来,然后再main.js中导入。

2022-11-23 00:04:40 1197

原创 Vue【七】路由vue-router简单使用,从下载到配置以及最后的简单应用。

路由是游览器URL(统一资源定位器)中的哈希值(#hash)与展示视图组件之间的对应规则。在 web App 中, 经常会出现通过一个页面来展示和管理整个应用的功能。SPA 往往是功能复杂的应用,为了有效管理所有视图内容,前端路由 应运而生,优点是路由之间切换不会重新刷新页面,但是初次加载会缓慢。本文主要简单讲了vue-router的基本使用,关于路由的其他使用,例如:路由封装、声明式导航以及编程式导航的讲解会在博主后续文章中讲解。

2022-11-22 23:31:07 777

原创 canvas智能语法提示,初学canvas时没有语法提示,我们可以通过加入`/** @type {HTMLCanvasElement} */`代码使canvas智能提示。

canvas智能语法提示,初学canvas时没有语法提示,我们可以通过加入`/** @type {HTMLCanvasElement} */`代码使canvas智能提示。

2022-11-22 22:23:25 536

原创 Node【二】跨域和同源,跨域常用的解决方法

我们在使用node.js搭建服务器的时候,就避免不了前、后端的请求和访问,那么跨域和同源我们就必须要掌握。跨域与同源主要讲述了cors方法,其他方法没有过多的介绍,大家如有需要可另行查找。

2022-11-21 22:49:20 610

原创 Vue【六】vue生命周期(钩子函数)

Vue【六】vue生命周期(钩子函数),生命周期函数:是由vue框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行,不需要手动调用。生命周期 => 一个事物从出生 到 消亡的全部过程本文主要讲了vue基础语法中的生命周期(钩子函数)。

2022-11-20 21:26:21 1564

原创 HTML烟花特效,除夕快到了,把它收藏下来,过年和最重要的她一起看烟花。

HTML烟花特效,在这低碳环保的时代,烟花也越来越少的出现,除夕快到了,把它收藏下来,过年和最重要的她一起看烟花,一起欣赏烟花绚丽的美。

2022-11-19 22:00:34 11945 7

原创 Vue【四】vue自定义指令。

除了核心功能默认内置的指令 (v-model和v-show),Vue 也允许注册自定义指令。v-xxx注意,代码复用和抽象的主要形式是组件。然而,有的情况下,仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。例如需求: 当页面加载时,让元素将获得焦点 , (autofocus 在 safari 浏览器有兼容性)。

2022-11-18 23:14:52 436 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 479

原创 Vue【二】渲染数据,计算属性computed、侦听器watch的使用,成绩案例。

Vue【二】渲染数据,计算属性computed、侦听器watch的使用,成绩案例。刚学完watch、computed我们可以在下面的小项目练一下手,后面做项目也会用到下面思路以及做题方法,涉及到filter,reduce等数组方法。

2022-11-14 22:54:19 1089

原创 Vue【一】全选与反选的实现,computed计算属性的应用,以及computed计算属性对象写法内置的set和get的使用

Vue【一】全选与反选的实现,computed计算属性的应用,以及computed计算属性对象写法内置的set和get的使用,初学者在学完计算属性的时候,可以拿这个小项目来练手,如果忘了计算属性的应用,也可以用这个小项目回忆一波。动态展示注:文章末尾有初始化的结构,拿来用即可。本案例主要用了计算属性对象写法中的get和set,get方法是通过其他属性来算计自己,set是通过自己来算计其他属性。

2022-11-14 21:27:56 972

原创 NODE【一】使用node.js写个本地服务器,提供前端访问图片的路径

NODE【一】使用node.js写个本地服务器,提供前端访问图片的路径,前端学完node.js没有什么可入手的小项目,或者想练习一下,那么自己写一个本地服务器,使用node+express技术给前端访问图片提供一个接口,意义还是挺重大的。

2022-11-13 23:34:40 1502

原创 HTML可用于情侣表白的爱心代码~,赶紧跟着操作,让她也拥有属于你的爱心吧。

html可用于情侣表白的爱心代码~,赶紧跟着操作,让她也拥有属于你的爱心吧。最近随着电视剧《点燃我温暖你》的火热播出,剧中帅气学霸李洵的炫酷爱心代码也迅速火出了圈,爱心素材也异常火爆,我在这里整理了一份大家有需自取哦~

2022-11-13 11:44:39 18020 31

原创 javascript实现字符串的反转

javascript实现字符串的反转,字符串的反转是没有直接的方法,可以通过字符转数组,利用数组的反转,最后将数组转化为字符串的方法来实现字符串的反转。以上就是今天要讲的内容,本文仅仅简单介绍了字符串的反转。

2022-11-12 12:02:49 354

原创 js事件循环机制习题,微任务与宏任务的执行循序。

1、代码:分为【宏任务】与【微任务代码】【宏任务】:包括主代码块、定时器代码、dom节点事件触发代码、ajax代码;(主代码块: script标签包着这些代码)【微任务】 promise实例对象的.then(回调函数)2、宏任务与微任务都会去【宿主环境】。3、这些代码里面回调函数到了要执行点的时候,不是直接去【主线程】,而是去【任务队列】。

2022-11-08 19:58:51 344

原创 把软件打包发布到npm网站上, 供别人下载的流程。

运行 npm unpublish 包名 --force 命令,即可从 npm 删除已发布的包。前提: 别人得知道你的包名叫什么(package.json里name, 而且是唯一的。因为发布的包, 必须在官方上, 淘宝会定时克隆到淘宝地址(每十分钟)没有切换镜像源,会提示错误。要发布到npm上,必须切换镜像源为npm。自己的模块名不能和网站上已经存在的模块名同名,相似也不行。新注册的账号,必须先邮箱验证,然后才能发布。

2022-11-06 17:01:32 411

原创 推荐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 2956

原创 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 692

原创 form-serialize.js简单的使用方法

form-serialize.js简单的使用方法,网上大部分都是用jquery封装好的,这里使用js,对没有学过jquery的友友们就很友好。

2022-11-01 21:22:52 1386

原创 echart中国地图

echart中国地图

2022-11-01 21:03:57 365

原创 node中req.params,req.query,req.body三者的区别

node中req.params,req.query,req.body三者的区别

2022-10-25 20:35:44 489

原创 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 4722 1

b站移动端适配静态网页(运用vw+vh)

这是一个b站移动端适配静态网页,,适合小白的网页设计作业,用到的有c3、h5,这是一个静态网页,适合用来网页入门的学习,以及练习,这个是博主在刚学习前端时的练手项目,最近在整理电脑文件,准备上传csdn上,分享给大家,然后把本地的删除。 这是一个b站移动端适配静态网页,,适合小白的网页设计作业,用到的有c3、h5,这是一个静态网页,适合用来网页入门的学习,以及练习,这个是博主在刚学习前端时的练手项目,最近在整理电脑文件,准备上传csdn上,分享给大家,然后把本地的删除。 这是一个b站移动端适配静态网页,,适合小白的网页设计作业,用到的有c3、h5,这是一个静态网页,适合用来网页入门的学习,以及练习,这个是博主在刚学习前端时的练手项目,最近在整理电脑文件,准备上传csdn上,分享给大家,然后把本地的删除。 这是一个b站移动端适配静态网页,,适合小白的网页设计作业,用到的有c3、h5,这是一个静态网页,适合用来网页入门的学习,以及练习,这个是博主在刚学习前端时的练手项目,最近在整理电脑文件,准备上传csdn上,分享给大家,然后把本地的删除。 这是一个b站移动端适配静态网页,,适合小白的网页

2022-12-30

品优购电商静态网页(类似京东)

这是一个品优购电商网页,类似京东,适合小白的网页设计作业,用到的有c3、h5,这是一个静态网页,适合用来网页入门的学习,以及练习,这个是博主在刚学习前端时的练手项目,最近在整理电脑文件,准备上传csdn上,分享给大家,然后把本地的删除。 这是一个品优购电商网页,类似京东,适合小白的网页设计作业,用到的有c3、h5,这是一个静态网页,适合用来网页入门的学习,以及练习,这个是博主在刚学习前端时的练手项目,最近在整理电脑文件,准备上传csdn上,分享给大家,然后把本地的删除。 这是一个品优购电商网页,类似京东,适合小白的网页设计作业,用到的有c3、h5,这是一个静态网页,适合用来网页入门的学习,以及练习,这个是博主在刚学习前端时的练手项目,最近在整理电脑文件,准备上传csdn上,分享给大家,然后把本地的删除。 这是一个品优购电商网页,类似京东,适合小白的网页设计作业,用到的有c3、h5,这是一个静态网页,适合用来网页入门的学习,以及练习,这个是博主在刚学习前端时的练手项目,最近在整理电脑文件,准备上传csdn上,分享给大家,然后把本地的删除。 这是一个品优购电商网页,类似京东,适合小白的网页

2022-12-30

华为pc端官网静态页面

华为pc端官网静态页面,一共三个静态页面,使用html,css等技术,适合初学者完成的项目,也适合小白来完成网页开发的作业。

2022-11-16

用来收集form表格数据封装的js,form-serialize.js

如果表单域有很多,逐个提取很麻烦,使用这个封装好的可以整体获取,也就是能使用form-serialize库获取整体表单数据。获取的有两种返回值,一种是查询字符串,一种是对象。

2022-11-01

硅谷外卖后台管理接口修改

硅谷外卖后台管理接口修改,后台图片请求不到,经过修改已经解决问题,这是改好的后台原码直接用。

2022-05-14

空空如也

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

TA关注的人

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