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

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

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

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

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

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

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

有时会看到JavaScript中if判断里包含英文逗号","，这个是其实是逗号表达式。在if条件里，只有最后一个表达式起判断作用。请看如下示例:jsleta1,b2,c3;//if只判断最后一个表达式if(a10,b20,c3)console.log("c3");elseconsole.log("c!

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

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