目前来看高校里面开前端课程的很少,高校里比较多的都是教java。 很多人是对前端感兴趣自学的,但是自学呢存在一个问题,就是不知道从哪里开始以及如何系统性的学习。我刚从事这行时也是自学过来的,知识特别零散,需要什么就搜索一下,虽然做出了想要的效果,但是个中原理都模模糊糊的,踩了不少坑,都是泪啊。 后面痛下决心把前端知识系统的梳理和学习了下,真的是豁然开朗,很多
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
在用vue3开发项目的时候,需要调用子组件的方法,于是想着用$refs来实现,但是我是使用script setup语法糖,原先vue2的语法已经不适用了。于是一番折腾和查阅资料,终于搞定。 vue2语法vue2语法在组件上设置ref属性后,在代码里可以通过 this.$refs.ref值 访问到对应的子组件。一个设置ref值的组件:html在js代码中可以通
网上很流行的一行代码,据说是谷歌工程师写的,它的作用是给页面所有元素增加一个随机颜色的外边框。js这个代码虽然只有一行,但是包含的知识点不少,网上有很多解析。我也说下自己的理解,然后最后推荐在实务中使用TreeWalker对象进行遍历。我的理解其中主要包含如下4个知识点: 1. div元素实际的宽高还是100 100,如果把outline改成border,
现在网页中类属性使用越来越多,经常会通过增加类、移除类给指定的元素修改样式效果。早先JavaScript处理起来特别不方便,需要先取到class属性,然后对字符串进行处理。现在html5给所有元素增加了classList属性来操作类属性,非常方便。 classList先看如下代码:html 栏目1 栏目2 栏目3 // 获取到当前的li元素 let acti
之前遍历子元素可以用childNodes属性或者firstChild进行遍历,但是要判断子元素是否是ELement元素。后来W3C通过Element Traversal规定定义了一组新的属性来进行遍历,就不用判断了,非常方便。 childNodes属性遍历遍历子元素通常是通过childNodes属性进行遍历,但是这个属性会包含空白节点,如果只是要遍历Elem
选择器是Css非常强大的功能,早先一般是通过getElementById和getElementsByTagName来获取页面元素,在一些场景下就很不方便。后来DOM扩展出了Selector API标准,其中 Selector API Level 1 包含了querySelector和querySelectorAll两个方法,可以通过Css选择器匹配页面元素。
有时会看到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 !
DOM的MutationObServer接口,可以在DOM被修改时异步执行回调函数,我的理解就是可以监听DOM修改。 基本使用可以通过MutationObserver构造函数实例化,参数是一个回调函数。jslet observer new MutationObserver(() console.log("change"));console.log(obs
网上关于这个话题,讨论有很多了,根据各路情况我自己整理了一下,最后还是能接近完美的实现深拷贝,欢迎大家讨论。javascript中的对象是引用类型,在复制对象的时候就要考虑是用浅拷贝还是用深拷贝。 直接赋值对象是引用类型,如果直接赋值给另外一个对象,那么只是赋值一个引用,实际上两个变量指向的同一个数据对象,如果其中一个对象的属性变更,那么另外一个也会变更。示