qq_34907249的博客

原创 Mac之安装home-brew

【代码】Mac之安装home-brew。

原创 input输入限制算法

【代码】input输入限制算法。

原创 关于对话框中放iframe ，内页高度问题

解决思路：动态修改iframe高度。

原创 css3实现无缝滚动，鼠标经过暂停

js也可以实现，但css3更加的平滑和资源占用更少。下面是具体代码，动画要单独用一个类名，否则暂停估计不会生效。

原创 关于数据大屏的设计与开发

1、设计稿要求：要根据设备尺寸比例进行设计，比如16:9 的设备，可以使用1920*1080 、3840*2160 ，其实就是等比缩放，但1920 放到更高分辨率会出现图片模糊现象、原因就是图片1像素低，可以使用2倍图。2、关于开发： 大屏使用场景一般是全屏显示，如果在非全屏场景，比例就会与设计稿不同，可以监听全屏和非全屏，使用两套样式进行微调。

原创 jquery 实现平滑无缝上滚

3、第一个子元素开启动画，通过修改marginTop值，向上滚动，完全消失时，再添加到最后。3、定时器时间要足够小，才能忽略每次执行的停顿。1、要先删除再添加否则，很容易出现重叠。有些插件可以实现，但是目测不够平滑。2、获取盒子dom,及第一个子元素。2、要考虑间隔，否则不会平滑。1、先写好无动画样式。

原创 三段色均分-实现像弹簧一样弹出的进度效果

【代码】实现像弹簧一样弹出的进度效果。

原创 关于h5双击失效问题

h5 双击是被禁用掉的，包括jQuery的 dblclick 方法。模拟双击，通过监听两次单机间隔判断。

原创 js之数学库decimal.js

js进行数学运算存在精确度问题，数学运算库应运而生。

原创 获取指定元素距离窗口的坐标

对于position:static 元素是不参与计算的。

原创 avue之动态切换表格样式问题

动态切换 a\b 两个表格 ，a表格高度变成b的高度等问题，

原创 js函数获取指定小数位

【代码】js函数获取指定小数位。

原创 针对vue2退出机制

思路：重置路由，删除token,跳转到登录页。

原创 根据数组中对象的某个字段分组最简洁方式

使用map数据结构的，键值唯一性进行操作。

原创 元素拖动时限制区域思路

鼠标拖动时：1、3的和sum是不变的，鼠标的坐标减去sum即可得到2。2就是被拖动元素的相对左边距 left。

原创 pdfjs之web方式引入

pdfjs之web方式引入。

原创 npm 清除缓存

【代码】npm 清除缓存。

原创 针对vue项目菜单重复点击、路由报错问题

【代码】针对vue项目菜单重复点击、路由报错问题。

原创 微信小程序预览文件

【代码】微信小程序预览文件。

原创 高德地图点击定位，视图跟随、设置marker

【代码】高德地图点击定位，视图跟随、设置marker。

原创 avue之调用 element方法实现表格复选自动选中

原创 elementui之表头tooltip实现

原理：使用render-header 渲染钩子函数实现自定义。

原创 基于element实现select树形选择组件

【代码】基于element实现select树形选择组件。

原创 基于element实现动态生成表单

【代码】基于element实现动态生成表单。

原创 elementui附件上传组件自定义配置

【代码】elementui附件上传组件自定义配置。

原创 css之点击穿透

能够实现对下层元素的操作。

原创 base64格式图片直接显示

<img :src="'data:image/png;base64,'+url"/>

原创 vue文件导出/下载

elink.download = '导出数据.xlsx';

原创 element自定义上传文件

自定义附件上传

原创 vue-router之退出处理

删除token,跳转到登录页，同时清除已注册路由(防止切换角色后还能访问另一个角色的权限)，beforeEach中加有无token检测。1、对于vue-router3 (vue2) 官方没有提供删除方法。策略：创建新的router对象，将matcher 赋值给旧的。2、vuew-router4 (vue3) 提供了。removeRoute 方法删除注册路由，

原创 python镜像

python镜像文件

原创 vue3 安装使用scss

版本太低，这个先不用管（本人也没测试高版本），查看下node版本，其和node-sass是有对应关系的 本人是 node16 对应的 node-sass 是6+， 此时 npm install node-sass@6 安装重启 应该可以了。备注：如果还有问题，就装下node-gyp,升级下python版本。3.2 如果还报 gyp相关错误，看下报错信息此时python应该是有了。如果没有安装python,就去下个安装包装一下记得配置环境变量。3.1、安装node-sass 报错。

原创 vue3之禁用eslint

1、查看vue-cli文档。

原创 微信小程序之自定义导航toolbar添加home键

toBarHeight: 44, //标题栏高度：安卓：48px，iOS：44px;单位必需跟胶囊按钮一致用px。statusBarHeight: 44, //状态栏初始高度。-- 状态栏高度 -->-- 标题栏高度 -->// 手机状态栏的高度。

原创 vue之获取dialog 中的组件ref对象

el-button type="primary" @click="handleClick(2)">保存取 消title="签章"

原创 微信小程序使用高德小程序定位插件amap易忽略问题

1、一定要设置 request 请求域名、否则非开发工具环境是，接口请求会失败，而且还不会有什么提示，在开发工具上还能正常使用。2、app.json 一定要声明两个地方：permission 和 requestpeivateInfo。

原创 git本地分支关联远程分支

git branch --set-upstream-to=origin/厦门11 xiamen22。

原创 pdfjs之125%分辨率下不清晰问题

pdfjs拿到viewport 后，这个宽高是pdf实际宽高，按照 viewport的宽高来绘制的canvas时，在分辨率为100%时是清晰的，但当电脑分辨率不是100%时比如125%，这时绘制再按照100%的像素进行绘制就会不清晰，这时要获取当前分辨率，来计算实际要绘制的画布大小。要点：画布实际大小和要显示的大小是两个概念，显示的宽高是通过 style 设置的。

原创 微信小程序树形选择组件

treeListIndex: {// 默认为0，当前循环的第几层，用于tree样式展示。* @t 功能类型 collapse：点击图标展开收起，title:点击标题事件。text:"2-三级-1"text:"二级-1",text:"二级-2",前言：微信小程序并没有提供这样的组件 ，vant也没有，就自己写了一个。// 在组件实例被从页面节点树移除时执行。text:'一级',2、父子间事件通信 （需要层层向上传递）

原创 小程序文本溢出隐藏

父元素使用flex布局，子元素就不需要设置display:inlin-block。