-
vue中如何用transform属性实现书本翻页的效果
Admin 2022-09-09 06:09:35 JavaScript
偶然兴起,想要用vue来做一个书本的组件,有了这个想法后边开始动手,先简单地实现基本的效果,为后续封装为组件进行准备工作,实现该效果的要使用vue + css + JavaScript。关键字transformTransform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。语法为tran
-
使用JS获取url参数有几种方法,如何实现
Admin 2022-09-09 06:09:35 JavaScript
目录一、字符串 split 方法二、使用 URLSearchParams 方法1、解析搜索字符串2、生成搜索字符串3、Node.js 代码三、使用正则匹配方法四、使用第三方库 qs一、字符串 split 方法url地址是字符串形式的,所以利用split方法将参数提取出来,该方法比较常用,而且容易理解(无关正则)let
-
利用vue实现div宽度拖拽效果的思路和代码是什么
Admin 2022-09-09 06:09:34 JavaScript
主要思路在需要拖拽宽度的区域设置一个div,高度设为 100%,宽度尽量窄一些(也不要太窄,3~6px左右)在此div上绑定当“鼠标按下”时,触发document绑定“鼠标移动”方法和鼠标抬起方法通过鼠标移动方法不断获取当前鼠标位置,设置需要变化大小div的宽高。鼠标抬起时取消鼠标移动方法和鼠标抬起方法的绑定。temp
-
vue中用vuedraggable方法实现拖拽的内容是什么
Admin 2022-09-09 06:09:24 JavaScript
本文实例为大家分享了vue3使用vuedraggable实现拖拽功能的具体代码,供大家参考,具体内容如下1、npm i vuedraggable -S,使用这个命令,vue3会报错,如下图2、使用npm uninstall vuedraggable -S 卸载,再使用npm i -S vuedraggable@next
-
JS的LHS和RHS是什么意思,怎样区别它们
Admin 2022-09-09 06:09:23 JavaScript
目录进一步理解编译特点分析区分 LHS 和 RHS 的重要性前言:对于LHS和RHS,从字面意思来说是 Left Hand Side和 Right Hand Side即左手边和右手边,一般可以理解为赋值操作的左侧和右侧,然而不能片面的用=号左边还说右边去判断是LHS还是RHS通俗
-
vue中使用mock的常用方式是怎样的
Admin 2022-09-09 06:09:23 JavaScript
目录vue控制mock在开发环境使用,在生产环境禁用说下原因解决方案vue中使用mock(常用方式)前期准备安装axios和mock.js插件在main.js中引入编写mock.js调用成功vue控制mock在开发环境使用,在生产环境禁用说下原因mock拦截所有的axios请求,根据请求,做出相应的响应。平时前后端分离
-
TypeScript只读函数参数、类属性、索引是怎样的
Admin 2022-09-09 06:09:22 JavaScript
目录前言只读函数参数如何更改函数只读类属性只读索引总结前言在Typescript 2.0中,引入了readonly关键字,可以对类中的属性进行修饰,作用是:该属性被readonly修饰之后无法修改**(如需修改,在构造函数中可以对只读属性进行修改)**。我们可以直接在interface和type中直接使用readonl
-
JS的全局和局部作用域怎样应用,作用域链有何用
Admin 2022-09-09 06:09:22 JavaScript
目录作用域全局作用域作用域中的错误局部作用域with弊端数据泄露性能下降letconst作用域链闭包闭包对作用域链的影响匿名函数的赋值使用let作用域作用域,也就是我们常说的词法作用域,说简单点就是你的程序存放变量、变量值和函数的地方。根据作用范围不同可以分为全局作用域和局部作用域,简单说来就是,花括号{}括起来的代码
-
Vue.Draggable实现交换位置的方式和步骤是什么
Admin 2022-09-09 06:09:21 JavaScript
Vue.Draggable实现交换位置,供大家参考,具体内容如下前言最近的一个项目接触了到了Vue.Draggable这个组件。不过我们的需求和Vue.Draggable这个组件所支持的有些出入。这个拖拽组件属于插入的模式。一但拖拽的是相间的元素(中间隔着几个元素),那么拖拽元素就会占据被拖拽元素的位置,而后续元素位置
-
vue项目用vue-cli3搭建项目目录打包后报错怎么办
Admin 2022-09-09 06:09:21 JavaScript
目录vue-cli3.0修改打包后的文件地址和文件名问题描述修改文件名报错解决vue文件夹名称修改导致错误vue-cli3.0修改打包后的文件地址和文件名问题描述最近开发一个web端vue项目时使用了vue-cli3.0搭建项目目录,开发过程中一切顺利,没有遇到什么问题,开发完毕打包上线时出现了问题,打包后的文件默认在