随笔
随便写点什么
小胖仔yo
努力进步,不做cv仔
展开
-
填坑之dva-cli创建项目更改antd主题色
以下是antd官方文档更改theme的教程https://2x.ant.design/docs/react/customize-theme-cn项目中需要统一主题色可是antd默认的是蓝色(汗颜),那可怎么办呀,本以为会特别简单,不就是在package.json中加个值么,so easy!重启n遍之后感觉事情远没有想象中那么简单,不知道出来啥问题,于是乎就去找之前的项目,引用方法都一样,可就是出不来。挠头ing看了很多篇有一样问题的博客,总结出来两种不可靠的方法:1.修改.webpac.原创 2021-09-22 16:01:15 · 367 阅读 · 0 评论 -
当vue3不再支持IE
JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对象。Object.assign()原创 2021-07-09 11:12:24 · 3881 阅读 · 4 评论 -
5分钟教你搞定瀑布流样式
首先,我们来讲一下什么是瀑布流嘞?在某些个以图片为主的网站中,单一的布局那什么来吸引眼球,当然是尽量炫酷的布局了。瀑布流又称瀑布流式布局,是现在流行的一种布局方式。知道了这些,那瀑布流布局实现的原理是什么呢?关于瀑布流算法此时,可以放在第一行的图片已经就绪,分别为图片1234,这时候第一行已经放满,5号图片需要找到合适自己的位置,我们很清楚的看到,2号下面最最合适了,所以5号就登场啦6号7号...都会依次找到属于自己的位置知道它是怎么回事儿之后,我们转换成代码看下(vue..原创 2021-03-22 16:01:03 · 1498 阅读 · 0 评论 -
你不知道的vue3异步组件
vue官网对于defineAsyncComponent的定义:defineAsyncComponent 创建一个只有在需要时才会加载的异步组件基本用法:// defineAsyncComponent 可以接受一个返回 Promise 的工厂函数。Promise 的 resolve 回调应该在服务端返回组件定义后被调用。你也可以调用 reject(reason) 来表示加载失败import { defineAsyncComponent } from 'vue'const Async.原创 2021-03-15 18:02:36 · 1750 阅读 · 0 评论 -
css伪类-小圆点
项目需求:在每个单元格的前面加一个小圆点,效果图如下:搜了一大堆文章,加小圆点的方法无非就是设置width、height、border-raduis。可是来来回回试了好多遍,就是样式加不上,汗颜~偶然间看一大神说必须加上display:inline-block;才会生效,我的天呐,不会是真的吧。对,就是这个样子滴,附上完整的代码,可随意ctrl c+v<!--html--><div class="headers"> <div class="heade原创 2021-03-12 18:27:43 · 3575 阅读 · 3 评论 -
yield关键字
MDN关于yield关键字的解释:Theyieldkeyword is used to pause and resume a generator function (function*orlegacy generator function). // yield关键字用来暂停和恢复一个生成器函数((function*或遗留的生成器函数)。yield是个啥?首先,先确定一下,yield是个关键字,注意它不是一个函数。yield跟var、let关键字声明不同,它有点儿类似于ret...原创 2020-12-28 15:31:16 · 1694 阅读 · 0 评论 -
vue+typescript之vue-property-decorator使用
the first,安装npm i vue-property-decorator1.@Prop// js写法export default { props: { propertyA: string, propertyB: { type: Boolean, default: () {return false;} } }}// ts写法import {Vue, Prop, C原创 2020-11-04 17:38:49 · 1167 阅读 · 0 评论 -
Typescript+vue实战
一、基础类型1.布尔值const hasData: boolean = false;2.字符串const name: string = 'ysj';3.数字const age: number = 22;4.数组const arr1: Array<number>= [1, 2, 3, 4];interface ArrList { name!: string; age?: number;}const arr2: ArrList[] =...原创 2020-11-02 17:46:26 · 3168 阅读 · 2 评论 -
Vue过滤器 filter
这是什么?filter过滤器,顾名思义就是一个数据经过了这个过滤之后产出另外一个东西。就比如一个时间戳经过过滤之后给我产出一个(2020-09-14 15:54:54)这种格式的数据怎么定义?方法有二注意:全局注册时是filter,组件内部是filters。filter跟filters用错虽然不会报错,但是不会去过滤数据1.组件内filters: { capitalize: function (value) { if (!value) return '' value原创 2020-09-14 16:08:27 · 705 阅读 · 0 评论 -
2020前端面试题--css
漫漫前端路~~~,话不多说上题1.元素水平垂直居中<html><body><div> <div class="parent"> <div class="son"></div> </div></div></body></html>1.绝对定位+top+right+margin-left+margin-top.parent { ...原创 2020-08-10 16:21:52 · 938 阅读 · 0 评论 -
自动加载路由-webpack require.context
vue项目中,每添加一个模块都需要去引入并注册到路由表中,webpack中的require.context这个API将会解决这个问题,大大提升了我们的工作效率。不妨去看看我们的路由表,三四个模块就需要200行以上的代码量,而且我增加一个模块就需要再次注册一遍,冗余的代码太多太多了。首先,我们来看看require.context是什么???一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入原创 2020-08-07 19:19:40 · 2000 阅读 · 0 评论 -
vue实现元素快速定位
需求:一个列表中有可能会有N多条数据,我在选择一个item查看详情的情况下。如果上下滚动想要再次找到这个位置的时候可能会很麻烦了,需要滚动滚动再滚动。所以,就需要一个悬浮的上下箭头去快速定位到刚才的位置。以下是我做的效果~~~...原创 2020-06-12 15:31:34 · 4873 阅读 · 0 评论 -
新建远程空分支
目录1.远程主分支克隆至本地2.创建并切换新分支3.清理本地分支4.创建空的commit5.推送新分支1.远程主分支克隆至本地2.创建并切换新分支git branch 分支名git checkout 分支名3.清理本地分支git rm --cached -r .git clean -f -d4.创建空的commitgit commit --allow-empty -m "新分支初始化"5.推送新分支git push...原创 2020-05-19 19:49:18 · 1190 阅读 · 0 评论 -
把带点的字符串转换为json对应的key,并赋值
本次需要:后端给返回来一个字符串来代表对象的对象的对象key,好苦恼。类似于item = "a.b.c.d"然后我需要转换为a: {b:{c:{d:1}}}这种形式的数据。解决方案:eval函数(虽然尽量不要用这个函数,可是目前实在没有找到更好的方法了哈哈)let obj = { a: { b: { c: { ...原创 2019-12-11 20:46:50 · 561 阅读 · 0 评论 -
vue实现 上传并读取文件
需求:用户要求上传.sql文件并解析实现结果:可上传多个文件,点击可在下方查看,可删除所用知识点:FileReader读取文件FileReader官方可用四种方法读取文件。分别为readAsArrayBuffer(此方法用来将文件存储为二进制数据)、readAsBinaryString(此方法将文件存储为二进制,已废除用readAsArrayBuffer来代替)、readAsD...原创 2019-12-05 21:18:37 · 5145 阅读 · 1 评论 -
vue codemirror设置高度
问题所在:使用codemirror的时候,组件设置了固定高度300px,在线下应用的时候,往往不符合自己的需求按照官方文档来说,将height设置为auto即可,可是你会发现这个样式怎么都应用不上去解决方案:在外层套一个div,给该元素设置高度亲测有效哦!!!...原创 2019-11-22 14:41:19 · 7291 阅读 · 1 评论 -
npm run dev启动失败问题
npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! my-project@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at ...原创 2019-08-08 15:59:42 · 5294 阅读 · 2 评论 -
JavaScript中的this指向总结
1.普通函数中this指向window function fn(){ console.log(this); }; fn();//输出window对象2.构造函数中this指向新创建的对象 let Student=function(){ this.name='张三' } let stu1=new Student(); ...原创 2019-05-17 14:55:12 · 217 阅读 · 0 评论 -
CSS3动画实现旋转魔方
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-03-23 18:07:41 · 550 阅读 · 0 评论