- 博客(87)
- 收藏
- 关注
RSS订阅
原创 el-table 根据屏幕大小动态设置max-height来自适应表格的最大高度出现滚动条
根据element-ui的文档，max-height的合法的值为数字或者单位为 px 的高度。无法识别响应式的css，如：max-height:calc(100vh - 40px)//或者max-height:calc(100% - 40px)受网友启发，实现思路：通过js计算表格的最大高度，然后将高度数值传给el-table的max-height属性，上代码：html：...
2019-08-20 16:53:11
30172
21
原创 element-ui隐藏组件el-scrollbar的使用
看到element-ui官网页面上明明有漂亮的滚动条，却在文档中找不到这个插件，可是好想用啊，终于，看到了一个贴讲这个的，受到启发，我精简了下样式，用法如下：<div class="zy-main"> <el-scrollbar> <!--以下是要滚动的内容--> <div> ...
2018-07-10 18:28:27
12350
2
原创 执行多个onload被覆盖问题
一个页面执行多个window.onload，会被最后一个覆盖，前面n个的内容得不到执行，如 window.onload = function(){ var para =document.createElement("p"); var info = "NodeName:"; info += para.nodeName; info += " ...
2018-05-07 17:17:00
3165
原创 原生js对象合并对象拷贝Object.assign()方法的es5、es6实现
实现思路：支持es6的浏览器，可以直接用Object.assign()合并对象，只支持es5的浏览器，我们用pollyfill的方法。 作用Object.assign() 方法用于把一个或多个源对象的可枚举属性值复制到目标对象中，返回值为目标对象。语法Object.assign(target, ...sources)参数target: 目标对象sources: 源对...
2018-05-07 16:30:00
12072
原创 原生js返回顶部动画
基于上一篇写的获取页面垂直滚动值的方法，完成原生js返回顶部动画效果： var backTop = document.getElementById('zyHung').getElementsByClassName('top')[0]; backTop.onclick = function () { __backToTop(300); } /** ...
2018-05-04 11:26:22
1104
转载 vue中如何动态的绑定图片，vue中通过data返回图片路径
在项目中遇到需要动态的改变图片路径，图片路径并非是从后台获取过来的数据。因此在data中必须用require加载，否则会当成字符串来处理。
2017-04-27 11:28:37
18890
原创 Javascript中浮点数乘法溢出解决方案
Javascript中浮点数乘法溢出解决方案Javascript中的浮点数的加减乘除是个很有意思的事情，基本都会出现溢出的情况。解决的思路基本都是：将浮点数变为整数，运算完再除以相应的倍数。以下举例一个乘法的解决方案：浮点数相乘有很多方式，下面是我给出的一个我自己认为不错的解决方案：// An highlighted blockfunction FxF(f1, f2) { f1 += ''; f2 += ''; var f1Len = f1.split('.')[1].le
2022-04-01 15:34:21
2320
原创 gulp报错：ReferenceError：primordials is not defined问题
运行gulp相关命令，出现以下报错信息：原因：如果gulp版本v3.9，node版本v12.xx。会出现安装gulp使用不了插件的问题，此问题为gulp版本和node版本不兼容。解决方法：将gulp版本升级到v4 – gulp3跟gulp4的语法有变，如果升级，需要将gulp配置文件做相应更改将node版本降级到v11 – node版本更改了，电脑上的其他依赖node环境的项目安装包可能要重新安装才能正确运行将graceful-fs升级到在node v12+下工作的版本4.2.2(推荐)。
2021-06-29 11:37:37
1402
转载 Failed at the [email protected] postinstall script
vue项目运行 npm i 时遇到这样一个报错信息：npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! [email protected] postinstall: `node scripts/build.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the [email protected] postinstall script.npm ERR! This is probably not a
2021-06-29 10:03:02
776
原创 前端根据银行卡号或银行的简码动态显示logo图标
前言：在前端界面，有时候需要添加、显示银行卡等功能时，可能会需要显示对应银行的logo，银行有很多，而且有可能会有更新，前端一般可以怎么做呢，是直接在本地存储还是后端直接返回还是前端自己处理呢？ 方法一：前端收集银行logo，对应显示。 方法二：由后端处理，通过接口放回给前端展示。如此前端无需特殊处理，直接展示即可。 方法三：前端根据银行简称，去“资源库”动态获取对应图标展示。本文讲述此方法具体实现：参考：https://blog.csdn.net/weixin_42...
2021-06-23 17:34:37
3298
转载 vue 退出编辑页的保存提示,同时解决beforeRouteLeave 和 浏览器的前进后退的闪现冲突（hash模式有此问题，history模式下正常）
export default { data() { return { dataIsChange: 0, // 计数器，据此判断表单是否已编辑 noLeaveprompt: false, // 表单提交后，设置为true，据此判断提交不再弹出离开提示 form: { // 表单数据 menuname: '', // 菜单名称 cmark: '', // 描述 imagename: '', // 菜单图标 .
2021-05-26 15:17:40
801
3
转载 小程序开发：用原生还是选框架（wepy/mpvue/taro/uni-app）
自2017-1-9微信小程序诞生以来，历经2年多的迭代升级，已有数百万小程序上线，成为继Web、iOS、Android之后，第四大主流开发技术。与之相随，小程序的开发生态也在蓬勃发展，从最初的微信原生开发，到wepy、mpvue、taro、uni-app等框架依次出现，从刀耕火种演进为现代化开发，生态越来越丰富。选择多了，问题也就来了，开发小程序，该用原生还是选择三方框架？首先，微信原生开发的槽点大多集中如下：原生开发对Node、预编译器、webpack支持不好，影响开发效率和工程构...
2021-03-25 10:45:17
2989
原创 ‘et‘ 不是内部或外部命令，也不是可运行的程序，element-theme运行et命令报错
安装element-ui的「主题生成工具」时，到运行命令et -i 报错，在powershell报错：在cmd中也报错：原因是我没全局安装element-theme，我只在本项目安装了element-theme所以找不到et命令解决方案：法1：全局安装element-themenpm i element-theme-chalk -Det -i法2：安装在当前目录下，需要通过node_modules/.bin/et访问到命令，注意在windows下面要...
2020-09-15 11:31:15
2198
2
原创 vue vue-router ElementUI导航栏重复点菜单报错问题
在使用Element-UI中的导航时，默认情况下如果重复点击某选项，会报错。可以在router的配置文件中（router -> index.js）加上下面这句话，注意位置：//router/index.jsimport Vue from 'vue'import Router from 'vue-router'...const router = new Router({...})// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错
2020-07-31 16:52:46
551
转载 小程序调取数字键盘，没有小数点解决办法
input框 有type属性这个大家都知道；比如text numbercheckbox等常用的type值；当type为number时，在小程序里调取的数字键盘是没有小数点的；应该改为：digit（哈哈，我自己开发的时候也没有注意这个）；下面简单记录一下number：数字键盘（无小数点）idcard：数字键盘（无小数点、有个 X 键）digit：数字键盘（有小数点）注意：number 是无小数点的，digit 是有小数点的...
2020-07-01 14:52:18
1001
转载 vscode实用快捷键+自定义快捷键
一、vs code 的常用快捷键列表1、注释： a)单行注释：[ctrl+k,ctrl+c] 或 ctrl+/ b)取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u) c)多行注释：[alt+shift+A] d)多行注释：/**2、移动行：alt+up/down3、显示/隐藏左侧目录栏ctrl + b4、复制当前行...
2020-04-23 16:51:34
2390
1
转载 VSCode 前端常用插件
1.Auto Close Tag 自动闭合HTML/XML标签2.Auto Rename Tag 自动完成另一侧标签的同步修改3.Beautify 格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则4.Bracket Pair Colorizer 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色5.Deb...
2020-04-22 16:24:32
16205
1
原创 解决router-link在ie下不跳转
在IE11浏览器中，router-link的跳转是失效的，主要是因为当url的hash变化的时候，浏览器没有做出相应的反应。这时候需要做一个兼容处理，当浏览器是IE11时手动给url加一个hashChange事件。解决，在vue项目的main.js里面加上这段：if ( '-ms-scroll-limit' in document.documentElement.style &...
2020-01-03 11:59:57
1993
原创 图片加载失败替换图片解决方案
图片加载失败在不同浏览器表现有差异，比如google可能会一片空白、img的宽高是0*0，ie会在图片位置会出现一个碎片图标，火狐会显示一个边框像这样：一个页面如果很多这种好难看，一般会用默认图片替换显示，解决方法：1、css方案：不好使。在img的伪类加替换图片，但火狐的img没有伪类，google有，有时候就算给img标签加了width、height也没有，图片加载失败img的宽高...
2019-12-26 11:06:16
5848
转载 element ui在table中放入input且实现验证
<template> <div class="app-container" style="overflow: auto;"> <el-table :data="list" size="small" element-loading-text="Loading" border highlight-c...
2019-08-06 13:36:57
1286
2
转载 Node.js适合大型应用吗
首先要明确什么是大型应用，其实这是仁者见仁、智者见智的问题，并且它是一个哲学问题，不是一个技术问题。假如有人问你，一个可以进行线上销售的网站，比如优衣库，大不大？你可能会说大，因为这与你平常所见的博客、企业官网等逻辑相比较确实复杂很多。或者说小，那么说明你开发过比它还复杂的系统。那么相比较淘宝而言呢？大和小的对比是要有参照物的。1. 应用的组成一个完备的 Web 应用可能只由一门语言或者...
2019-06-24 17:21:19
826
原创 vue-quill-editor回显不显示空格和缩进的解决方案
只需要加上class="ql-editor"就行了<p class="ql-editor" v-html="content"></p>参考下文：感谢博主：https://blog.csdn.net/SkelleBest/article/details/85020842
2019-05-30 11:45:01
6623
原创 项目中遇到的小问题，position:fixed无效的一种情况
今天遇到一个定位的问题,要让元素定位在浏览器的顶部，使用position: fixed居然没有效果，元素依然跟着浏览器滚动条走动，后来发现他的上层元素有的使用了transform: translate(0, 0);导致position: fixed功能失效了。所以特此记下来，当做一次小坑吧。我写了一个例子，如下：<!DOCTYPE><html><head...
2019-01-28 10:20:18
1546
转载 SVN show log 提示连接服务器失败,需要离线
问题：svn查看日志显示连接服务器失败。你想使用缓存中的数据吗？后面还有三个选项“立即离线、永远离线、取消“。点击取消显示“Item is not readable”，没有日志信息。在修改文件后show log无法显示日志，上面的时间会自动在2016年和1970年间跳，而且设置不了时间。 解决方法：将svnserve.conf里的anon-access=read 改为anon-ac...
2019-01-02 14:54:29
4119
1
原创 scroll事件页面抖动--函数节流与函数防抖
resize，scroll，hover等js事件触发时绑定的方法会被频繁调用，致使页面产生性能问题，所以我们使用函数节流来解这个决问题。思路：如果事件一直被触发，也只在一定事件间隔才执行一次//scroll方法中当间隔时间大于2s，do somthing执行一次window.addEventListener('scroll',function(){ var timer ;//使...
2018-12-27 17:25:06
4553
原创 gulp已全局安装gulp已本地安装，node环境也配好了，可是运行不了gulp命令
新公司，新电脑，安装gulp，主要是全局安装和特定目录安装，步骤很简单，命令也很简单如下：npm install -g gulp //全局安装npm install gulp --save-dev //去到你需要的目录安装在安装gulp之前需要先装node环境，因为我之前配过了，无需赘述，可参考：https://www.runoob.com/nodejs/nodejs-ins...
2018-11-21 14:37:44
3001
转载 js数组遍历和对象遍历
针对js各种遍历作一个总结分析，从类型用处：分数组遍历和对象遍历；还有性能，优缺点等。JS数组遍历：1，普通for循环，经常用的数组遍历var arr = [1,2,0,3,9]; for ( var i = 0; i <arr.length; i++){ console.log(arr[i]);}2，优化版for循环:使用变量，将长度缓存起来，避免重复获取长度...
2018-10-09 14:33:47
268
转载 使用vux实现上拉刷新功能遇到的坑
1.问题：只刷新一次，解决方法：需要自己手动重置状态this.scrollerStatus.pullupStatus = ‘default'2.问题：不能滚动，解决方法：因为启用keep-alive缓存，需要设置activated () { this.$refs.scroller.reset()}如果还没效果，请在获取后台数据后，执行如下代码this.$nxtTick...
2018-10-09 14:31:28
961
1
转载 less语法，简单明了
为什么用less： less的作为编写css的工具插件，省时、方便、检测，具体的安装，请参考我的一篇文章《sublime text3 个人使用心得》，里面我讲解了安装方法，使用webstorm的乘客，我会再写一篇配合使用less的文章的。* LESS语法--------------------------------------------------变量--------...
2018-09-28 16:39:37
3147
原创 基于vue移动端UI框架
优秀的基于VUE移动端UI框架合集 1. vonic&amp;amp;nbsp;一个基于&amp;amp;nbsp;vue.js&amp;amp;nbsp;和&amp;amp;nbsp;ionic&amp;amp;nbsp;样式的 UI 框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格 star 2.3k中文文档&amp;amp;nbsp;在线预览2.vux&a
2018-09-20 13:44:11
1534
转载 常见web错误码 404 500
404表示文件或资源未找到WEB常见的错误代码1、1xx-信息提示：这些状态代码表示临时的响应。客户端在收到常规响应之前，应准备接收一个或多个1xx响应。100-继续。101-切换协议。2、2xx-成功：这类状态代码表明服务器成功地接受了客户端请求。200-确定。客户端请求已成功。201-已创建。202-已接受。203-非权威性信息。204-无内容。205-重置内容。206...
2018-09-17 16:52:01
237
转载 理解javascript中的策略模式
策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。 使用策略模式的优点如下：优点：1. 策略模式利用组合，委托等技术和思想，有效的避免很多if条件语句。 2. 策略模式提供了开放-封闭原则，使代码更容易理解和扩展。 3. 策略模式中的代码可以复用。一：使用策略模式计算奖金；下面的demo是我在书上看到的，但是没有关...
2018-09-12 09:42:40
154
转载 windows下MongoDB的安装及配置
一、先登录Mongodb官网https://www.mongodb.com/download-center#community 下载 安装包。32、64位的都行。二、安装MongoDB下载后的安装包：安...
2018-09-07 15:46:09
150
转载 学会用好 Visual Studio Code
Visual Studio Code是个牛逼的编辑器，启动非常快，完全可以用来代替其他文本文件编辑工具。又可以用来做开发，支持各种语言，相比其他IDE，轻量级完全可配置还集成Git感觉非常的适合前端开发，是微软亲生的想必TypeScript会支持的非常好。 所以我仔细研究了一...
2018-09-05 18:05:01
311
转载 最新手机号码、电话号码正则表达式js
正则表达式（regular expression）是一个描述字符模式的对象。使用JavaScript正则表达式可以进行强大的模式匹配和文本检索与替换功能。手机号码正则表达式验证。function checkPhone(){ var phone = document.getElementById('phone').value; if(!(/^1[34578]\d{9}$/...
2018-08-21 20:36:45
580
转载 js何判断一个对象是否数组类型
在说明如何判断一个对象为数组类型前，我们先巩固下js的数据类型，js一共有六大数据类型：number、string、object、Boolean、null、undefined。 string： 由单引号或双引号来说明，如"string"； number：数组类型，比如整数、小数等； Boolean: 有两个值：true、false; undefined：未定义，就是你创建一个变量后却...
2018-08-20 17:17:35
203
原创 IP地址的正则表达式
这里讲的是IPv4的地址格式，总长度 32位=4段*8位，每段之间用.分割， 每段都是0-255之间的十进制数值。将0-255用正则表达式表示，可以分成一下几块来分别考虑：取值区间 特点 正则写法 可合并的写法 可合并的写法 可合并的写法 0-9 一位数，只有个位，取值是0~9 \d [1-9]?\d (1\d{2})|([1-9]...
2018-08-17 15:35:15
22772
1
转载 js限制输入框只能输入数字
分享下js限制输入框中只能输入数字的方法，包括整数与小数，分享几个例子，有需要的朋友参考下。1.使用正则表达式限制输入框只能输入数字： <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/...
2018-08-16 16:25:48
2566
转载 移动端点击300ms延迟问题和解决
今天屁颠屁颠写完了，手机端做测试时，点击，发现有延迟，就百度了下，原来这就是传说中的300ms延迟啊，百度了点资料，记录下，解决项目中这个小问题！ 一、移动端300ms点击延迟 一般情况下，如果没有经过特殊处理，移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。也就是说，当我们点击页面的时候移动端浏览器并不是立即作出反应，而是会等上一小会儿才会出现点击的效果。在移动...
2018-08-06 15:00:59
918
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人