晴空闲云
  • 26
    文章
  • 3
    专栏
  • 14482
    访问
  • 3
    粉丝
  • 3
    关注
  • 2
    获赞

晴空闲云 等级

男 | 教师
专注前端,把复杂的编程讲简单,又不失深度。@公众号:晴空闲云
  • 最新发表
  • 最多访问
  • 最多收藏
  • 最多评论
关于自学前端的知识体系思考

目前来看高校里面开前端课程的很少,高校里比较多的都是教java。 很多人是对前端感兴趣自学的,但是自学呢存在一个问题,就是不知道从哪里开始以及如何系统性的学习。我刚从事这行时也是自学过来的,知识特别零散,需要什么就搜索一下,虽然做出了想要的效果,但是个中原理都模模糊糊的,踩了不少坑,都是泪啊。 后面痛下决心把前端知识系统的梳理和学习了下,真的是豁然开朗,很多

晴空闲云
728
0
0
css中skew实现元素倾斜

css中可以用transform可以实现元素2D、3D的一些变化,其中有一个变化倾斜可以用skew实现。 skew语法skew语法:cssskew(ax, ay)其中:1. ax 表示在x轴上的倾斜角度,单位为 deg。2. ay 表示在y轴上的倾斜角度,单位为 deg。 x轴倾斜示例1,x轴上倾斜30deg:html .box wid

晴空闲云
665
0
0
vue3中基于script setup语法糖的$refs使用

在用vue3开发项目的时候,需要调用子组件的方法,于是想着用$refs来实现,但是我是使用script setup语法糖,原先vue2的语法已经不适用了。于是一番折腾和查阅资料,终于搞定。 vue2语法vue2语法在组件上设置ref属性后,在代码里可以通过 this.$refs.ref值 访问到对应的子组件。一个设置ref值的组件:html在js代码中可以通

晴空闲云
1677
0
0
从谷歌一行代码能学到哪些姿势

网上很流行的一行代码,据说是谷歌工程师写的,它的作用是给页面所有元素增加一个随机颜色的外边框。js这个代码虽然只有一行,但是包含的知识点不少,网上有很多解析。我也说下自己的理解,然后最后推荐在实务中使用TreeWalker对象进行遍历。我的理解其中主要包含如下4个知识点: 1. div元素实际的宽高还是100 100,如果把outline改成border,

晴空闲云
191
0
0
JavaScript用html5新方法操作元素类名

现在网页中类属性使用越来越多,经常会通过增加类、移除类给指定的元素修改样式效果。早先JavaScript处理起来特别不方便,需要先取到class属性,然后对字符串进行处理。现在html5给所有元素增加了classList属性来操作类属性,非常方便。 classList先看如下代码:html 栏目1 栏目2 栏目3 // 获取到当前的li元素 let acti

晴空闲云
277
0
0
JavaScript用Element Traversal新属性遍历子元素

之前遍历子元素可以用childNodes属性或者firstChild进行遍历,但是要判断子元素是否是ELement元素。后来W3C通过Element Traversal规定定义了一组新的属性来进行遍历,就不用判断了,非常方便。 childNodes属性遍历遍历子元素通常是通过childNodes属性进行遍历,但是这个属性会包含空白节点,如果只是要遍历Elem

晴空闲云
246
0
0
JavaScript中选择器函数querySelector和querySelectorAll

选择器是Css非常强大的功能,早先一般是通过getElementById和getElementsByTagName来获取页面元素,在一些场景下就很不方便。后来DOM扩展出了Selector API标准,其中 Selector API Level 1 包含了querySelector和querySelectorAll两个方法,可以通过Css选择器匹配页面元素。

晴空闲云
373
0
0
JavaScript中if判断包含逗号表达式

有时会看到JavaScript中if判断里包含英文逗号 ",",这个是其实是逗号表达式。在if条件里,只有最后一个表达式起判断作用。请看如下示例:jslet a 1, b 2, c 3;// if只判断最后一个表达式if (a 10, b 20, c 3) console.log("c 3"); else console.log("c !

晴空闲云
185
0
0
JavaScript中MutationObServer监听DOM元素详解

DOM的MutationObServer接口,可以在DOM被修改时异步执行回调函数,我的理解就是可以监听DOM修改。 基本使用可以通过MutationObserver构造函数实例化,参数是一个回调函数。jslet observer new MutationObserver(() console.log("change"));console.log(obs

晴空闲云
242
0
0
也谈JavaScript浅拷贝和深拷贝

网上关于这个话题,讨论有很多了,根据各路情况我自己整理了一下,最后还是能接近完美的实现深拷贝,欢迎大家讨论。javascript中的对象是引用类型,在复制对象的时候就要考虑是用浅拷贝还是用深拷贝。 直接赋值对象是引用类型,如果直接赋值给另外一个对象,那么只是赋值一个引用,实际上两个变量指向的同一个数据对象,如果其中一个对象的属性变更,那么另外一个也会变更。示

晴空闲云
284
0
0