- 博客(164)
- 收藏
- 关注
原创 CSS之水平垂直居中九种方法(有你意想不到的方法哦!)
大家好,很荣幸为大家介绍一下水平垂直居中的方法,,跟着我的步伐,跑步前进吧!</margin;padding;height;margin;;height;;
2024-11-20 18:37:52
1172
原创 前端面试题之回文串
要求 碰到空格或者中文还有标点符号直接跳过 字母小写。举个很简单的例子 "abcba"这个就是回文串。这个题目大厂可能会问到,一个很简单的算法。这就是这道面试题的全解,大家快去试试吧!先来看看要求是什么吧!
2024-10-30 11:51:37
131
原创 JS中[ ] == ![ ]
又和小伙伴们见面了,大家想想 [ ] ==![ ] 是true 还是 false。当初我看到结果的时候也很震惊,哎呀,没想到呀没想到。我来为大家解释一下为什么会是true。接下来我来为大家解释一下为啥会这样。既然要去做比较 要开始转换了。
2024-10-29 14:18:39
123
原创 这个表达式是真有趣
有兴趣的小伙伴可以去打印一下(手动狗头保命)大家猜猜这个打印什么,十分的有意思。没错就是标题上的"nb",确实nb。那么大家接下再跟我一起看一段表达式。是不是很有意思,转换得出来的结果。给大家带来一个很有意思的表达式。
2024-10-29 14:03:55
377
原创 为什么JS是异步?
这只是打印数字,如果说我们有一个交互,我要修改DOM的文本,那我是不是要等定时器执行完毕,到了那时候,页面就不会去渲染,它会等待定时器执行完毕再去改变DOM的文本。而渲染主线程需要做很多的事情,就比如解析HTML,解析CSS,渲染等等任务都会在渲染主线程中去实现。首先呢,JS是一门单线程的语言,它是运行在浏览器的渲染主线程当中,而渲染主线程就只有一个。这样一来就会导致主线程白白消耗时间,还会造成页面无法及时更新的问题,给用户带来卡顿。为什么JS是异步,很有意思,看了袁老师的课,让我醍醐灌顶。
2024-10-24 16:47:36
208
原创 JS为什么会阻塞页面渲染?
1、JS运行在渲染主线程上面,我点击了按钮,交互线程就会工作,它就会把回调函数包装成任务,放入渲染主线程中。它就会阻塞渲染主线程。3、执行这一步,它就会要渲染页面,会有一个渲染的任务,就会把这任务丢到事件队列当中。5、这时我们等待三秒后,在事件队列当中的渲染操作就会进入到渲染主线程当中执行。我看到一个很有意思的教学,我觉得实在是太牛了。我给大家上一段代码,然后为大家讲解一下JS为什么会阻塞页面渲染。来,接下来我为大家讲解一下为什么JS会阻塞页面渲染。我就不画图了,我给大家口述一下。事件循环大家应该知道吧。
2024-10-24 16:26:17
466
原创 微信小程序之简单的发送弹幕操作
在我们微信小程序当中,我们可以十分简单的实现,接下来为大家介绍一下吧!大家看视频的时候是不是时不时会有弹幕飘过~我们使用微信官方给我们的一个视频链接。好,开始,步骤很简单。
2024-05-11 10:23:55
577
原创 JS二叉树前序遍历中序遍历后序遍历
我又来了,这次为大家带来关于二叉树的内容首先,先来一个简单的二叉树图有点抽象,大家尽量看,哈哈这次讲的是二叉树的遍历。
2024-05-01 09:28:23
410
原创 我的创作纪念日
一天一天的看着我的博客访问量上去,我是很开心的,但不知道为什么现在的我没有当初那种感觉了,创作进度也从以前的一天两篇到现在的一周可能就一篇,就应了那句话:欲买桂花同载酒,终不似,少年游。我实事求是,是因为我的老师,老师叫我们写博客,哈哈,当时我不知道写什么,我记得当时我的第一篇博客写了很久,但没写什么东西,是不是听起来很矛盾。每天醒来就是代码,感觉这已经成为了日常,每天不是看视频就是做项目,空余时间会去写博客,现在每周就发一篇,慢慢来,积少成多,日积月累,我现在就有种焦虑,我学的还不够多。
2024-04-23 11:22:22
376
原创 Vue2之组件通信(爆肝)
配合$emit顾名思义 自定义事件 我们自己定义的事件可以实现子传父// 父组件 < template > < div > < Student @getStudentName = " getStudentName " />
2024-04-18 09:30:54
602
原创 初识three.js创建第一个threejs3D页面
说到3D,想必大家都能想到three.js,它是由WebGL封装出来的,接下来,我手把手教大家创建一个简单的3D页面。// renderer中有domElement 是 canvas。大家可以复制代码玩一下。// 调整渲染器大小。// 让立方体转起来。
2024-04-14 16:45:02
472
原创 git操作码云(gitee)创建仓库到上传到远程仓库
想必有的小伙伴在为上传到码云远程仓库而感到烦恼吧!本篇为大家详细讲解实现过程,跟着我的步伐一步一步来。我就当大家已经注册好了码云。
2024-04-07 11:18:24
849
原创 Mock.js的基本使用
mock顾名思义,就是模拟的意思,它模拟什么呢?假设我们在开发的过程中,我们需要使用到接口,但是后端接口并没有完善,那么我们就可以使用到mock.js,它可以随机生成数据,拦截AJAX请求,让我为大家简单的介绍一下吧!给大家看一个简单的演示大家看看是不是很方便。
2024-03-31 13:12:09
590
原创 初识微信小程序之swiper和swiper-item的基本使用
在我还没接触到微信小程序之前,通常使用轮播要么手写或使用swiper插件去实现,当我接触到微信小程序之后,我看到了微信小程序的强大之处,让我为大家介绍一下吧!swiper与swiper-item一起使用可以做轮播图。swiper当中常用的属性。
2024-03-15 09:15:47
1413
原创 JS拖拽盒子案例
/获取盒子点击的地方距离document点击的坐标的差。// alert("超出")让我为大家带来一个小案例吧!//获取盒子点击的xy坐标。//获取移动鼠标想放哪放哪。//拿他们的宽高去判断坐标。//获取盒子距离页面多少。//这个的中心点在中间。//拿他们的距离去判断。//获取要移动的盒子。//获取其他2个盒子。
2024-03-10 22:45:15
1413
3
原创 Vue之监测数据的原理(对象)
大家有没有想过,为什么vue可以监测到数据发生改变?我们有没有办法,我们修改了数据,控制台提示我们修改了这个数据。,底层有一个Observer的构造函数。我们不借助vue来实现一下吧!让我为大家简单的介绍一下吧!我用对象为大家演示一下。
2024-02-29 17:25:50
701
原创 Vue3之ref与reactive的基本使用
在Vue3中,我们想让数据变成响应式数据,我们需要借助到ref与reactive。// 我们也可以使用到Object.assign 这是我们想把对象整体改掉时写的。// reactive就不像ref一样,不需要使用到.value。// 注意点,我们需要用到 sum.value才可以获取到值。// 对象我们需要使用到obj.value才可以修改数据。// 我们需要用ref()的形式去定义需要响应式的数据。// obj.name = "李四"// 我们也可以用在对象上。// 我们也可以用在对象上。
2024-02-21 23:10:19
730
原创 Vue3中watch与watchEffect的区别
/ 我们使用watchEffect时不需要指定监听的数据。// 我们使用watch时需要指定监视的数据。
2024-02-19 15:56:53
634
原创 vue3之setup的基本使用
没错,确实是兄弟关系,只不过到了vue3,就不怎么使用data这些配置项,会使用setup,让我为大家简单的介绍一下setup吧!// 我们需要使用到return 返回值。// 我们需要使用到return 返回值。,组件中所用到的数据方法等等均配置在。让我们使用一下setup吧!
2024-02-17 21:44:15
594
原创 JS之获取指定的日子距离现在多少天
如果有小伙伴想了解更多关于时间函数的方法,可以阅读本人的这篇。想必有的小伙伴想了解一下自己的生日距离现在多少天了吧!让我为大家带来这么一段代码,让大家也可以查询。这是最简单的实现方法。
2024-01-30 21:32:52
923
原创 JS之放大镜案例
/鼠标的距离 - 盒子距离浏览器的距离 - 盒子自身一半的距离 = 向左或者向上距离阴影盒子的距离。//因为图片是从右向左移,所以要是-的x和y,大图片比小的大2倍,乘于2。让我为大家带来一个关于放大镜的实现方法吧!//给小图片盒子设置移入事件。//移入大图片盒子显示。//小盒子鼠标移动事件。//移入阴影盒子显示。//移出阴影盒子隐藏。
2024-01-29 23:55:28
1818
原创 Vue之初识Vue CLI 脚手架
Vue CLI 是Vue 官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子。【集成了webpack配置】脚手架有什么好处?1.开箱即用,零配置2.内置 babel 等工具3.标准化。
2024-01-29 23:49:46
1158
1
原创 ES6模块化导入与导出的方式
让我为大家介绍一下导入与导出的所以方式吧!想必有的小伙伴使用了导入与导出,但没有作用,可能是如下原因:严格模式use strict;module模式export导出import导入as不同模块导出接口名称命名重复, 使用 as 重新定义变量名。1.导出的函数声明与类声明必须要有名称(匿名函数)(export default 命令另外考虑)。2.不仅能导出声明还能导出引用(例如函数)。3.export 命令可以出现在模块的任何位置4.import 命令会提升到整个模块的头部,首先执行。5
2024-01-28 22:52:05
448
原创 JS之隐式转换与布尔判定
除了这些东西 其它都为true![ ] 为false。空字符串 + false = false。第一步,会去对象中查找是否有。这个是布尔判定 不是类型转换。
2024-01-27 23:40:28
527
原创 CSS之webkit内核中的属性text-stroke
大家是否想过要弄一个描边过的文字,接下来,text-stroke就可以为你解决。text-stroke是一个复合属性,里面有两个参数:描边的尺寸 描边的颜色。让我为大家介绍一下text-stroke。
2024-01-26 22:21:42
814
原创 CSS如何设置谷歌浏览器字体小于12px
在浏览器的设置中修改,不过只能修改自己的浏览器字体大小,用户的不行。当我们想设置字体大小为6px的时候。
2024-01-26 22:00:46
488
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人