/** * 指令 - 限制输入框 */ import Vue from 'vue' import { Message } from 'element-ui' /** * 输入保留两位小数 * data-multiple: 整倍数 * data-minus: 可输入负数 * max：最大值 * min：最小值 */ Vue.directive('inputFloat', {
1、loading动态图标网站：https://css-loaders.com/2、引导页的实现：https://driverjs.com/
一、背景项目中遇到一个问题，同一个图片在 dom 节点中使用了 'img' 标签来加载，同时由于项目使用了 ThreeJS 3D 渲染引擎，在加载纹理时使用了 TextureLoader 来加载了同一张图片，而由于图片是在阿里云服务器上的，所以最后报出了如下错误，意思是在访问图片时出现了跨域问题：二、问题梳理2.1 关于图片的加载图片是来自于阿里云服务器的，和本地 localhost 必然存在跨域
路由配置new Router({ routes: [ { path: '/', name: 'index', component: () => import('./views/keep-alive/index.vue'), meta: { d
leaflet学习
安装 puppeteer,express 与 html-minifiernpm install puppeteer --save npm install express pm install html-minifier安装依赖库yum install pango.x86_64 libXcomposite.x86_64 libXcursor.x86_64 libXdamage.x86_64 libX
/** 保存文档时自动格式化 **/ "editor.formatOnSave": false, /** 保存文档时，自动按照设定的规则进行格式化 **/ "editor.codeActionsOnSave": { "source.fixAll":true },
检测黑暗模式const isDarkMode = () window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches。滚动到顶部const scrollToTop = (element) => element.scrollIntoView({ behavior: "sm
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
ResizeObserver是用于监听DOM尺寸变化的observer，当DOM尺寸变化是执行callback基本使用和前面的api用法差不多，这里不过多介绍。const box = document.getElementById('box'); const resizeObserver = new ResizeObserver(entries => { entries.forEach
IntersectionObserver用于监听一个元素的可见比例（一个DOM元素被另一个DOM元素遮挡百分比）变化。基本使用const target = document.getElementById('app'); const options = { root: rootTarget, // 相对于某个元素进行遮挡计算 rootMargin: '0px', // 进行计算的边界范围，
事件列表v-tap： tap点击事件v-swipe： swipe滑动事件v-swipeleft： swipeleft左滑事件v-swiperight： swiperight右滑事件v-swipedown： swipedown下滑v-swipeup： swipeup上滑v-longtap： longtap长按代码 /** * vue上点击事件处理类 */ class VueTouch { /
转载 https://zhuanlan.zhihu.com/p/646970780
.box { overflow: hidden; text-overflow: ellipsis; // 只要超过宽度就换行，不论中文还是英文 word-break: break-all; //最多展示两行 display: -webkit-box; -w
flex-direction 属性定义容器在哪个方向上堆叠row 水平方向，从左到右（默认）row-reverse 水平方向（从右到左）column 垂直方向（从上到下）column-reverse 垂直方向（从下到上）flex-wrap属性定义是否换行nowrap不换行（默认）wrap-revevrse 以相反的顺序换行wrap换行justify-content 属性用于水平
1、在meta标签中加入viewport的定义<meta name="viewport" content="width=640, maximum-scale=1.0, user-scalable=no"/>2、js缩放方法$(window).bind('resize load', function() { $("body").css("zoom", $(window).wid
transition属性是个复合属性，包括以下几个子属性：transition-property ：规定设置过渡效果的css属性名称，常用值 “all”全部css属性进行动画效果添加 transition-duration ：规定完成过渡效果需要多少秒或毫秒 transition-timing-function ：指定过渡函数，规定速度效果的速度曲线 transition-delay ：指定开始出
参考官网文档：https://doc.wangeditor.com/https://www.showapi.com/book/view/2008/661、创建AlertMenu.js文件import E from 'wangeditor' // npm 安装const { $, BtnMenu, DropListMenu, PanelMenu, DropList, Panel, T
常见的跨域解决方案，1、jsonp（只支持get请求，支持老的IE浏览器）适合加载不同域名的js、css，img等静态资源；2、CORS（支持所有类型的HTTP请求，但浏览器IE10以下不支持）适合做ajax各种跨域请求；3、Nginx代理跨域和nodejs中间件跨域原理都相似，都是搭建一个服务器，直接在服务器端请求HTTP接口，这适合前后端分离的前端项目调后端接口。4、document.doma
当网站设置了二级目录时，前端需要注意，可以有不同的解决方案防止白屏。设置带有二级目录的绝对路径，publicPath: '/test/'，这样打包出来的静态资源可以和当前网站的配置保持一致，可以避免资源加载失败。设置相对路径，publicPath: './'。但是这样一来，如果此时使用的是 history 模式的路由配置，因为网站加了二级目录会导致前端的路由地址匹配失败，所以还需要将 router
简单介绍一些mock语法
vue项目中使用mock
CSS3中的transition和transform属性
块级元素与行内元素的区别
vue 实用指令
vue中通过指令实现防抖和节流
vue 指令
下载vue DevTools扩展，GitHub地址：https://github.com/vuejs/vue-devtools下载依赖，在目录下执行npm install命令打包，执行npm run build命令修改配置，修改vue-devtools-master\shells\chrome\mainifest.json 文件中per
js实现水印功能
js实现锁功能
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
