- 博客(102)
- 收藏
- 关注
RSS订阅原创 webpack之懒加载
1.懒加载// es6草案中的语法，jsonp实现动态加载文件，加载完返回的是promiseimport ('./source.js')vue的懒加载，react的路由懒加载let button = document.createElement('button')button.innerHTML = 'heoolo'button.addEventListener('click', function() { // es6草案中的语法，jsonp实现动态加载文件,返回一个promise
2021-03-04 11:04:01
293
1
原创 开发类删除的列表分页处理情况
问题场景：在进行如图的列表项批量提交和单个提交的时候，如果刚好是在“最后1页”提交，那么需要考虑，page要跳到前1页。if ( this.currentPage != 1 && this.currentPage == Math.ceil(this.total / this.pageSize) && (this.payrollUnSubmit.length == 1 || this.payrollUnSubmit.length == this.selec
2020-11-28 14:27:38
335
原创 前端问题汇总
1.任何一个数和true 做==会怎么样。（1）2.some 和every的第三个参数。3.两种数组定义的区别，包括其他几种类型定义的区别。4.如何彻底删除定义的这些变量。5.pop可以接收的参数和返回值6.双等号进行的隐式类型转换...
2020-09-21 10:04:27
216
原创 css知识总结和实践
1.@import全局定义路径后，@import引入样式文件 @import '~styles/varible.styl'~ 必须要有2.div中的搜索框自适应div中的搜索框自适应重点：规定父元素的宽度，input 100%，然后display：inline-block
2020-09-17 18:49:30
255
转载 @font-face的自定义字体
菜鸟教程@font-face的format属性//代码示例@font-face {font-family: "iconfont"; src: url('./iconfont/iconfont.eot?t=1518407379870'); /* IE9*/ src: url('./iconfont/iconfont.eot?t=1518407379870#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('...') form
2020-09-17 16:43:19
301
原创 vue.config.js的配置
1.配置alias// vue.config.jsconst path = require('path');module.exports = { configureWebpack: { resolve: { alias: { '@': path.join(__dirname, 'src'), }, }, },};
2020-09-17 12:28:00
224
原创 数据排序sort
1.数据排序 data.sort((a, b) => { if (this.cloneColumns[index].sortMethod) { return this.cloneColumns[index].sortMethod(a[key], b[key], type); } else { if (type === 'asc
2020-09-07 16:39:28
371
原创 js如何准确判断数据类型
参考iview源码 typeOf(obj) { const toString = Object.prototype.toString; const map = { "[object Boolean]": "boolean", "[object Number]": "number", "[object String]": "string", "[object Function]": "function",
2020-08-31 16:40:33
419
原创 vs使用正则表达式进行查询替换
参考链接比如想搜索（所属部门和所在部门），直接在搜索框输入“所[属|查]部门”，然后打开正则匹配，【直接输入正则表达式，其他的修饰符不需要】如图
2020-08-31 16:36:43
342
原创 数组和对象的深拷贝
参考ivew源码function deepCopy(data) { const t = typeOf(data); let o; if (t === 'array') { o = []; } else if ( t === 'object') { o = {}; } else { return data; } if (t === 'array') { for (let i = 0;
2020-08-31 14:48:06
133
原创 iview的table根据屏幕大小变化，自动渲染表单组件
问题描述：在项目中写了table组件，table有滚动条，table的高度在页面加载的时候计算出来，导致，屏幕大小变化时，表单不会重新渲染，导致使用体验出现了问题。源代码： <Table class="public_table" :row-class-name="rowClassName" :columns="payrollDetailColumns" :data="payrollDetailData"
2020-08-28 17:23:34
1017
原创 产品经理之toB VS toC
今天看了一篇文章，叫做产品经理行业分析：产品经理行业分析这篇文章主要介绍了不同行业的产品经理，主要区分为toB和toC。具体可以直接点击看这篇文章，文章最后分别总结了toB和toC的产品经理的重心心和能力。如图：：这篇文章讲的很详细，想做产品经理的同学，可以结合自己的优势来选择。作者的观点，我认为是指出了不同的产品经理他们各自的侧重点，但并不是说，toB的的产品经理就可以没有洞察力和用户同理心。也不是说toCde产品经理可以没有理解能力。作为一个经理，这些能力都要有。...
2020-05-25 23:00:58
1179
原创 如何只用一张图片来设置不同的背景图
图1图2图1是icon集合，图2是效果<template> <el-row class="app"> <el-col :span="4" class="content-left"> <el-menu :default-active="getRouter()" @select="$router.push($event)" active-text-color="#2d8cf0" .
2020-05-09 12:38:01
544
原创 项目随笔-记录项目中遇见的问题
一、vue中$event理解和框架中在包含默认值外传参项目在table表中使用到了，因为table在多选状态下，没有直接绑定选中值，所以使用这个。<el-table ref="multipleTable" :data="tableData" height="a" @selection-chan...
2020-04-26 13:49:21
382
原创 elementUI中遇到 [Vue warn]: Invalid prop: custom validator check failed for prop "status"
一、使用 过程中遇到Invalid prop: custom validator check failed for prop “status”原因排查1.status属性值中有空格 <el-progress :percentage="stepPercentage(item.step)" status=" success"></el-progress>原因排查2:...
2020-04-23 16:10:14
7068
3
原创 前端开发随笔-记录实际开发过程中遇到或解决的问题
一、如何实现头尾固定，然后中间自适应，同事能够根据v-if控制的条件进行跳转1.自定义写的listbox <el-row class="public_tabelHeader"> <el-col class="public_tabelInner"><--这里的el-tag是受v-if控制的--> ...
2020-04-23 16:04:18
543
原创 vue前端下载文件的几种方式
前端经常需要通过后端给的文件流下载各种文件，比如excel，word，压缩包等方式一：使用 window.location.href这里限于使用get方式 window.location.href = "/ccy/expenses/v1/downloadAttachment/" + id + "?SAAS-Token=" + this.upTokenCd;方式二：如果后端直接给出了文件在...
2020-04-17 09:28:28
9107
4
原创 数组和对象的拷贝复制
采用 = 操作进行的拷贝，都是浅拷贝，但实际项目中，我们需要的是深拷贝。es6中采用扩展运算符进行数据的深拷贝//对象深拷贝var mqq = {a: 9, b: 2, c: 8}var {...yl} = mqqmqq["a"] = 11 consloe.log(mqq)//{a: 11, b: 2, c: 8}console.log(yl) //{a: 9, b: 2, c: 8...
2019-11-11 17:54:03
193
原创 如何解决两个inline-block并排出现空白间隙的情况&&如何进行文字溢出设置
1.如何进行文字溢出设置有时候·我们想实现如上效果，在如果文字内容超出元素框宽度，就以省略号的形式出现，而且只出现一行文字。这是我们需要给父元素设置overflow，white-space以及text-overflow的效果。点击了解white-space属性点击了解text-overflow属性点击了解overflow属性<div class="bulletin-wrapper...
2019-08-02 15:41:54
887
原创 如何让一个图片和一个文字框居中对齐（如何让两个行内元素居中对齐）
这种对齐方式有两种情况图片和文字框中都是居中的，这样看起来也是一种对齐情况，如图所示解决办法：文字框设置line-height，然后图片的高度height=文字框line-height，再给图片设置vertical-align=top，这样图片相对外框向上，但是视觉上相对文字框居中。//html <span class="brand"></span...
2019-08-02 14:11:24
1308
原创 解决[Vue warn]：Error in render: "TypeError: Cannot read property '0' of undefined"的问题
错误描述我在vue组件中定义了seller数据，seller通过axios请求一个json文件获得，seller中有一个数据supports是数组类型，如下所示：//{"data":{ "supports": [ { "type": 0, "description": "在线支付满28减5" ...
2019-08-01 11:05:33
24186
3
原创 如何给router-link进行高亮设置——全局配置linkActiveClass
需求背景:有时候我们点击即一个属性的时候，我们希望被点击的部分能够高亮显示，
2019-07-30 23:01:54
3044
原创 flex布局
注：移动端尺寸的开发是实际UI尺寸的二分之一一、三等分布局的样式设计对于几等分的布局，可以使用flex布局，其原理是给父元素（也就是包含框）设置display：flex 的样式，子元素（也就是需要等分排列的元素）设置flex:1的样式，这样就能实现等分布局，如下面的代码，父元素是tab，子元素是tab-item<template> <div class="tab"&g...
2019-07-30 15:10:22
152
转载 dependencies 生产环境和devDependencies 开发环境的区别
学习链接1学习链接2dependencies 生产环境devDependencies 开发环境
2019-07-30 14:21:00
640
翻译 饱了么App项目实战——vue-cli3.0 开启vuejs项目
1.什么是vue-cli1.1vue-cli是一个vue的脚手架工具，具体功能如下。1）帮助我们写好vue.js基础代码，2）自动搭建目录结构3）进行本地调试4）代码部署5）热加载以及单元测试2.安装vue_Cli和创建项目$npm install vue-cli -g$ vue create my-project按照自己的需求一步一步操作即可【具体可参照vue-cli官网...
2019-07-29 15:58:24
857
翻译 饱了么App项目实战——vuejs介绍
本章节对应课程饿了么02文件夹。1.近年来前端开发趋势1）旧浏览器逐渐被淘汰，移动端需求逐渐增加。就浏览器是指IE6_IE8,这些不支持es5特性的的浏览器（es的一个核心实现就是利用）。IE9+，Chrome，Safari，firefox，这些浏览器都支持es5特性。移动端大部分浏览器都是webkit内核支持，ES5在移动端也是全面支持。所以vuejs可以在大部分高端浏览器上运行。2)...
2019-07-29 10:43:20
416
翻译 如何进行vue接口联调、真机调试以及打包上线——如何通过ip来访问前端项目，如何解决手机真机调试白屏问题一
本章节对应10-1在之前我们用ajax请求的数据，都是用本地的mock模仿，所以需要进行接口联调。联调过程：1.打开config目录中的index.js。将proxyTable中的target更改为真正要访问的端口。加入我们真正要访问的端口是localhost：80`//`更改前： proxyTable: { '/api': { target: 'http...
2019-07-28 18:53:29
857
翻译 驴友网站城市详情页开发——城市选择页面路由配置
开发场景：我们希望点击驴友网首页北京这个页面，就可以进入我们新配置的city这个界面，1.首先新建city.vue2.在router的index.js中进行配置//router/index.jsimport Vue from 'vue'import Router from 'vue-router'import Home from '@/pages/home/Home'import C...
2019-07-22 11:03:56
287
翻译 驴友网——ajax获取动态首页数据以及学习将父组件的数据传递给子组件
详见教程7-8这里我们使用axios方法来获取数据，我们只需要在首页发送一个ajax请求即可我们在声明周期函数mounted（）{} 里面发送ajax请求。1.在项目的static中可以存放模拟的数据2，访问转发机制使用场景，为了不在开发过程中更改借口，我们可以把外部给我吗传递过来的数据转在本地的static文件。//这里的代码是难点proxyTable: {‘/api’: {t...
2019-07-20 11:00:49
148
原创 驴友网推荐模块设计（包含1像素边框的使用方案）
1.flex布局的设计和使用2.像素边框在元素中直接引入一个类名称class=“border-bottom”3.省略号溢出处理方式我们想要实现图片中溢出省略号的情况，我们可以采用在图标轮播中定义的mixins.styl文件，但是如果我们直接使用，会出现下面这种情况这个时候我们可以给父元素加一个min-width:0 .item-info flex 1 text-...
2019-07-19 16:43:56
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人