javascript

javascript 6个月前 (12-02) 315浏览 0评论

在用vue3开发项目的时候，需要调用子组件的方法，于是想着用$refs来实现，但是我是使用script setup语法糖，原先vue2的语法已经不适用了。 于是一番折腾和查阅资料，终于搞定。 vue2语法 vue2语法在组件上设置ref属性后，在代码...

javascript 6个月前 (12-02) 310浏览 0评论

vue2转换时间戳的时候一般使用过滤器的方式，到vue3之后，vue3移除了过滤器，就不能再用了，官方是推荐使用方法或者计算属性的方式。 我写了一个Time.ts的文件，可以针对时间戳进行转换。 class Time { // 格式化时...

javascript 6个月前 (11-26) 303浏览 0评论

网上很流行的一行代码，据说是谷歌工程师写的，它的作用是给页面所有元素增加一个随机颜色的外边框。 [].forEach.call($$("*"),function(a){a.style.outline="1px sol...

javascript 6个月前 (11-23) 352浏览 0评论

在用vue开发功能的时候，要做一个分页的组件。我们知道分页有上一页和下一页功能，当到最后一页的时候，下一页按钮应该为灰色，不可以点击。 分页效果如下： 分页效果 先看下改进前的代码： <li class="page-item...

javascript 6个月前 (11-23) 271浏览 0评论

有时需要获取页面焦点在哪个元素上，通过焦点可以判断用户是否在操作页面等信息。 以前不太方便，要自己记录，html5增加了document.activeElement属性可以获取到当前激活的焦点。 默认焦点在body 页面加载后，document.ac...

javascript 6个月前 (11-20) 268浏览 0评论

现在网页中类属性使用越来越多，经常会通过增加类、移除类给指定的元素修改样式效果。 早先JavaScript处理起来特别不方便，需要先取到class属性，然后对字符串进行处理。 现在html5给所有元素增加了classList属性来操作类属性，非常方便...

javascript 6个月前 (11-20) 268浏览 0评论

之前遍历子元素可以用childNodes属性或者firstChild进行遍历，但是要判断子元素是否是ELement元素。 后来W3C通过Element Traversal规定定义了一组新的属性来进行遍历，就不用判断了，非常方便。 childNodes...

javascript 6个月前 (11-20) 262浏览 0评论

选择器是Css非常强大的功能，早先一般是通过getElementById和getElementsByTagName来获取页面元素，在一些场景下就很不方便。 后来DOM扩展出了Selector API标准，其中 Selector API Level 1...

javascript 6个月前 (11-19) 277浏览 0评论

有时会看到JavaScript中if判断里包含英文逗号 “,”，这个是其实是逗号表达式。在if条件里，只有最后一个表达式起判断作用。 请看如下示例: let a = 1, b = 2, c = 3; // if只...

javascript 6个月前 (11-19) 224浏览 0评论

DOM的MutationObServer接口，可以在DOM被修改时异步执行回调函数，我的理解就是可以监听DOM修改。 基本使用 可以通过MutationObserver构造函数实例化，参数是一个回调函数。 let observer = new M...

javascript 7个月前 (11-07) 300浏览 0评论

JavaScript中检测一个变量是数组可以有两种方法：instanceof 和 Array.isArray()。 instanceof instanceof 表示判断某个对象是否是另外一个构造函数的实例。 let arr = [1, 2, 3]...

javascript 7个月前 (11-07) 246浏览 0评论

JavaScript要获取数组的长度可以通过 length 属性进行获取。 let arr = [1, 2, 3]; console.log(arr.length); // 3 length这个属性是根据arr的元素数量来定的，那么如果直...