logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

好用的vscode插件(长期更新)

1.Chinese (Simplified) Language Pack for Visual Studio Code作用:中文翻译vscode2.Auto Close Tag作用:自动闭合html标签3.Auto Rename Tag作用:自动同步重命名标签4.carbon-now-sh作用:分享好看的代码片段。一般我们将代码片段发送给别人的时候是直接复制代码或者直接截图,这款...

原生JS获取元素在文档中的位置

原生JS获取元素在文档中的位置原生JS提供了很多关于元素信息的属性具体就不总结了元素在页面上的位置有绝对位置和相对位置绝对位置网页元素的绝对位置,指该元素的左上角相对于整张网页左上角的坐标。这个绝对位置要通过计算才能得到。首先,每个元素都有offsetTop和offsetLeft属性,表示该元素的左上角与父容器(offsetParent对象)左上角的距离。

#javascript#css#前端 +1
关于React中props.children

props和state代表着组件的属性和状态,属性只读而状态可变。this.props对象的属性与组件的属性一一对应,但是有一个例外,就是this.props.children属性props.childrenprops.children在每个组件上都可用。 它会包含组件的开始和结束标记之间的内容。这个属性和vue的插槽类似,都是在自定义组件中插入子节点。组件之间可以插入的内容可以...

在React、Vue和小程序中使用函数节流和函数防抖

在上一篇中我总结了节流函数和防抖函数的基本原理:总结前端函数防抖与函数节流。接下来介绍一下防抖函数和节流函数在前端框架中的使用。在使用前一定要注意两个问题:this的指向事件对象的传递React中使用防抖函数和节流函数...

基于Vue的回到顶部和底部的动画效果

<template><div><div class="scroll" :class="{show:isActive}"&g

Vue仿制移动端QQ音乐(可预览)

ES6提供了class,但它还是没有类,它只是一个基于原型对象的语法糖(本质上还是通过原型对象来实现类,只不过写法变了)//定义类class Point {constructor(x, y) {this.x = x;this.y = y;}toString() {return '(' + this.x + ', ' + this.y + ...

Vue的动态属性

我们可以在html标签里绑定动态属性,通过v-bind指令。当我在学element-ui的layout布局时el-row>el-col span="8" class="col">8el-col>el-col :span="8" class="col">16el-col>el-row>这里的span为什么要动态绑定而不是直接span,可以看到:spa

关于npm版本号详解

为了在软件版本号中包含更多意义,反映代码所做的修改,产生了语义化版本,软件的使用者能从版本号中推测软件做的修改。npm 包使用语义化版控制,我们可安装一定版本范围的 npm 包,npm 会选择和你指定的版本相匹配 的 (latest)最新版本安装。npm 的版本号由三部分组成:主版本号、次版本号、补丁版本号。有时候为了表达更加确切的版本,还会在版本号后面添加标签或者扩展,来说明是预发布版本或者测试

#npm#vue.js#前端
到底了