最新消息:flex弹性布局更新完毕,阅读地址:http://www.01happy.com/css-flex/

javascript

vue3中基于script setup语法糖的$refs使用

vue3中基于script setup语法糖的$refs使用

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

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

vue3时间戳转换不使用过滤器了

vue3时间戳转换不使用过滤器了

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...

vue判断是否触发点击事件

vue判断是否触发点击事件

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

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

JavaScript中document.activeELement焦点元素

JavaScript中document.activeELement焦点元素

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

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

JavaScript用html5新方法操作元素类名

JavaScript用html5新方法操作元素类名

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

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

JavaScript用Element Traversal新属性遍历子元素

JavaScript用Element Traversal新属性遍历子元素

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

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

JavaScript中if中包含逗号表达式

JavaScript中if中包含逗号表达式

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

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

JavaScript中MutationObServer监听DOM元素

JavaScript中MutationObServer监听DOM元素

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

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

JavaScript检测数组的两种方法

JavaScript检测数组的两种方法

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

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