- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 html中根据font-size精确计算文本宽度
比如获取到的12px大小的字母w的大小是8.67px；12px大小的字母j的宽度是2.67px，完美~获取到的是真实的文本大小，而不是元素的宽度。利用canvas的方法去获取。
2022-09-08 22:42:37
1863
原创 修改vue路由component下的组件名称
有个需求需要用到keep-alive缓存页面，采用了include，需要匹配页面所在的组件名称，但是我们的所有页面引用的组件都是同一个，通过后端返回的数据去渲染不同的页面，此时为了缓存页面，就需要修改路由配置时的页面名称。这样你想命名成啥样都行，用的是component下面的name，路由的name是我们项目里需要，所以保持一致了，不管原组件是啥名字，include匹配的都是components里重命名的名称，完美~折腾了半天，其实简单的一批。
2022-09-07 17:11:06
2852
2
原创 vue的render函数里渲染html字符串，replace替换不区分大小写
vue的render函数里渲染html字符串，replace替换不区分大小写
2022-06-29 21:24:09
1415
原创 js数组扁平化、数组对象展开为对象的方法
扁平化reduce 函数迭代function flatDeep(arr) { return arr.reduce((pre, next) => { return pre.concat(Array.isArray(next) ? flatDeep(next) : next) },[])}扁平化一层的时候：arr.reduce((pre, item) => { return pre.concat(item)}, [])最新的flat方法经测试，5
2022-05-19 10:19:22
1429
原创 js全选div里面的文字
if和else是兼容处理不同浏览器$('.modal-body').click(function(){ var text=this; if (document.body.createTextRange) { var range = document.body.createTextRange(); range.moveToElementText(text); range.select(); } else if (window.getSe
2022-02-13 21:13:47
587
原创 组件之间的循环引用，报未注册
组件之间的循环引用当你仔细观察的时候，你会发现这些组件在渲染树中互为对方的后代和祖先——一个悖论！当通过 Vue.component 全局注册组件的时候，这个悖论会被自动解开。如果你是这样做的，那么你可以跳过这里。然而，如果你使用一个模块系统依赖/导入组件，例如通过 webpack 或 Browserify，你会遇到一个错误：Failed to mount component: template or render function not defined.为了解释这里发生了什么，我们先把两个组件称
2021-12-31 18:42:56
571
原创 踩坑记录--vue2.0+elementUI开发遇到的问题
改为下面的代码就正常了错误原因是webpack打包逻辑，webpack4中动态import不支持变量方式，查看路由返回的信息，只是返回一个方法。原来是用import导入的 ： // 静态路由懒加载 export const loadView = (view) => { return () => import() }改为require引入方式：：export const loadView = (view) => { return (resolve:) => require([], resolve) }使用
2021-11-10 15:29:42
2884
原创 纯前端：vue将HTML转PDF导出
纯前端：vue将HTML转PDF导出// 导出页面为PDF格式import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'export default{ install (Vue, options) { Vue.prototype.getPdf = function (selector) { var title = this.htmlTitle html2Canvas(document.querySe
2021-11-04 10:40:09
319
原创 本地nodejs+gulp完成字体转换 ttf转成woff2格式
本地字体转换 ttf转成woff2格式各种找线上转换工具，各种下载软件都搞不定，最后发现自己动手分分钟完事~开搞！1.安装gulpnpm install gulp2.安装python地址：https://www.python.org/downloads/windows/直接下载安装包，双击安装，下一步直到安装完成。3.安装gulp-ttf2woff2npm install --save-dev gulp-ttf2woff24.新建gulpfile.js文件var ttf2woff2
2021-08-26 21:12:46
2354
2
原创 js可拖动改变div大小,可拖动改变div位置
核心代码拖动改变方块位置$(".resizeBox").on({ 'mousedown':function(e){ var pageX=e.pageX; var pageY=e.pageY; $(".resizeBox").on('mousemove',function(e){ var newPageX=e.pageX; var newPageY=e.pageY; var moveX=newPageX-pageX; var moveY=newPageY-pageY.
2021-04-22 14:40:59
868
原创 js粘贴功能，在光标位置插入内容
js粘贴功能，在光标位置插入内容var selection=window.getSelection()var range=selection.getRangeAt(0)var node = document.createElement("span");node.setAttribute("class", "at");node.innerHTML = "<span style='color:#f00'>666666</span>";range.insertNode(node
2021-04-16 11:30:50
735
原创 为什么有的事件无法通过代码触发？原生mousedown事件怎么用代码触发？
有一次修改智联招聘上面的学历信息，闲着没事想在控制台通过代码控制修改，结果发现死活无法触发选择学历的下拉框的点击事件，于是查看了下事件来源，最后发现是mousedown事件，太狡猾了。 于是淡定的$().mousedown()，居然还不生效？最后终于找到了一种触发原生mousedown事件的方法：var e = document.createEvent("MouseEvents"); e.initEvent("mousedown", true, true);//这里的mousedown可以换成你想.
2020-12-25 16:34:19
979
原创 类似微信的新消息提醒及滚动到未读消息位置功能
效果图数字角标新消息提醒按钮如果当前在消息界面 且滚动到最下方，有新消息则直接添加并滚动到最下方 没有滚动到底部，有新消息在最下方提醒，点击后展示未读部分，跳转到上次浏览位置 如果有未读消息，但是退出消息界面，则隐藏消息提示按钮，清空未读消息数量如果不在消息界面 收到新消息直接用数字角标提醒，并在首次收到消息时记录上次滚动位置 点击到消息界面，数字角标清空，直接滚动到底部 ...
2020-07-08 17:43:17
991
原创 js常用的工具类
/*设置rem方法，1440是图纸宽度*/function resize() { let w = document.body.clientWidth; document.querySelector("html").style.fontSize = w * 20 / 1440 + 'px';};/*简单粗暴的加载状态提示框*/function loading(isLoad) { $("#loading").remove(); if(isLoad) { $("body").append('.
2020-06-28 10:01:37
264
原创 electron录制屏幕+声音并保存在本地
const electron = require('electron');const { desktopCapturer} = require('electron');const fs=require("fs");let source;/*获取当前屏幕和应用窗口源信息*/desktopCapturer.getSources({ types: ['window', 'screen']}, (error, sources) => { if(error) throw error; c.
2020-06-05 10:49:27
6398
4
原创 $.load加载静态页面传递参数的实现方案
function loadWithParams(selector,url,data){ $.get(url,function(request){ var requestPage='<div>'+request+'</div>'; var dataParams=""; if(data&&type...
2018-05-25 11:51:44
3202
echarts中geoCoord的数据，包括省、市、县名称和坐标的对应数据
2018-09-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人