![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
竹立荷塘
这个作者很懒,什么都没留下…
展开
-
Electron-vue出现GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案
感觉是因为之前 app.use(hostMiddleware 被注释,因此 webpack-hot-middleware 中间件未能被正常的加载而导致了热部署出现了问题。重启项目即可解决 GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED 报红的问题。将项目下的 .electron-vue/dev-runner.js 文件打开。当前对webpack 尚不了解,分析的有问题希望大佬指出。定位到第二个 WebpackDevServer。转载 2023-12-04 10:19:00 · 246 阅读 · 0 评论 -
防止js全局变量污染方法总结
防止js全局变量污染方法总结。原创 2023-02-07 11:28:42 · 693 阅读 · 0 评论 -
vue 清除定时器失效 clearInterval
最近需要再页面里做个倒计时,发现用clearInterval()清除定时器失效,解决办法就是挂载到window上。原创 2022-08-12 15:48:17 · 2154 阅读 · 0 评论 -
vuex中action和mutation区别
vuex中action和mutation区别转载 2022-08-01 10:01:30 · 1715 阅读 · 0 评论 -
postcss-pxtorem 不想自动转换单位
postcss-pxtorem 不想自动转换单位原创 2022-07-21 15:08:36 · 1543 阅读 · 1 评论 -
解决 iframe.postMessage()多次触发请求问题
解决 iframe.postMessage()多次触发请求问题原创 2022-07-12 17:11:49 · 2178 阅读 · 0 评论 -
IOS下事件委托失效的问题
一、一些模板渲染等情况下,需要用到事件委托,比如给动态创建的DOM绑定click事件,这里就需要事件委托$('body').on('click','.span_target',function(){ //TODO});(这里就牵扯到:目标元素和代理元素)目标元素:动态创建的元素,最终click事件需要绑定到该元素代理元素:动态创建的元素的父级元素,或者document,body等。二、BUG情况当使用事件委托给【目标元素】添加 click 事件时,如果【代理元素】是 doc原创 2021-10-18 14:30:00 · 143 阅读 · 0 评论 -
Google开发者工具面板-network详解
1 开发者工具面板 面板上包含了Elements面板、Console面板、Sources面板、Network面板、Performance面板、Memory面板、Application面板、Security面板、Audits面板。这些按钮的功能点如下:· Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈。· Console:记录开发者开发过程中的日志信息,且可以作为与JS进行交互的命令行Shell。...转载 2021-09-22 11:17:41 · 2175 阅读 · 0 评论 -
js如何在字符串中添加双引号
一、创建一个空白html文档二、解决办法首先第一种方法,交替使用单双引号。2.1 '""'这种包裹。单引号表示字符串,里面双引号作为字符。 例如:var str1 = '这里是"双引号"'2.2 "''":外面使用双引号表示字符,里面单引号作为字符。 例如:var str2 = "这里是'单引号'";2.3 然后是转义字符\'斜杠加需要的字符,放到字符串中,就能够正常显示。2.4 使用连字符+进行连接 ...原创 2021-01-14 17:46:58 · 16297 阅读 · 0 评论 -
form表单因某些操作会自动提交并刷新页面,需禁止form的自动提交
一、form表单因某些操作会自动提交并刷新页面测试网页时,发现网页每次都会自动提交,发出请求。经过查找和测试,发现是form表单会自动提交,从而导致页面自动刷新。二、form表单自动提交规则 form表单中只有一个type=text的input(可以有其他类型的表单),在input中按enter键,会自动提交 form表单中有多个type=text的input,且无type=submit的按钮元素,则在input中按enter键,不会自动提交 form表单中有type=su原创 2020-12-15 14:20:31 · 3546 阅读 · 3 评论 -
移动端touchend事件不触发解决方案
移动端touchend事件不触发,需要在touchstart中加入: 1 e.preventDefault(); 但是问题来了,阻止默认事件后,页面原先的滚动条也无法滚动了。查阅了资料,在stackoverflow上得到如下解释:To workaround this bug you have to call preventDefault() on either the touchstart or first touchmove even.转载 2020-12-09 14:58:03 · 4841 阅读 · 0 评论 -
html5的video播放器上禁止下载和禁止右键下载实现。
<video id="video" src="#" controls controlsList="nodownload" oncontextmenu="return(false);"></video>原创 2020-08-17 10:05:26 · 3853 阅读 · 0 评论 -
js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选
一、js 获取元素(父节点,子节点,兄弟节点)var test = document.getElementById("test");var parent = test.parentNode; // 父节点var chils = test.childNodes; // 全部子节点var first = test.firstChild; // 第一个子节点var last = test.lastChile; // 最后一个子节点 var previous = test.previousSibli转载 2020-07-30 14:25:45 · 246 阅读 · 0 评论 -
vue中引用tinymce图标不显示解决方法
vue中引用tinymce图标不显示解决方法通过官网查到一篇博客,按照上面步骤可以实现tinymce富文本编辑器的封装和使用。https://www.cnblogs.com/zhongchao666/p/11142537.html在node_modules里面找到tinymce,将skins目录复制到public/tinymce里面(vue)在node_modules里面找到tinymce,将skins目录复制到static/tinymce里面(nuxt)由于公司需要使用nuxt.js,再次使.转载 2020-07-29 15:34:54 · 4381 阅读 · 1 评论 -
input宽度自适应
// input宽度自适应$("input[type='text']").each(function () { var valueLength = $(this).val().length; if (valueLength > 4) { $(this).css('width', valueLength * 12 + 'px') } $(this).keydown(function(){ var valueLength = $(this).va.原创 2020-07-28 15:25:43 · 888 阅读 · 0 评论 -
textarea如何实现高度自适应?
方法1:textarea高度自适应,随着内容增加高度增加$(function(){ $.fn.autoHeight = function(){ function autoHeight(elem){ elem.style.height = 'auto'; elem.scrollTop = 0; //防抖动 elem.style.height = elem.scrollHeight + 'px'原创 2020-07-28 15:24:50 · 3191 阅读 · 0 评论 -
移动端bug,部分安卓机型下touchend 事件监听不到
测试机型:红米、华为等。touchstart,touchend,touchcancel,touchmove这是底层提供的事件,有些Android没有触发touchend 事件,解决办法:把touchcancel当成touchend来使用。也就是说,如果你直接用底层事件,可以把你touchend要处理的逻辑,同时放在touchend和touchcancel里边。...原创 2020-07-22 13:19:51 · 784 阅读 · 0 评论 -
JS:export 与export default的区别,结合import的用法
export:输出本模块(一般一个文件认为是一个模块)提供给外部使用的接口;import:引入其他模块,供本文件使用,可以引用的就是export输出的接口;export有两种方式:export 或者export default;两者的相同点与区别点如下:1、两者均可用于导出常量、函数、文件、模块;2、在一个文件中可以多次使用export,但是export default只能用一次;3、通过export输出的,在import导入时需要使用{},export default不需要;.转载 2020-05-28 14:57:23 · 494 阅读 · 0 评论 -
js-修改url中某个指定的参数的值
/* * url 目标url * arg 需要替换的参数名称 * arg_val 替换后的参数的值 * return url 参数替换后的url */ function changeURLArg(url,arg,arg_val){ var pattern=arg+'=([^&]*)'; var replaceText=arg+'='+arg_val; if(url.match(pattern)){ var tmp='/('+ arg+'=.转载 2020-05-09 16:35:52 · 1046 阅读 · 0 评论 -
textarea禁止横向拉升/纵向拉伸/不显示拉伸状态的写法
textarea默认是允许横向和纵向拉伸的,如果想要禁止textarea拉伸状态可以这样写。禁止横向拉升 resize: vertical;纵向拉伸 resize: horizontal;不显示拉伸状态 resize: none;/resize: unset;以上就是整理的关于textarea拉伸状态的css设置。...原创 2020-04-26 15:08:26 · 5716 阅读 · 1 评论 -
9. 基于Vue+Element+nodeJs+Express+MySql后台管理系统-后台周报接口编写
一、后台周报接口编写在已有的controls文件夹,然后下面创建一个weekly.js文件,用来管理周报相关接口。1. 引入所需文件首先将需要用到的已封装的方法文件引入到weekly.js文件中const $sql = require('../sql/sqlMap')const $http = require('../sql/http')const $time = requi...原创 2020-04-23 13:17:56 · 921 阅读 · 0 评论 -
js实用方法记录-js动态加载css、js脚本文件
1. 动态加载js文件到head标签并执行回调方法调用:dynamicLoadJs(‘http://www.yimo.link/static/js/main.min.js’,function(){alert('加载成功’)}); /** * 动态加载JS * @param {string} url 脚本地址 * @param {function} cal...转载 2020-04-07 15:57:53 · 462 阅读 · 0 评论 -
element中el-image如何显示本地图片
把正常img标签中的src="@/assets/logo.png"换成:src="require('@/assets/logo.png')"就可以了。原创 2019-12-07 16:12:59 · 37018 阅读 · 4 评论 -
JavaScript获取当前url路径
1、假设当前页完整地址是:http://localhost:61768/Home/Index?id=2&age=18//获取当前窗口的Urlvar url = window.location.href;//结果:http://localhost:61768/Home/Index?id=2&age=18//获取当前窗口的主机名var host = window.loc...转载 2019-12-05 12:15:39 · 323 阅读 · 0 评论 -
element tab选中时会有边框
解决办法:在commos.scss中加入属性覆盖.theme{ .el-tabs__item:focus.is-active.is-focus:not(:active) { box-shadow: none; } }或者:这里的一定要加上!Important ,因为npm run build 打包代码的时候的,这段代码会被的element ui 框架代码...转载 2019-11-30 13:45:41 · 1924 阅读 · 0 评论 -
文件名和目录名的命名规范
一般目录用横线,文件名用下划线。原创 2019-11-15 17:02:44 · 4397 阅读 · 0 评论 -
js验证11位数字
varreg=/^\d{11}$/;varstr= '12345678901';reg.test(str);原创 2019-11-13 09:10:23 · 5141 阅读 · 0 评论 -
2. 基于Vue+Element+nodeJs+Express+MySql后台管理系统-数据库(SQL语句)
今天开始步入Vue+nodeJs+MySql之周报管理系统项目的第一步——数据库。我这里用的数据库是MySql数据库。对数据库的操作主要有两种方式:1. SQL语句; 2. 图像化界面。接下来我们来看看这两种方式分别是怎样对数据库进行操作的吧。SQL语句方式1. 下载MySQL数据库MySQL下载链接:https://dev.mysql.com/downloads/mysql/...原创 2019-11-01 16:15:07 · 4288 阅读 · 1 评论 -
js字符串字母大小写转换
toLocaleUpperCase 方法返回一个字符串,其中所有的字母字符都被转换为大写,同时适应宿主环境的当前区域设置。stringVar.tolocaleUpperCase( )必选的 stringVar 引用是一个 String 对象,值或文字。说明toLocaleUpperCase 方法转换字符串中的字符,同时适应宿主环境的当前区域设置。在大多数情况下,其结果与利用 toU...转载 2019-09-11 16:05:25 · 4732 阅读 · 0 评论 -
js 原型和原型链解释
1,为什么需要原型? 用构造函数生成实例对象,有一个缺点,无法共享属性和方法。 每一个实例对象,都有自己的属性和方法的副本。这不仅无法做到数据共享,也是极大的资源浪费 考虑到这一点,设计js作者决定为构造函数设置一个prototype属性。 这个属性包含一个对象(以下简称"prototype对象"),所有实例对象需要共享的属性和方法,都放在这个对象里面;那些不需要共享的属性...原创 2019-06-03 14:47:05 · 131 阅读 · 0 评论 -
判断H5页面环境是否在小程序的webview中
用小程序提供的wx.miniProgram.getEnv可以获取环境参数,但是它有个问题就是无法在非微信环境下判断。所以在使用wx.miniProgram.getEnv前得先判断是否在微信环境中。解决方法:<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js">&...原创 2019-01-18 17:05:13 · 2646 阅读 · 2 评论 -
Element表单验证(1)
首先要掌握Element官方那几个表单验证的例子,然后才看下面的教程。Element主要使用了async-validator这个库作为表单验证async-validator主要分成三部分Validate Options Rules其中,对于我们使用Element的来说,Rules最重要,也是这部分内容较多的。async-validator各部分async-valida...转载 2018-11-20 09:48:54 · 3584 阅读 · 0 评论 -
前端精选文摘:BFC 神奇背后的原理
前端精选文摘:BFC 神奇背后的原理 BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。转载 2015-05-13 18:29:41 · 317 阅读 · 0 评论 -
子div块中设置margin-top时影响父div块位置的解决办法及其原因
解决办法①:若子DIV块中使用margin-top,则在父DIV块中添加:overflow:hidden;解决办法②:在子DIV块中用padding-top代替margin-top。有个叫 bfc 的东西 叫 块级元素格式化上下文 overflow hidden 或者描边可以触发 bfc 就可以解决这个问题转载 2015-05-13 18:32:48 · 445 阅读 · 0 评论 -
ie img 3px bug
ie img 3px bug日期:2008-11-22 分类:CSSie img 有 3px 的缝隙也是 ie 的经典 bug 之一,相信已经不陌生了,但还是先看看效果吧(也许你并没有见过):效果1 效果2效果1 图片下方有缝隙,这是最常见的;效果2 则不但下面有,右边也有,并且在 FF 和 opera 里,下方也有缝隙。这是因为效果2 图片的父元素是内联元素。转载 2015-05-13 16:54:03 · 432 阅读 · 0 评论 -
用css固定textarea文本域大小尺寸
textarea元素在chrome等浏览器下可以被拖拉从而改变大小,对于查看textarea里面的内容来说相当方便,但是有时候 我们为了保持网页的美观,不得不想要禁掉这个功能,禁止用户随意拉动textarea的大小,其实很简单,只需要用css加一个小小的属性,代码如下: textarea{ resize:none;}转载 2015-05-13 16:51:31 · 1487 阅读 · 0 评论