很单纯的娃-优快云博客

原文 https://blog.youkuaiyun.com/weixin_43967603/article/details/104413668防抖函数分为非立即执行版和立即执行版//非立即执行版本function debounce(fn, delay) { let timeout; // 创建一个标记用来存放定时器的返回值 return function () { clearTimeout(timeout); // 每当事件触发的时候把前一个 setTimeout clear 掉

2022-05-06 17:08:45 307

原创 vite创建项目

和Webpack相比，Vite具有以下特点1、快速的冷启动，不需要等待打包2、即时的热模块更新，真正的按需编译，不用等待整个项目编译完成Vite构建Vue项目前提：安装Node.js和Vite第一步通过npm创建Vite项目cnpm i vite-app 项目名称第二步安装项目依赖cnpm i第三步运行项目...

2022-05-06 14:29:18 1206

原创 rem（vw的情况下，实现不同分辨率页面的样式统一）

为了方便rem的计算：html设置font-size的值：100px;1rem == 100px出现问题：100px不会自动适配找到一个能随着视口改变的单位 vw下面需要研究的问题： 100px == ? vw100px == ?vw根据设计图先确定适配的核心设备。第一种情况：设计图为640px设计图640px 考虑dpr 为2（dpr是设备像素与逻辑像素之比）640px / 2 == 320px视口的宽 320px100vw == 320px1vw == 3.2px

2022-05-05 15:59:52 438

原创 rem（不用vw的情况下，实现不同分辨率页面的样式统一）

!function (window) { /* 设计图文档宽度 */ var docWidth = 1920; var doc = window.document, docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'; var recalc = (function refreshRem () { var cl

2022-05-05 15:37:52 193

原创 scrollIntoView

//这个title-part元素将以平滑的滚动方式滚动到与视口底部齐平地方（有兼容性问题）document.querySelector("#title-part").scrollIntoView({ block: 'end', behavior: 'smooth' }) //这个article-part元素将以平滑的滚动方式滚动到与视口顶部齐平地方（有兼容性问题）document.querySelector("#article-part").scrollIntoView({

2022-05-05 13:49:02 215

原创 Object.defineProperty

var user = {}; Object.defineProperty(user,"name",{ value:'蜗牛',//注意：当使用了getter或setter方法，不允许使用writable和value这两个属性(如果使用，会直接报错滴) writable:true,//注意：当使用了getter或setter方法，不允许使用writable和value这两个属性(如果使用，会直接报错滴) enumerab..

2022-04-29 17:00:22 217

原创 window.open txt 文件乱码（没试过不知道对不对）

pwin = window.open("a.txt", '_blank');pwin.document.charset = "UTF-8";

2022-04-29 15:16:25 2015 3

原创下载图片（暂时还没试过）

getImageBase64 (image){ const canvas = document.createElement('canvas') canvas.width = image.width canvas.height = image.height const ctx = canvas.getContext('2d') ctx.drawImage(image, 0, 0, image.width, image.height) //

2022-04-27 16:56:49 110

原创 placeholder

input::-webkit-input-placeholder { color:#fff; text-align: center; font-size: 0.46rem;}

2022-04-22 16:11:33 124

原创 css overflow:overlay；不会改变滚动元素的页面布局

css overflow:overlay; 不会改变滚动元素的页面布局

2022-04-19 16:55:37 1898

原创 vue 返回路由记住滚动条位置

vue 项目返回上一页，滚动到离开时的位置，网上能找到不少方法，以下尝试一种。例如，首页有个列表，点击列表进入二级页面，返回的时候保持在原位置。首先在首页的视图外套上 keep-alive , include 表示只针对 name = 'Home' 的组件进行缓存<keep-alive include='Home'> <router-view/></keep-alive>然后，在首页的 Home 组件内，使用 beforeRouteLeave ，组件内的

2022-03-31 11:05:58 1253

空空如也

空空如也