- 博客(14)
- 收藏
- 关注
原创 基于 Promise A+ 规范使用Typescript实现Promise
首先先来写一个🌰,一个同步执行的Promise,执行完Promise函数中的内容后,执行其.then根据上面例子得执行结果,我们可以得出一个很简单的结论:Promise是一个构造函数(类),接受一个匿名函数,该函数接受两个参数,分别是resolve函数和reject函数,分别代表变更Promise状态为"成功"和"失败"。当函数执行完毕后,会调用Promise的实例方法then,将执行结果传递给then方法,然后执行then方法中的逻辑。那么先实现一个Promise在这个Promise。
2023-03-02 13:57:04 831
原创 学习webpack基础(一)
一. webpack简介webpack是什么webpack是一种前端资源构建工具,一个静态模块打包器在webpack中,前端的所有的文件资源(js/json/css/img/less)都会当作模块处理。它会根据模块的依赖关系进行静态分析,打包生成对应的静态资源。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-e
2021-09-05 22:02:34 204
原创 css中,如何改变一个标签的样式得到一个1/4圆
<style>.yuan{ width:200px; height:200px; border-radius:100% 0 0 0; background:#F00;}</style><div class="yuan"></div>其他方向用css3的border-radius属性右上角的1/4个圆border-top-right-radius:100%;左上角的1/4个圆圈border-top-left-radiu
2021-04-15 15:48:59 287
转载 antd按需引入遇到的less和less-loader版本问题
初始化 react 项目时候安装 less 和 less-loader默认less是4.0版本,less-loader是8.0版本。yarn start启动项目的时候报错TypeError: this.getOptions is not a function发现是由于less-loader版本过高,于是降到 5.0.0 版本在运行,又报错// https://github.com/ant-design/ant-motion/issues/44.bezierEasingMixin();^I
2021-03-28 20:54:26 1652
原创 Firefox与Safari等浏览器打开新标签页会被拦截问题
问题描述:当我们想在项目中在新的标签页里打开另外一个网页,此时在Firefox与Safari等浏览器会被拦截。解决方法<a href="链接地址" target="_blank"> <Button type="primary" >查看招聘信息</Button></a>使用a标签包裹...
2021-03-06 10:50:51 467
原创 使用Mac电脑启动项目发生 vue-cli-service: command not found
原因是本地没有本地没有安装@vue/cli可以在package.json里面添加上依赖"devDependencies": { "@vue/cli": "^4.4.6"}先删除 node-module然后重新安装 npm install
2021-02-27 10:16:53 1559
原创 iview中的级联选择器导致页面卡顿问题
解决思路:页面进来后只渲染级联选择器的第一层,其他的二级数据点击后再进行渲染。首先在dom中绑定iview官方提供的load-data事件 <Cascader :data="this.positonLoadata" :value.sync="wish_position" @on-change="industryChange" :load-data="loadData" />筛选后端返回的数据,给每一项添加loading标识 getOptions(.
2021-02-26 16:18:39 1027 1
原创 iview中的Dropdown(下拉菜单)包括默认参数的多参数传递
<Dropdown trigger="click" @on-click="confirmtype($event,row)"> <Button size="small"> 下载简历 </Button> <DropdownMenu slot="list"> <DropdownItem name="doc">DOC</DropdownItem> &
2021-01-13 10:32:47 1858
原创 Echarts 解决饼图文字过长重叠的问题
最近一直在使用echarts开发一些可视化的页面,昨天遇到了一些由于可展示区域过小,导致指示线的文字会重叠的问题。进行记录。修改前问题:修改方法:将series下的avoidLabelOverlap修改为true(是否启用防止标签重叠策略)设置最小扇区角度,minAngle(最小的扇区角度(0 ~ 360)调整指示线文字的显示大小series: [ { name: '省份', type: 'pie',
2020-12-18 10:43:17 4163 3
原创 Echarts中刷新页面图形会消失问题
问题:将echarts图形写在子组件,通过父组件向子组件传递数据,但是有时候刷新页面会不显示。这是由于向子组件传递的数据没有实时进行监听更新导致。解决:利用vue中的watch对父组件传递过来的数据进行实时监听。 props: { workplace_province: { type: Array, default: () => [], }, watch: { workplace_province: function (val) {
2020-12-16 11:50:50 4750
原创 Echarts中的图例文字过长的问题
需要对图例文字进行剪裁,并开启tooltip,以便满足需求legend:{ formatter: function (name) { if (!name) return ''; if (name.length > 5) { name = name.slice(0,5) + '...'; } return name }, too
2020-12-16 11:44:06 1445
原创 浅显易懂----javascript对象全解析(一)
前言我先先看一下javascript权威指南中对 object的定义:对象是一种复合值:他将很多值(原始值或者其他对象)聚合在一起,可以通过名字访问这些值。对象也可以看做是属性的无序集合,每个属性都是一个键/值对(key/value)。我们看到的大多数引用类型值都是 Object 类型的实例;而且,Object 也是ECMAScript 中使用最多的一个类型。对象其实就是一组数据和功能的集合。在 JavaScript 中一共有六种主要类型:• string• number• boole.
2020-12-14 23:57:57 229
原创 浅显易懂----javascript数组全解析
写在前面除了Object 之外,Array 类型恐怕是 ECMAScript 中最常用的类型了。而且,ECMAScript中的数组与其他多数语言中的数组有着相当大的区别。虽然ECMAScript数组与其他语言中的数组都是数据的有序列表,但与其他语言不同的是,ECMAScript数组的每一项可以保存任何类型的数据。也就是说,可以用数组的第一个位置来保存字符串,用第二位置来保存数值用第三个位置来保存对象,以此类推。而且,ECMAScript数组的大小是可以动态调整的,即可以随着数据的添加自动增长以容纳新增.
2020-12-14 14:19:18 199 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人