logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

DataTransfer.setDragImage()自定义拖拽图像遇到的坑

发生拖动时,从拖动目标(dragstart事件触发的元素)生成半透明图像,并在拖动过程中跟随鼠标指针。这个图片是自动创建的,你不需要自己去创建它。然而,如果想要设置为自定义图像,那么DataTransfer.setDragImage()方法就能派上用场。使用时需注意:1、setDragImage传入的第一个值img或者Element是页面中已经存在的元素,不然设置了也是白设置,浏览器将使用默认的拖

鼠标禁用样式和鼠标禁用事件的冲突(cursor: not-allowed和 pointer-events: none)

cursor: not-allowed;鼠标样式为 禁用图标pointer-events: auto; 效果和没有设置pointer-events属性相同;点击后不会穿透当前层。在SVG中,该值和visiblePainted的效果相同。pointer-events: none;元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向

vue-router的常见问题解决

在vue中实现路由还是相对简单的。因为我们页面中所有内容都是组件化的,我们只要把路径和组件对应起来就可以了,然后在页面中把组件渲染出来。在router.js中的固定写法const router = new Router({//mode: 'history',routes,base: process.env.BASE_URL,scrollBehavior(to, from, savedPositio

router.js的常用写法

例如1:使用变量,减少代码量{path:'/pages/:name',//主页面,各列表页//name:'mylist',component:()=>import('@/dymatrixfrontweb/views/pageList/pageList.vue'),meta:{mainPage:true}}例如2:规范写法,清晰明了,父子组件按层级...

在jquery项目中嵌入vue项目的方法,以及遇到的问题

因为我们知道vue项目打包完成后,就是一个index.html我们在jquery项目中使用iframe嵌入vue项目1.创建vue项目,根据路由写页面2.将vue打包后的dist文件夹,复制到你的jquery目录下3.配的地址跟自己vue项目访问地址一致即可,例如:“traffic/#/notice”varhtml='<divid="item'+gridItemIndex+'"class="

vue项目的加载顺序

vue项目的入口:main.jsvue项目唯一的页面:index.htmlvue的特点:就是将所有的vue页面(实质上是所有的js代码),全部整合到app.vue(app.js)中合成一个template放入index.html中的页面里面vue的加载顺序:先加载组件,然后是加载app.vue(由内往外加载),所以很多小伙伴(其实是我)把一切请求放到app.vue的mounted中使用,再从组件中

vue中路由meta的作用

meta的定义:meta简单来说就是路由元信息 也就是每个路由身上携带的信息。meta的作用:有利于我们处理seo的东西,我们在html中加入meta标签,就是有利于处理seo的东西,搜索引擎方法一:直接在路由配置的时候,给每个路由添加一个自定义的meta对象,在meta对象中可以设置一些状态,来进行一些操作。用它来做登录校验再合适不过了例如:{{path: '/actile',name: 'Ac

#vue.js#javascript#html5
el-tree中default-checked-keys属性变化不生效

前言:使用element-ui中tree组件时,天真的以为只要动态修改default-checked-keys这个属性值得变化,默认勾选的值也会随之变化,实际发现并不是这样的我们先看看官网上对default-checked-keys的定义:(看完依旧觉得没问题)于是我就去探寻了一下原因是啥:原因是:tree.vue中使用watch监听default-checked-keys值得变化,调用了以下方法

canvas中getContext(“2d“) 对象的属性和方法

HTML5 <canvas> 标签用于绘制图像(通过脚本,通常是 JavaScript)。不过,<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务。getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。以下是getContext("2d") 对象的属性和方法:一、颜色、样式和阴影属性描述值

#html5#javascript#html
到底了