笔记
Restart小仙女
这个作者很懒,什么都没留下…
展开
-
clientWidth、offsetWidth、scrollWidth等
光标停留位置停留位置离可视区域左侧和顶部的距离:clientX和clientY停留位置离屏幕左侧和顶部距离:screenX和screenY停留位置离页面左侧和顶部距离(包括引滑动被隐藏区域的高度):pageX和pageYclientWidth、offsetWidth、scrollWidthclientWidth 元素宽+左右padingclientHeight 元素高+上下padingclientLeft 元素左边框的宽度clientTop 元素上边框的宽度offsetWidth 元素宽+左右pading+原创 2022-06-09 20:43:16 · 185 阅读 · 1 评论 -
记录jsonp跨域案例
利用<script>标签可以跨域,让服务器端返回可执行的Javascript函数,参数为要回发的数据。 小案例:表单失去焦点时,向服务端发送请求,检测用户是否存在 // 引入express const express = require('express'); // 创建应用对象 const app = express() //jsonp服务 app.all('/jsonp', (request, response) => { // response.send('consol原创 2022-05-06 16:20:02 · 655 阅读 · 0 评论 -
element-ui table组件翻页后记录之前页面勾选数据
问题: 当表格翻到第二页的时候,第一页勾选的数据就没有了。 解决方法: 给 table 设置 row-key 属性(值为唯一标识此条数据),同时给 type 设置 selection 属性; reserve-selection 属性为 true(默认为true)。这样就算翻页,上一页的数据依然是被勾选的。 ...原创 2022-01-07 16:32:27 · 1071 阅读 · 0 评论 -
禁止选择网页中的文字、阻止鼠标右键时弹出默认窗口
// 阻止鼠标右键时弹出默认窗口 document.oncontextmenu=function (e) { e.preventDefault() } // 禁止选择网页中的文字 document.onselectstart=function (e) { e.preventDefault() }原创 2022-01-05 10:36:49 · 191 阅读 · 0 评论 -
在main.js中引入大量公共组件
import Vue from 'vue' // 自定义组件 const requireComponents = require.context('../views/components', true, /\.vue/) // 打印结果 // 遍历出每个组件的路径 requireComponents.keys().forEach(fileName => { // 组件实例 const reqCom = requireComponents(fileName) // 截取路径作为组件名 .原创 2021-12-31 10:58:32 · 761 阅读 · 0 评论 -
vue3父传子,子传父
<template> <div> <p>我是父组件</p> <p>111111111111111</p> <headrt :info="context" @clickSon="clickFu"></headrt> {{value}} </div> </template> <script lang='ts'> import { d...原创 2021-12-02 16:55:25 · 475 阅读 · 0 评论 -
vue3中响应式侦听
vue3提供了两个函数来侦听数据源的变化:watch和watchEffect watch需要监听某个数据源,然后执行具体的回调函数,可监听单个数据源,也可以把多个值放在一个数组中进行侦听,最后的值也以数组形式返回。 watchEffect和watch的区别: 1.watchEffect不需要手动传入依赖 2.每次初始化时watchEffect都会执行一次回调函数来自动获取依赖 3.watchEffect无法获取到原值,只能得到变化后的值 <templat...原创 2021-12-02 16:02:59 · 766 阅读 · 0 评论 -
vue动态路由的创建
import { createRouter, createWebHistory } from 'vue-router' import store from '../store' const routes = [ { path: '/', redirect: 'login' }, { path: '/main', name: 'main', component: () => import('../views/Main.vue'), chi.原创 2021-11-26 10:06:28 · 797 阅读 · 0 评论 -
getTime()用法
获取当前的时间 new Date(); 返回的是现在的日期 new Date().getTime(); 返回当前时间的时间戳原创 2021-10-15 15:38:38 · 1783 阅读 · 0 评论