![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
零Suger
没~
展开
-
【vue-preview 图片预览插件】
1.安装npm i vue-preview -S2.在main.js文件中导入该组件,并挂载到Vue身上import VuePreview from 'vue-preview';Vue.use(VuePreview);3.在组件中使用它<template> <div class="thumbs"> <vue-preview :slides="thumbsList" class="imgPrev"></vue-preview&g原创 2021-12-22 14:52:21 · 1082 阅读 · 0 评论 -
vue-cli中配置scss
1.安装依赖cnpm i node-sass -Dcnpm i sass-loader -D2.在webpack.base.config.js中添加 //配置scss { test: /\.sass$/, loader: ['style', 'scss', 'sass'] }3.页面应用<style lang="scss" scoped></style>当前版本:“node-sass”: “^7.原创 2021-12-22 14:33:40 · 558 阅读 · 0 评论 -
插件 html2canvas.js和canvas2image.js实现 截图 长按保存至相册 功能
插件下载:html2canvas.jscanvas2image.jshtml:js:原创 2020-12-02 17:58:00 · 763 阅读 · 0 评论 -
键盘Keycode表
字母和数字键的键码值(Keycode) 按键 键码 按键 键码 按键 键码 按键 键码 A 65 J 74 S 83 1 49 B 66 K 75 T 84 2 50 C 67 L 76 U 85 ...原创 2019-09-17 15:28:42 · 259 阅读 · 0 评论 -
正反面图片翻转css3
主要用到的知识点是css3中transform 3D转换的rotateY(angle)转换方法,transition控制转换过程的动画。具体知识点可在菜鸟上查看学习。html: <div class="flip"> <div class="flip-box"> <a href="###" class="flip-item flip-ite...原创 2019-08-15 14:43:17 · 2286 阅读 · 0 评论 -
规定时间内无操作返回指定页面
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>规定时间内无操作返回首页</title> <style> html, body { width: 100%; height: 100%; } ...原创 2019-08-15 10:59:10 · 451 阅读 · 0 评论 -
js实现省,市,区,门店,电话,地址多级联动
js实现省,市,区,门店,电话,地址多级联动比较常见的是省市区三级联动,多级联动的写法第一次写,是在三级联动的基础上改的,如有错误欢迎指出。思路很简单,父级下拉框改变的时候加载出子级元素,一层一层往下。如果上级改变,清空所有子级的选项,只留提示选项。效果有点像后台通过查询数据库实现联动的效果。如果需要提交数据,也可以通过后台来实现。初始状态图:选择之后效果图:居中的图片: Html部分...原创 2019-07-12 15:34:55 · 282 阅读 · 1 评论 -
css3自定义滚动条样式
首先申明:只在谷歌Google和360浏览器有效,其他浏览器不兼容。滚动条的属性有:**::-webkit-scrollbar{}** //滚动条整体部分,可以设置滚动条的整体宽,高,边框,背景颜色 等**::-webkit-scrollbar-button{}** //滚动条两端的按钮。可以用display:none让其不显示,也可以添加背景图片和背景颜色颜色改变显示效果。**::-...原创 2019-07-18 14:56:22 · 201 阅读 · 0 评论 -
使用Electron将Web页面转成exe可执行文件
1.下载并安装Node.js,下载连接https://nodejs.org/en/,选择合适自己电脑的版本,下载安装即可。检查是否安装成功:按下键盘win+R键,打开运行窗口,输入“cmd”,点击确定。输入 “node -v” ,回车,显示Node版本;再输入 “npm -v” ,回车,显示npm版本,即为安装成功。2.安装Electron环境。新建一个文件夹,打开文件夹,左上角...原创 2019-04-28 15:11:40 · 3360 阅读 · 0 评论