自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 powershell无法使用cmd命令

可以看到当前系统用户的执行策略,没有设置默认都是 Undefined。我们需要通过以下代码将当前用户的执行策略设置为。在powershell里面执行,然后选择Y。

2023-02-07 14:26:09 992 1

原创 ky使用教程(基于fetch的小巧优雅js的http客服端)

​ky is a tiny and elegant HTTP client based on the browserFetch APIky是一个小巧而优雅基于浏览器的fetch api的http客服端。

2022-11-24 15:50:42 3167 10

原创 金九银十|前端真实面试知识点梳理

凛冬将至,金九银十,今年的市场环境不好,但是大的趋势没变,提升面试技巧能力,继续加油才是突破的最好方法。

2022-10-23 09:39:31 1401 40

原创 vue3版本网页小游戏

最近是由于玩了羊了个羊的小程序,有所感悟,思考了这个游戏的整体的玩法,如何去操作,然后想到了可以实现一个前端网页版本的羊了个羊,这里面有一些自己的设计思考是很重要的,花了一个星期左右来实现,中间遇到了如何消除,如何控制挑战失败,成功的问题,并且一一解决了,可以想到如果前端来做这个游戏怎么在最优的方案上

2022-09-29 17:41:04 11335 115

原创 vue3的ref,reactive的使用和原理解析

vue3新增了ref,reactive两个api用于响应式数据,Ref 系列毫无疑问是使用频率最高的 api 之一,响应式意味着数据变动,页面局部自动更新。

2022-09-25 20:36:05 15910 45

原创 vue3的setup的使用和原理解析

在vue3中,新的setup函数属性给我们提供了书写的便利,其背后的工作量无疑是巨大的,有状态的组件的初始化的过程,在 setup 函数初始化部分我们讨论的源码的执行过程。

2022-09-24 13:54:07 27126 50

原创 vue3 | 数据可视化实战echarts图表柱状图和饼图的联动

echarts图表在大数据可视化中间非常实用,图表之间联动效果更具直观性,同时需要掌握echarts的配置,属性,熟练应用功能,要具备抽象思维,封装组件思维,数据驱动页面思维,把基础的功能组件做好,后续的维护和扩展性才会更加方便。

2022-09-22 17:59:22 6509 25

原创 在线演示前端demo | github如何搭建个人vue项目进行展示

github提供免费的在线网站服务,免费托管代码服务,不需要我们花钱,就可以在线通过网络展示我们前端的项目,前提是我们要把vue项目打包部署在github上,就需要建立一个仓库。个人在线演示:Vite App后续会教大家如何做手机端和pc端的一套代码适配方案。

2022-09-18 12:21:29 2936 23

原创 vue3 | HighCharts实战自定义封装之径向条形图

在做数据平台开发时候,大数据驱动页面的情况很常见,并且大数据的展示,一般以图表类,居多,掌握一种图表往往不够,比如会echarts,但是 echarts有很多图表效果满足不了需求,就如现在我开发的径向条形图,echarts很难实现,学习highcharts是有成本的,本文能希望能你在highchart的使用上有所帮助。通过一种使用,其他的举一反三,还有不懂的可以评论区留言告诉我,我会有时间及时回复。未完待续,后续将会带来大屏可视化的动态实时数据如何展示?敬请期待~~~❤️❤️❤️。

2022-09-18 10:27:41 4282 110

原创 vue3 | 数据可视化实现数字滚动特效

自己封装数字动态效果需要注意各个浏览器直接的差异,手动pollyfill,暴露出去的props参数需要有默认值,数据的格式化可以才有正则表达式的方式,组件的驱动必须是数据变化,根据数据来驱动页面渲染,防止页面出现卡顿,不要强行操作dom,引入的组件可以全局配置,后续组件可以服用,码字不易,请各位看官大佬多多支持,一键三连了~❤️❤️❤️。

2022-09-13 13:59:01 18314 65

原创 css垂直居中的6种方式

这里实现了比较常用的垂直水平居中的方案,十分有用,希望对于面试必考题来说,只要熟练掌握前面三种,基本上是没有问题了,源码我会放在本人主页的资源里面,供大家免费下载,创作不易,关注一下,后续将带来vue版本大屏可视化解决方案。敬请期待吧~~~❤️。

2022-09-08 14:47:57 19083 18

原创 vue自适应布局(各种浏览器,分辨率)

主要使用了flex布局的flex:1属性和自适应的css+vh+百分比这种方式,开局设置overflow:hidden,主体main部分要设置:overflow:auto,这种方式可以自动使得菜单的滚动条和内容的滚动条在一个区域内滚动,后续我会把完整代码放在个人主页KinHKin的博客_CSDN博客-vue,中秋活动,性能优化领域博主的资源里面,供大家免费下载,希望大家能够喜欢💗💗💗。

2022-09-04 15:54:11 29388 117

原创 中秋节教师节,程序员双节同庆

2020.9.10难得传统节日,中秋,教师节在同一天,这种概率十分罕见。通过计算,中秋国庆同一天在21世纪仅出现4次。上一次是2001年,另外两次是2031年和2077年。中秋节每年固定在农历的八月十五,但它在阳历中的日期却非常不固定,而导致这种变化的原因是“闰月”。

2022-09-04 09:37:42 836 13

原创 猿创征文|vue中使用Axios最佳实践

fetchajax (原生)axios (开源)Axios 是一个基于 promise 的网络请求库,可以用于浏览器和 node.js。Axios 使用简单,包尺寸小且提供了易于扩展的接口。在服务端它使用原生 node.jshttp模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。简单示例:});

2022-09-03 18:58:05 4173 170

原创 猿创征文|vue组件之间的传值

