前端
关注
分享
扫一扫
qq_251025116
我很懒，没什么可说的
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
nginx结合vite开启gzip压缩
nginx结合vite开启gzip压缩原创 2023-03-07 16:25:19 · 671 阅读 · 0 评论 -
js日历日期计算核心代码
js日历算法原创 2022-06-28 18:30:42 · 678 阅读 · 0 评论 -
html转pdf分页问题
代码在最后，现在说下原理，jspdf分页有个比较不要的地方就内容过长的时候虽然会虽然能做到分页，但是会把内容给截断，解决思路是给每个可能会被截断元素加上类，然后动态的计算该元素的位置是否在下一页和上一页之间，如果在的话就添加一个空白元素把这个空白元素给挤下去，这样就能实现了，看看对比效果把。这是没有判断元素位置之前的，可以看到出现了截断再看看判断了元素位置之后的，在分页的地方都不会出现断裂了，完全解决的问题上完整代码import jsPDF from "jspdf";i...原创 2022-03-31 10:20:03 · 7024 阅读 · 8 评论 -
使用less实现根据类名控制样式
不知道大家有没有这样一个需求, 就是我在dom上增加'.mr50'这样一个class类名, 那么就对应'margin-right:50px'; 如果是'.mr40'就对应'margin-right:40px'. 其实这个可以通过less的for循环实现. 代码如下@unit: 1px;.base(@i) when (@i<=50) { @size: @i * 5; .base(@i + 1); .m@{size} { margin: @size*@unit;...原创 2022-01-12 09:25:24 · 1368 阅读 · 0 评论 -
flex布局 文字溢出... 失效
有个比较好的解决方法flex盒子设置min-width:0; 完事!原创 2021-09-29 16:28:17 · 329 阅读 · 0 评论 -
vue-router判断页面返回，呈现不同的动画效果
前言：在做vueapp的时候，想要一个效果，就是在点击底部菜单栏的时候页面是淡入淡出，用户使用手机物理按键返回的时候可以左边滑出，看了网上好多资料是判断路由的层级，如果从a/b到a/b/c那么不是返回, 相反从a/b/c到a/b就是返回, 但是我觉得这种方式有点死了, 必须要路由路径的配合, 虽然工作中是会这样做, 但是也不能排除出现意外的情况, 所以我想了另外一种方法. 就是用popstate这个事件. 具体就看代码吧.首先需要监听popstate事件, 这个事件我是写在router/index.原创 2021-09-14 11:31:51 · 938 阅读 · 0 评论 -
HTML页面导出为PDF
话不多说，直接上代码，需要注意的是需要手动设置下背景颜色，不然的话有可能生成的pdf是黑色的。<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatibl原创 2021-09-09 11:20:18 · 234 阅读 · 0 评论 -
vue3中使用动画
以下是渐入渐出效果, 很简单<template> <router-view v-slot="{ Component }"> <transition name="fade"> <keep-alive> <component :is="Component"/> </keep-alive> </transition> </router-view>&原创 2021-08-10 18:19:02 · 306 阅读 · 0 评论 -
vue3 使用watch监听数组问题
在vue3中使用watch的时候需要注意的事项很多, 其中需要一项需要注意的是在监听数组的时候假设在setup里面有这样的结构const test = reactive({ arr: [1,2,3,4,5] }) watch(test.arr,(now,old)=>{ console.log(now,old) }) 当页面操作改变了arr时(不重新赋值, 使用push, splice等方法改变数组), 可以正常出发watch函数, 但是你会..原创 2021-07-30 15:30:02 · 19299 阅读 · 5 评论 -
js中关于ArrayBuffer的使用
首先是ArrayBuffer和字符串之间的相互转换// ArrayBuffer转为字符串，参数为ArrayBuffer对象function ab2str(buf) {return String.fromCharCode.apply(null, new Uint16Array(buf));}// 字符串转为ArrayBuffer对象，参数为字符串function str2ab(str) {var buf = new ArrayBuffer(str.length*2); // 每个字符占用2原创 2020-08-04 16:13:35 · 1005 阅读 · 0 评论 -
vue webpack 配合nginx实现浏览器刷新不报错
前提：之前用webpack写项目，因为是在微信公众号上，所以也就没有在意那难看的 “#” 路由，但是最近在做web端的项目，有了那个“#” 就实在是太丑了，所以就改成history模式，但是真的遇到好多的问题，下面就一一说明。 首先vue端，要实现无“#”号，要在路由里面加上 mode:‘history’ 在nginx配置端要加上 locat...原创 2020-07-22 10:42:03 · 287 阅读 · 0 评论 -
javascript在class中使用requestAnimationFrame的问题
我们都知道requestAnimationFrame是用于做动画的，它可以根据系统性能自动定时的时间，让动画效果达到最流畅，用法也简function step() { console.log('hellow world'); window.requestAnimationFrame(step);}window.requestAnimationFrame(step);这样控制台就会一直打印‘hellow world’了，想要取消的话也很简单，因为window.requestAni.原创 2020-07-21 15:59:50 · 1048 阅读 · 2 评论 -
flex布局中padding-right失效问题
相信大家在使用flex布局的时候都遇到一个问题，就是在子元素超出父元素的情况下，padding-left正常， padding-right失效问题，如下图：那么要怎么解决这个问题呢？话不多说，直接贴代码：CSS：.container { display: flex; overflow: auto; ...原创 2020-01-09 15:06:34 · 7522 阅读 · 1 评论 -
chrome下禁用input自动填充背景
大家在写css的时候一定遇到过chrome浏览器input框自动填充的问题，之前解决的办法都是用js去实现的，今天用另一种方法去实现，只需要用css就行了，实现原理就是利用渐变，只是时间设置长一些，也就看不出来了，也没有人会在登录页面停留 99999999s 的时间吧！下面是代码。input:-webkit-autofill,input:-webkit-autofill:hover,in...原创 2020-01-09 14:09:45 · 410 阅读 · 0 评论 -
JS常用方法, 持续更新中......
js常用方法原创 2019-11-22 14:46:39 · 974 阅读 · 0 评论 -
vuex在模块中getters和actions命名重复会冲突，用命名空间即可解决
最近在做项目的时候，用了vuex的模块化模式，一开始没有什么问题 ，但是写到后面发现就出现问题了，打开控制台，发现这样的错误；百度之后发现是模块里面的getters方法的名字和根store里面的getters方法名字重复了。所以会报这样的错误，不仅仅是getters方法名字重复会报错，如果actions的名字也重复的话，那么这个action会执行多次，这就不是我们想要的效果了...原创 2019-05-29 13:58:49 · 5480 阅读 · 0 评论