秋实的博客

:oninput@input

自定义elementui日历组件

JavaScript Object创建 prototype

overflow兼容性

js阻塞vue页面渲染js代码严谨

判断鼠标是进行的移动事件还是点击事件 onmousemove

el-dialog关闭时，摧毁其中子组件destroy-on-close

el-cascader 级联选择器 下拉选项选中不刷新；数据回显慢；

今天忽然很想把vscode的svn配置起来，之前配置过vscode里面总是显示 Svn installation not found.svn路径检查也没问题，最终得知是因为安装的svn的bin文件里面没有svn.exe文件。在安装svn的时候，注意这一点：勾选command line client tools项，并且主要选择第一项，如下图：这样安装完后再看bin文件，发现svn.exe出现了，ok。重启vscode，配置svn:checkout即可。参考文章：https://blog.cs...

苹果和IE浏览器下，不能识别“2021-01-26 12:23:21”这种“-”连接的时间，需要将其转换成“/”连接，写代码老是忘掉，谨记谨记new Date("2021-01-26 12:23:21").replace(/-/g,'/').getTime()

最近一个页面上有一个这样的布局模块，如果不考虑IE8，很简单，用flex之类很多方式都可以轻松简单搞定。但现在需要考虑兼容IE8，并且响应式页面，要ipad等不同分辨率下都能良好显示。

Chrome 83.0.4103.61版本文本获焦时默认自带黑框最近在用vue.js直接引入方式开发一个页面，嵌入公司的老项目，使用element-ui，唉，用着element-ui的组件，要调成ext.js的样式参考文档

