logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

4个好用的 CSS 伪类 :not()、:has()、 :is()、:where()

where() 伪类中的background-color: yellow并未覆盖:is() 中的background-color: red,只有color: blue在生效,所以:where() 并未影响选择器的权重计算。例如 :is(.class1, .class2, .class3)或者:where(.class1, .class2, .class3)。:where 伪类:用于选择满足给定条件

#css#前端
手把手教学妹安装TortoiseGit(小乌龟)与GitHub的关联使用【图文并茂,超详细】

写在前面:最近有些粉丝看了我这篇文章【git安装与使用】,对我说:git命令和操作好难啊。我说:没事,熟能生巧,你多用就好了,常用的也没有多少哦。他:不嘛不嘛,人家就不用嘛~我:以上内容纯属虚构,如有雷同,纯属巧合。真实场景如下所示:大家注意,我要开始了!git的客户端工具有很多,比如:TortoiseGit、GitHub for Desktop、SourceTree等…...

#git#github
JavaScript中JSON规则及JSON.parse()、JSON.stringify()方法介绍

       JSON(JavaScript Object Notation) 是一种通用数据(前端和后端)。一种轻量级的数据交换格式,易于人们阅读和编写,同时也易于解析和生成,跟任何编程语言都无关。JSON的表示是扩展名为:.json的文件      &nbs...

#json#javascript#html5 +1
【解决】(vue3、mitt.js)mitt.emit 发送消息,但是路由跳转后, mitt.on无法在onMounted中获取数据

mitt.js正确引入的前提下,在page1使用mitt.emit 发送消息,路由跳转到page2,但是在page2页面中的onMounted中无法使用mitt.on获取到数据,于是问我这边有没啥想法。同事在做vue3的项目时,引入了。至此实现想要的效果。

#javascript#前端#开发语言
iview(View UI)使用 Vue 的 Render 函数,自定义表格列头显示内容(renderHeader)

开发中遇到这样一个需求,该项目用的是iview UI组件,需求是:表格列头有一个字段和一个单位,两者样式不同,理想效果如下:“建筑面积四个字为18px、单位(㎡)为16px”。如果按照iview—table表格默认的title属性赋值,那这个字段以及单位的样式就会一样,均为18px。如下图:这时候打开iview官网看到这样一个属性:renderHeader。官方是这样定义的:自定义列头显示内容,使

#javascript#vue.js#前端
vue项目点击后,从左边或右边滑出组件,再次点击原路滑回。<transition>、transform

【需求】点击某个元素,屏幕右边滑出组件(页面)【方法】参考vue-进入/离开 & 列表过渡把引入的组件用< transition >标签包括住,例:<transition ><components v-if='show'>...</components></transition>使用vue的过渡类名,例:// v-enter:定义

#css
vue选中或点击输入框,边框高亮;vue选中或点击元素,当前元素背景高亮

1、vue 选中或点击输入框,边框高亮①:输入框动态绑定一个class,例login-box-focus,如下::class="{ 'login-box-focus': loginBoxIsTrue }"②:输入框添加一个聚焦(focus)及失焦(blur)事件,如下:@focus="focusUserName()"@blur="blurUserName()"③:data给个默认参数及值,例如lo

#javascript#css3#es6 +1
Vue:多个click事件;Vue:向组件传递多个@click

在做项目的过程中,我们会遇到多个点击事件同时执行的情况,本文将为大家介绍三种方法。第一种就是一个事件里执行多个方法// 触发点击@click = 'clickhandler'// 点击事件clickhandler() {this.function1();this.function2();}第二种就是多个事件里执行多个方法// 触发点击@click = 'clickMethods1(); click

#vue.js#前端
Vue、JS点击元素,该位置出现弹出框,且可跟鼠标滚动而移动

在平时开发当中,可能会遇到这样的需求:我在某一特定位置点击元素,当前点击位置出现弹出框,且弹出框可跟随鼠标滚动而移动。例如当我点击下图“眼睛”图标时,要在点击位置弹出一个框,显示点击的该条数据内容。并且当我滚动鼠标时,该弹出框会随着“眼睛”一起移动,相对位置不变。如下图所示:(1)首先给弹出框绑定一个动态top以及left值代码如下:<span:style="{ top: showPosit

#vue.js#javascript#前端
Ant Design of Vue中DatePicker设置mode=“year“无法获取value及关闭面板的解决方案| Ant Design of Vue年份选择框(YearPicker、vue)

打开antd vue官网我们会发现,日期选择框控件只有DatePicker、MonthPicker、RangePicker、WeekPicker,唯独缺少了YearPicker,但是我们在项目中会用到只选择年份的控件,那么这时候就需要我们在此基础上自己进行组件的封装了。通过官网我们会看到,它的属性有mode以及format看到这两个属性,也许我们会很开心,觉得这就够了,然后就设置一下:format

#javascript#vue.js#前端
    共 46 条
  • 1
  • 2
  • 3
  • 4
  • 5
  • 请选择