随笔分类 -  前端踩坑记录

利用SVG forginObject实现整个页面转成图片
摘要：复制可直接运行 注意：css中引入的背景图片未处理 var bodyE = document.querySelector('body') domToImg(bodyE) // 借助SVG forginObject 将DOM转为图片 function domToImg (dom) { // 复制节点 阅读全文
posted @ 2021-09-13 17:22 古月大叔 阅读(250) 评论(0) 推荐(0)
VueTinymce全局引入&局部引入
摘要：项目中根据此教程来引入 http://tinymce.ax-z.cn/integrations/integrate-index.php 如下： 按照如下引入后:发现打包后的app.js，非常大再加上我们的服务器拉跨，几十K的文件都下载的很慢。只能把tinymce局部引入，先保证首页加载成功： 在对应 阅读全文
posted @ 2021-05-12 15:53 古月大叔 阅读(968) 评论(0) 推荐(0)
egg.js index.html, 多个静态资源配置问题
摘要：注意：egg.static的配置不能直接指向一个文件，只能指向文件夹，所以当要匹配到指定文件的话，必须用site进行配置 1.egg.static,访问首页，有public; 解决：default.config.js 中，增加配置，当访问到固定的路径时，返回指定的页面； config.siteFil 阅读全文
posted @ 2021-04-05 16:14 古月大叔 阅读(1642) 评论(2) 推荐(0)
egg-validate和 parameter 数组，对象验证问题
摘要：egg-validate 基于 parameter， 但是在两个官网上的对于引用类型并没有做详细说明，也，没有例子。怎么验证对象和数组呢？ 只能扒开源码来看了，如图。 在源码的上方，就有了一堆类型，一眼就看到了checkObject 和 checkArray,点进去看看。。 2.这个方法，啥都没做， 阅读全文
posted @ 2021-04-05 16:09 古月大叔 阅读(869) 评论(1) 推荐(0)
style-loader/url 和style-loader/useable 的问题 Can't resolve 'style-loader/url' 和 Can't resolve 'style-loader/useable'
摘要：如图： 再跟着视频上使用 style-loade/url 和 file-loader 进行CSS编译时，总是找不到的问题， 网上的使用方法都是只需要安装 style-loader 一个就行。 搜索好久，对着看也是一模一样，就是不行，我先从 2.0降低到1.3.0还是不行。最后上npm上搜搜了一下找i 阅读全文
posted @ 2021-01-13 23:30 古月大叔 阅读(732) 评论(0) 推荐(0)
如何使用，JS打开本地的exe程序
摘要：1，模拟a标签点击 const ga = document.createElement('a') ga.style.display = 'none' ga.href = 'GWAA:' document.body.appendChild(ga) ga.click() 2，使用window.open( 阅读全文
posted @ 2020-12-01 15:02 古月大叔 阅读(3975) 评论(0) 推荐(0)
bootstrap-datepicker ：头部年月显示问题
摘要：原本显示如下图： 三月 2020 月份在前，年份在后，需要改成 2020 三月， 百度了好久，都找不到，设置的选项，最后灵机一动，翻看源码，发现了这么一段代码： this.picker.find('.datepicker-days thead th.datepicker-switch').text( 阅读全文
posted @ 2020-08-21 19:10 古月大叔 阅读(345) 评论(0) 推荐(0)
数字不换行；超出文本不换行
摘要：1；数字不换行 数字默认不换行； word-break: break-all; 强制换行； ###2；文本超出； white-space: nowrap; 强制不换行 阅读全文
posted @ 2020-07-22 13:02 古月大叔 阅读(1372) 评论(0) 推荐(0)
回车键或者button点击 会自动刷新问题；
摘要：回车键或者button点击 会自动刷新问题； 代码如下： 回车问题 <form onsubmit="return false"> 姓名:<input name=" name " type="text "> 年龄: <input name="age " type="text "> <button>提交 阅读全文
posted @ 2020-06-09 16:47 古月大叔 阅读(271) 评论(0) 推荐(0)
踩坑 点击事件出现两次，事件委托
摘要：1、HTML <div class="name" onclick="aaa()"> <input type="radio" name="hobby" id="www"><label for="www">虎儿歌</label> </div> <div class="name" onclick="aaa 阅读全文
posted @ 2019-12-15 18:40 古月大叔 阅读(797) 评论(0) 推荐(0)
echats问题
摘要：echats 横轴显示不下datazoom配置，加入滚动条 实例博客 https://blog.csdn.net/Zheng_xiao_xin/article/details/80882113 常用属性：： dataZoom: { dataBackground: { //数据阴影的样式。 lineS 阅读全文
posted @ 2019-11-01 10:50 古月大叔 阅读(174) 评论(0) 推荐(0)
ifame问题
摘要：问题描述：在div中添加了点击事件，div中嵌套着一个iframe，父类的div事件全部都会被失效， 解决办法：给iFrame添加css pointer-events : none; 去掉了iframe的所有点击，hover等事件 此属性使得iframe的所有事件都失效，要想保其事件，可用js进行触 阅读全文
posted @ 2019-10-27 20:25 古月大叔 阅读(200) 评论(0) 推荐(0)
浏览器自带记忆功能，使input颜色和字体丢失
摘要：方法一 ： 会有视觉上颜色的变化input:-internal-autofill-selected { /*内置阴影填充 背景颜色*/ box-shadow: inset 0 0 0 1000px #253167! important; /*只有谷歌兼容 字体颜色*/ -webkit-text-fi 阅读全文
posted @ 2019-10-22 16:36 古月大叔 阅读(1542) 评论(0) 推荐(1)
js拼接HTML onclick传参，，页面转义符
摘要：字符串 1 使用&quot; 。比如： (&quot;'+key+'&quot;)例： htmlStr = htmlStr + '<span><img src="'+src+'"/><i onclick="deleteFile(&quot;'+key+'&quot;);" class="fa fa- 阅读全文
posted @ 2019-09-04 09:56 古月大叔 阅读(3607) 评论(0) 推荐(0)