父传子子传父非父子传值注意:父子组件的关系可以总结为 prop 向下传递,事件向上传递。父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消息。目录前言1.父组件向子组件进行传值2.子组件向父组件进行传值父组件代码子组件代码3.非父子组件之间的传值​编辑父组件代码子组件代码总结主要用到了父子组件的传值,props,$emit,ref,sync等方法,父子组件之间的传值,十分常见,只要我们用会了组件之间的传数据的方法,对于前端的组件抽离,性能提升都有很大的好处。

2022-09-01 21:49:01 1450 73

原创 前端性能优化之数据采集Performance API实战篇

为了便于量化页面性能指标数据,量化页面性能优化措施达到的优化效果,以及向合作方提供准确可靠的性能数据报告,研发侧需要对现有性能数据采集的兼容性、功能性进行调研,便于后续制定数据采集方案。通用数据采集:页面导航类加载性能数据;页面所有资源的加载时间数据(这里的资源包括 css js img ajax请求等);页面的渲染数据(包括fp、fcp)(2) 定制数据采集:页面可以根据业务需要使用性能API自行打点采集。......

2022-08-31 23:25:30 1822 12

原创 vue3系列学习并实战之基础(一)

本文是基础教程,后续会推出响应式基础,计算属性,类和样式绑定等基础知识,本人k,谢谢各位看官支持,一起继续努力加油吧

2022-08-31 22:59:40 350 6

原创 js常用的数据转换方法(日期,树tree)

在前端开发中,数据类型转换十分常见,本文记录的目的是方便后续的查阅和使用。

2022-08-28 12:13:40 2751 24

原创 git常用的命令

查看用户名和邮箱地址,修改用户名和邮箱地址,常见的git命令总结,git的三个状态

2022-08-27 21:32:14 209 15

原创 vue2和vue3的区别(由浅入深)

Vue2使⽤的是选项类型API(Options API),Vue3使⽤的是合成型API(Composition API)Vue3:数据和⽅法都定义在setup中,并统⼀进⾏return{}vue2和vue3比较还是有很多不一样的地方,比如setup语法糖的形式最为便捷而且更符合开发者习惯,未来vue3将会大面积使用这种规则,这样更加符合开发习惯和降低后续维护的成本,还有目前Vue3已经成为了Vue的默认版本,后续维护应该也会以Vue3为主。希望各位同学赶紧学起来吧~......

2022-08-27 18:30:15 52296 10

原创 中秋节教师节,程序员双节同庆

中秋节的习俗有:听香、走月、拜祖先、燃灯、祭月、猜谜、耍禄仔、赏月、追月、竖中秋、乞月照月、观潮、吃月饼、烧斗香、玩兔爷、玩花灯、扎灯笼、舞火龙、抛帕招亲、窃瓜祈子、饮桂花酒、吃田螺、赏桂花等。《礼记》上记载:“天子春朝日,秋夕月”,夕月就是祭月亮,说明早在春秋时代,帝王就已开始祭月、拜月了。猜灯谜是使用json数据配合el-collapse组件展示第一条示例,后续内容为点击翻页操作,这样的设计是为了方便用户专心,有效的使用此功能。.........

2022-08-27 14:40:35 3254 50

原创 前端性能优化实战篇

项目生产环境前端静态资源总体积过大,图片资源未压缩,请求接口 30+ 个,整体平均加载耗时 20S,用户体验比较差劲👎。

2022-08-26 23:17:38 830 10

原创 使用vue2开发之进阶篇(组件系统,渲染机制,插槽,响应式原理)

那这样的话,在修改对应的属性的时候,就能够去触发这个setter,这样就可以知道哪个属性改变了。就是在渲染视图的时候,要将这个观察者(watcher)和具体的属性结合起来,然后通过发布订阅的模式,这样数据的改变就能够更加精准的去更新到视图上。到目前为止,关于动态组件你需要了解的大概就这些了,如果你阅读完本页内容并掌握了它的内容,我们会推荐你再回来把。取而代之的是,一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝。作用域:父级模板里的所有内容都是在父级作用域中编译的;.

2022-08-26 23:09:45 676 2

原创 使用vue2开发之基础篇(使用,指令,生命周期,事件处理)

vue基础篇

2022-08-17 11:25:05 362 3

原创 前端编程规范(适用团队开发,教学,个人提升)

提高团队协作效率提示开发效率和后期优化维护方便新进成员快速上手输出高质量的代码适用所有pcweb类项目,移动端由于设备可以宽限。

2022-08-16 19:45:33 573 8

css垂直水平居中6种方式

这里实现了比较常用的垂直水平居中的方案,十分有用,希望对于面试必考题来说,只要熟练掌握前面三种,基本上是没有问题了,源码我会放在本人主页的资源里面,供大家免费下载,创作不易,关注一下,后续将带来vue版本大屏可视化解决方案。敬请期待吧~~~

2022-09-08

Axios和vue3自适应布局方案

Axios和vue3自适应布局方案,里面包含mock数据,路由,vue-router,element-plus,json数据,flex布局等

2022-09-04

中秋节教师节vue源码

中秋节的习俗有:听香、走月、拜祖先、燃灯、祭月、猜谜、耍禄仔、赏月、追月、竖中秋、乞月照月、观潮、吃月饼、烧斗香、玩兔爷、玩花灯、扎灯笼、舞火龙、抛帕招亲、窃瓜祈子、饮桂花酒、吃田螺、赏桂花等。《礼记》上记载:“天子春朝日,秋夕月”,夕月就是祭月亮,说明早在春秋时代,帝王就已开始祭月、拜月了。猜灯谜是使用json数据配合el-collapse组件展示第一条示例,后续内容为点击翻页操作,这样的设计是为了方便用户专心,有效的使用此功能。......

2022-08-27

空空如也

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

TA关注的人

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