标签：element

2020-06-29青梅博客阅读(1732)评论(0)

Touch.js 是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具。 Touch.js手势库专为移动设备设计。 Touch.js对于网页设计师来说，是一款不错的辅助工具，可以减少很多写框架控制...

2020-06-29青梅博客阅读(610)评论(0)

 事情是这样的，右边有各种控件，可以拖动到右边自由区，在自由区内可以随意拖动。 案例一： 开始的我，so easy！ 通过绑定元素的mousedown 事件，监听鼠标的mousemove，和mouseup 事件，于是我轻松实现了同一区域内元...

2020-06-29青梅博客阅读(730)评论(0)

Dragula简介 Dragula是一款支持移动触摸屏设备的纯js元素拖放插件。这个元素拖放插件使用简单，浏览器兼容性好，能够实现通过鼠标或在移动设备中通过手指来拖动DOM元素的位置。 代码演示： dragula.js 和 dragula....

2020-06-29青梅博客阅读(762)评论(0)

移动端的项目经常会引入手势库来实现拖拽 不过如果只是一两个页面用到拖拽，再引入一个手势库就很不划算 最近的项目中就有这么一个需求： 因为就这一个地方需要拖拽，所以我就没有引入第三方库 移动端的拖拽有两种主流的实现方案： 1. 将元素设置为固...

2020-06-24青梅博客阅读(523)评论(0)

前端路由的定义 在spa流行之前，前端路由是没有的；而像java之类的后台语言很早就有了，后端路由一般就是定义一系列的访问地址规则，路由引擎根据这些规则匹配并找到对应的处理页面，然后将请求转发给页面进行处理。在spa应用中，前端路由是直接找...

2020-06-24青梅博客阅读(479)评论(0)

一、webpack介绍 1、由来 由于前端之前js、css、图片文件需要单独进行压缩和打包，这样团队人员处理很繁琐，然后 Instagram 团队就想让这些工作自动化，然后webpack应运而生。 2、介绍 webpack是一个模块打包器（...

2020-06-24青梅博客阅读(397)评论(0)

前言 今天研究了一下公司pc端封装的axios，主要配合element以及js-cookie，自己跟着搞了一遍，在这里记录一下。 代码

2020-06-20青梅博客阅读(695)评论(1)

1：什么是拖放？ 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放 2：元素的可拖放  draggable 属性设置为 true     <img draggable=&#...

2020-06-20青梅博客阅读(451)评论(0)

功能描述： 1、左边【一级、二级、三级】字样是不能拖拽的，【item1、item2…】可以拖拽 2、左边items位置固定，只能向右拖拽，不能上下拖拽，如：item7从左边拖到右边，左边的item7消失，右边增加item7 3、...

2020-06-20青梅博客阅读(405)评论(0)

Form 表单赋值/取值 取值：获取 form 表单的每个表单项的值：this.formName.property，比如：this.ruleForm.username，this.ruleForm.psw赋值：大部分都是下面这种方式赋值格式（...