vue组件 - 金额输入框（带千分符） 此组件是基于element-ui的el-input组件的再封装，主要用来在输入过程中，显示为数字模式，在失去焦点时加上千分符；同时保持父组件传入的值始终保持数字模式，不必要再去人工转化数据格式先上vue文件代码：<template> <el-input v-model="inputValue" v-bind="$attrs" :maxlength="maxlength" @input="handleInput" @focus="handleF
兼容性问题整理（二） 记被IE浏览器教做人的一天1.色值格式IE浏览器不识别AHEX和HEXA格式，支持HEX、RGBA、HSLA格式2.事件DOM参数火狐浏览器事件DOM没有path属性3.location的兼容性IE浏览器的location对象没有origin属性，得使用protocol和host属性自己拼4.element-ui中table组件的宽度IE浏览器中，table宽度有时会出现无法自适应的情况，原因暂时还不清楚，但是可以通过设置table组件的data参数来解决，我们通常习惯会设置data为一.
兼容问题整理（一） IE10代码块中，函数声明提前的兼容问题var obj = {bol: true}function fun() { if (obj.bol) { time(callback) function callback() { console.log('callback1') } } else { time(callback) function callback() {
echarts使用方法总结 关于数据可视化的开发，在第三方库的帮助下，从来没觉得复杂，但是一直都觉得颇为繁琐。恰好前段时间产品经理那边安排了一个需求，粗略一看很简单，实际上手的时候，有很多卡壳需要研究的地方。目前，需求已开发完毕，特此做个总结。折线图或者柱状图坐标系中展示固定数量数据主要设置option.dataZoom属性，此属性主要功能是控制区域缩放，要实现上述需求，只需要禁止缩放并且保持可以鼠标或者滚轮拖动即可，...
webpack常用loader和plugin总结 webpack常用loader和plugin总结loaderstyle-loader & css-loaderless-loaderpostcss-loaderfile-loader & url-loaderbabel-loader & @babel/preset-env & @babel/corebabel-polyfillpluginhtml-webpack-p...
javascript之手写bind函数 简单粗暴，直接上代码Function.prototype.myBind = function() { const self = this const context = [].shift.call(arguments) const args = [].slice.call(arguments) self.apply(context, args)}调用方法如下：function g...
javascript常用函数之防抖和节流 节流(throttle)和防抖(debounce)防抖 当持续触发事件时，一段时间内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前又一次触发了事件，就重新开始延时。function debounce(fn, wait) { let timeout = null; return function() { if (timeout !== null...
JavaScript 之prototype与继承 prototype 每个构造函数都有一个prototype属性，这个属性就是这个构造函数的原型对象。构造函数实例所共享的属性和方法都存在这个原型对象上。继承原型链继承基本原理就是让构造函数A的原型对象等于另一个构造函数B的实例，那么A便继承了Bfunction Parent() { this.role = 'parent'}function Children() { ...
node的全局变量整理 __filename __filename表示当前正在执行的脚本的文件名。它将输出文件所在位置的绝对路径，且和命令行参数所指定的文件名不一定相同。如果是在模块中，返回的就是模块的路径。// main.jsconsole.log(__filename) // /web/com/runoob/nodejs/main.js__dirname 表示当前执行脚本所在的目录// main....
解决PhantomJs安装失败的问题 公司最近要迁移前端测试服务器，在迁移过程中，发现了一个PhantomJs的问题。配置文件中有这个依赖包，但是在本地下载依赖的时候没有问题，但是，在push代码以后，在测试服务器上下载依赖的过程中，总是报phantoms安装失败报错信息如下:error /***/node_modules/phantomjs-prebuilt: Command failed.Exit code: 1Comma...
抽离不同项目的node_modules到一个项目外的公共目录 问题问题描述：因工作业务关系，需要将各个前端项目的node_modules抽离到一个公共路径思路：有两个修改NODE_PATH，然后全局安装所有依赖使用软链接遇到的问题：搞懂系统的环境变量以及node的模块加载机制使用node运行shell脚本，或直接执行shell命令搞懂npm以及yarn的相关命令以及相应的包管理机制软链接下连续使用两次npm install 会有问...
ES6学习（六）——Set和Map数据结构 SetMapSetSet结构是ES6提供的新数据格式，类似于数组，但是没有重复值Set结构的实例属性属性名描述constructor构造函数，默认就是Set函数size返回Set实例的成员总数Set结构的实例方法方法名参数描述addvalue添加某个值，返回 Set 结构本身deletevalue删除某个值...
钉钉小程序踩坑 钉钉开发者平台创建好的应用不能删除钉钉小程序IDE快捷键渣的一批父组件无法调用子组件方法，所以开发自定义组件时，如果在子组件中有处理数据的逻辑，那么一定要在父子组件之间留一个沟通桥梁使页面可以触发子组件的生命周期钩子dd.navigateBack方法返回页面时，会触发页面的onShow钩子，但不会触发onLoad钩子各个单独页面的json文件的defaultTitle配置不生效开发页面...
ES6学习（五）——数组的扩展 扩展运算符Array.from()Array.of()数组实例的 copyWithin()数组实例的 find() 和 findIndex()数组实例的fill()数组实例的entries(),keys(),values()数组实例的includes()数组实例的flat(),flatMap()数组的空位1.扩展运算符扩展运算符...将一个数组转换成逗号分隔的有序数列。...
ES6学习（四）——函数的扩展 函数参数的默认值基本用法function log(x, y = 'World') { console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // Hello注意参数变量是默认声明的，所以不能用let或const再次声明，否则会...
ES6学习（三）——字符串的扩展 列举常用字符串方法如下includes(),startWith(),endsWith()这三个方法返回的都是布尔值，都接受两个参数，第一个参数是字符串；第二个参数是数字，表示开始搜索的位置，但是endsWith()方法的第二个参数表示前n个字符includes()：表示是否找到了字符串startWith()：表示参数字符串是否在原字符串的头部endsWith()：表示参数字符串...
vue-cli项目配置多页面 思路首先要修改项目目录结构，然后修改webpack的entry和html-webpack-plugin插件如上图所示，src/page是我的目录结构，activity和index是需要构建的两个单独的页面，page目录下的每个子目录都需要一个入口文件（main.js），一个html模板（index.html）和一个vue文件（index.vue）entry的修改vue项目的entry配置...
promise用法 Promise用法此篇文章主要参考大白话讲解Promise一、基础用法new Promise(function(resolve, reject) { //做一些异步操作 setTimeout(function(){ console.log('执行完成'); resolve('随便什么数据'); }, 2000);});在上面的代码中，首先执行了一个...
工作总结——H5站重构 公司移动端项目之前比较乱，主要以后端集成页面为主，后来开始搞前后端分离，技术栈是Vue全家桶，不过因为时间关系，并没有进行全站重构，导致公司移动端项目出现了既包含集成页面，又包含前后端分离页面，页面之间的逻辑也很凌乱，有集成的老页面和分离的新页面之间的逻辑交互，也有app客户端和老页面的交互，也有分离页面和app客户端的交互。不堪忍受之下，启动了全站重构的项目。一、需求阶段为了解决移动端页...
关注