vue中使用 particles.js，IE10下报错SCRIPT5022: SecurityError原因是 对canvas使用toDataURL时出现 "SCRIPT5022: SecurityError" 错误。找到particles.js，将toDataURL这行注释掉，换成 XMLHttpRequest 方式即可：pJS.fn.vendors.exportImg=function(){//window.open(pJS.canvas.el.toDataURL('...

主要问题点在于 router 中无法用 this.$t('xxx.xx') 方法来进行翻译，会报错 this.$t is not a function 。而在main.js中可以试用，所以就做了一下处理：main.js文件：const i18n = new Vue18n({ locale: lan, messages: { zh: require("./assets/i18n/zh"), en: require("./assets/i18n/en") }, sile

项目编辑发布文章需要上传多图，并且需要回显编辑删除功能。使用el-upload上传初始感觉很方便，多试后发现坑还是蛮多的。发现on-change事件基本没什么用，一次上传多张图片实际还是单张上传，多次调用接口不说，上传成功后的回调也仅执行一次，这点很坑爹，研究许久多次尝试最终找到解决方案：上代码：<el-upload multiple :action="actionsUrl" list-type="picture-card" :on-preview="handlePictureCardPre

实在不想使用window.reload()，或者router.go(0)刷新整个页面，尝试过N种办法最终发现只有provide-inject组合这种刷新组件最靠谱，功能实现了赶紧记录下来：provide / inject组合：作用：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。app.vue中：<template> <div id="app"> <router-view v-if="...

一开始按照vue-router官方解决方案去解决，但发现根本不管用。发现每次切换拿到的$(document).scrollTop()、$(window).scrollTop()、$("container").scrollTop()等的值都是0。最后受该文章启发，在我的main组件加上：updated() { this.$parent.$el.scrollTop = 0;//表示获取router-view上一级的scrollTop}重启后立马见效，切换页面滚动条能自动置顶了。...

最近发现router在history模式下，二级以上页面刷新后会出现白屏并且报错，如下图：最终查到方法重新打包完美解决：const webpackConfig = merge(baseWebpackConfig, { module: { rules: utils.styleLoaders({ sourceMap: config.build.productio...

目前遇到的问题：领导要求table中需要按照数据的不同状态比如：已开通，未开通等，做出不同样式文字的提示。已开通时候，圆点图标绿色，提示文字已开通；未开通，圆点图标灰色，提示文字未开通。看似简单的需求，发现用boostrapvue实现却变得困难，如何将每个td重新渲染成想要的样式效果提供的方式并不多。首先翻看其官方关于table这块的文档：看来看去只能使用原生html标签，...

最近开发项目过程中遇到一个困扰几天的问题，本地测试所有接口都正常，线上请求后端没设置登陆拦截的接口，能正常返回数据；但请求需要登陆访问接口，则出现302，直接重定向到/login接口，十分诡异。与后端一起探讨解决发现，多方查询尝试才发现在axios配置中设置：withCredentials: true，允许跨域请求携带cookie才行。axios中文文档配置拷贝过来：{ // `...

最近用vee-validate做表单校验模块，下午做两次输入密码校验的时候，明明按照官方的方法写了，还是一片报错，百度各种方法都没解决掉，结果无意试了下发现对了，赶紧记录下来。为了看的清晰，把无关紧要的代码都删了，直接看两个input属性：<input name="passwd1" v-model.trim="form.passwd1" ref="passwd1" v-validate...

最近项目开始前后端联调，需要部署测试服，结果打包部署上去后axios访问路径一直不对，本地用的proxyTable代理解决的跨域，部署的时候每次手动改路径会比较麻烦，于是各种百度出解决方法：将config/prod.env.js中，新增：'use strict'module.exports = { NODE_ENV: '"production"', API_HOST:'ht...

1.config/index.js中，module.exports的dev.host改成自己的IP地址module.exports = { dev: { assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {}, //host: 'localhost', // can be ov...

input输入框占位符不兼容性问题成老梗了，在此写文记录下解决改问题方法。引入placeholder.js该插件即可解决：function($) { var placeholderfriend = { focus: function(s) { s = $(s).hide().prev().show().focus(); ...

在 web 开发中，我们通常需要对输入的内容进行校验。这段代码虽然执行起来没有什么问题，但是会产生非直接输入，比方说我们输入中文时候，中间过程会输入拼音，每次输入字母都会触发input事件，然而当中文输入完成之前，都属于非直接输入。一般说到修改用户的输入，第一个想法肯定是绑定input事件，input事件能够检测用户的每一次输入，例如我们要将用户输入的文字实时转换成大写，只需要input事件绑...

下载的模仿ipone输入密码时，延时变成原点的效果。原文件在中文状态输入时有严重bug，经自行修复成如下代码，若用户时中文输入的话，会弹出提示并且无法继续输入，记录下以备后用：(function($) { $.fn.iPass = function(options) { var settings = { 'checkInterval': 100, 'maskDelay':...

最近响应式项目移动端遇到一个问题，页面使用的全屏的背景图片，但当它到了移动端需要滚动的时候，往下面一滚动，第二屏等会出现白底，后来让全屏背景图片固定了，再怎么滚动都不影响，解决掉了该尴尬问题。body和html高度都设置了100%，滚动出现了白底问题增加 background-attachment:fixed; 后完美解决。background-attachment详解：...

最近在做自己的博客，初次使用vue2.0+webpack 2.0搭建的项目，本来配置了scss用的很顺利了，可是随着博客的开发发现越来越需要搞个全局变量文件配置，根据百度到的资料配置全局一直报错，折腾了快一天才终于解决，得记录下来以后方便查阅。 刚开始是一直报：scss expected 1 selector or at-rule,was "{}" 这个错误，翻来覆去检查都没有...

最近一直利用工作闲暇时间搞自己博客，使用了element ui 来实现，导航菜单刷新一直不显示选中高亮，点击时候会高亮，进入页面却不会高亮，设置 :default-active 根本不起作用，现在解决掉BUG决定写此文加强记忆（下面这段代码就是bug代码）：<el-menu router :default-active="$router.path" mode="horizon...

最近开发自己博客，在遍历对象类型数据时候，怎么也拿不到，尝试过两层遍历都不行，最终利用巧计解决了，记录下来： 请求来拿到后数据格式是下面这种：data(){ return{ noticeList:{ notice:["aaaaa","bbbb","cccc"], times:[1564707990252,156470833...

代码如下：&lt;button onclick="alert('parent')" style="width:300px;height:200px;background-color:red;"&gt;我是parent &lt;div onclick="stopEvent();alert('children1')" style="width:200px;height:200px;bac...