- 博客(22)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue scss在scoped时候更改element-ui的样式
在写vue过程中，为了避免样式的污染通常使用scoped但是 在scss中只有::v-deep才能进行样式穿透，那么有时候v-deep 也不好用的情况下就可以使以下方式进行补救了在想要更改的element-ui 的头上在套一个div 添加上类名之后，在进行更改就可以了，同时也避免了样式污染...
2021-05-19 18:12:22
1179
原创 javaScript 常用数组返回值
1 Array.includes 的返回值是一个布尔值，该方法会去数组中查询传入的值是否存在。 let arr1 = ['id','name','cc','dd','aa','cc',7,8,9,0] console.log(arr1.includes('id')) //true2 Array.filter 的返回值是一个新数组，并且会把过滤出来的值返回到新数组中。 let arr3 = arr2.filter(value => arr1.includes(value))3 Arr
2021-02-16 18:41:13
900
原创 react或Vue进行数据持久化
在react中使用本地存储来配合state进行数据持久化最近因工作需求需要对很多东西进行数据持久化状态的保持以及Data 得保持持久化为什么更新了本地存储还需要更新state？在哪里进行持久化最近因工作需求需要对很多东西进行数据持久化在react 里做数据持久化是要比在vue里稍微复杂一些，react里是没有在vue里有个keep-alive 的标签以及生命周期但是在react 是没有的，所以需要自己想办法进行缓存，在这里需要用到sessionStorage 或者LocalStorage 这两种方法 这
2020-12-18 14:20:09
340
原创 修改antd下拉框样式
在工作中会用到很多得第三方组件库比如element ui 以及antd 那么在工作中经常会对这第三方组件库得组件进行自定义。在antd组件库里select 组件在样式修改中有一个隐藏得问题非常棘手得问题，在边框为1px 时不会出现任何问题，但是如果修改为2px 以及其他时有边框会出现抖动，这事因为作者把这个css值设置得有点奇怪，作者把右边框强制设置为 1Px 所以会有问题 按照一下修改就可以了 .ant-select-selection:hover{ border-right: 2p
2020-07-31 17:13:30
7096
原创 在React中使用高德地图
在react中使用套的地图1.标题在react中使用道德地图首先需要去npm 下载 然后引用import { Map, Marker} from 'react-amap';2.引入之后需要在一些简单的配置如下 render() { let mapStyle = { boxSizing: 'border-box', width: this.props.width || '400px', height: thi
2020-07-28 17:17:43
2979
原创 在vue 或React 中 使用Scss来进行提高布局速度
在Scss大火的今天无论时React 还是Vue 都会使用Scss来作为提高开发效率的一种手段1.左右布局快速开发在布局中左右布局是非常常见的一种模式，要使用一下方式快速布局首先要满足于两个条件,在满足以上条件后可以在子级使用 Padding 来任意调整位置1. 父级盒子的宽度必须要确定2. 子级宽度需要传入Px值或者百分比@mixin LAndRLayout($width, $height:auto){ display:inline-block; width:$width; hei
2020-07-23 11:07:33
372
原创 记录一下面试题
相当不错的面试题 []['map']+[1,2,3] 这个题考的是隐式类型转换 当+与字符串跟 引用类型相遇的时候会全部转成字符串[]['a']+[1,[2,3]]这个题考的是数组降维一旦数组转换成字符串就会直接编程字符串数组就没了 []['push'](1) 这个的返回值是数字1 并不是[1]因为push 的返回值是改变后的数组长度(![]+[])[+[]] 这个先算括号...
2020-06-18 18:17:24
115
原创 scss px转换rem
使用scss根据输入的px值转换成相对应的rem$vw_fontsize: 192;@function rem($px) { @return ($px / $vw_fontsize) * 1rem;}//一种计算方式// 根元素大小使用 vw 单位$vw_design: 1920;html { font-size: ($vw_fontsize / $vw_design) * ...
2020-04-27 22:36:20
1189
原创 关于css的vw 与vh
关于css的vw与vh的原理vw的英文缩写为view width vh则为view height 意识是说视图的宽度与视图的高度这个视图是只的是游览器当前的窗口的宽高并且 vw 与vh 是为百分比的，没错就是百分比如果写width:50vw 则与width:50% 起到相同的效果，重要的一点是他会随着游览器的改变也会跟着进行改变非常的方便...
2020-04-26 22:49:55
238
原创 vue脚手架全局使用scss
vue脚手架全局引入scss的方法首先我们在app根目录创建一个用于存放scss目录的文件夹然后创建一个全局的scss文件这里我叫scssappstylesindex.scss然后我们使用npm来安装以下的代码 cnpm install node-sass -D cnpm install sass-loader -D cnpm install sass-...
2020-04-26 22:34:26
760
原创 如何创建一个vue
记也记不住就写一下好了首先安装一个脚手架吧也就是Vue-cli npm install vue-cli -g然后vue init webpack name这样就可以创建一个Vue 项目喽
2019-10-29 18:26:32
116
原创 js数组得方法
js数组得一些方法具体怎么用呢如下 let arr = [1,'1',2,1,'1',2,3,4,3,4,5,6,5,1,1]; let newarr = arr.some((v,i,arr)=>{ return 3 === arr[i] }) console.log( newarr) /* some方法是返回一个布尔值条件是又一个值对应条件时就是...
2019-10-21 19:46:03
88
原创 js删除一个对象
可以用这种方法删除一个对象 let obj = {name:"皮皮虾",age:18}; delete obj.age console.log(obj)
2019-10-20 19:56:44
883
原创 js 面对对象
面对对象得思维是很重要得如何面对对象呢如下//简单得面对对象造一个人 function An(Name,Age,Sex){ this.Name = Name; this.Age = Age; this.Sex = Sex; } An.prototype = { //国籍 nat...
2019-10-13 13:20:12
106
原创 js 数组去重
数组去重如何操作呢步骤如下 <script> let arr = [1,'1',2,1,'1',2,3,4,3,4,5,6,5,1,1]; let newarr = arr.filter((v,i,arr)=>{//filter方法本身就是找出自己想要的返回给新数组//这个方法去重非常的好用这个巧用indexof 返回下标只会返回第一个的特性 配合===i来进行数组的...
2019-10-13 12:16:57
91
原创 React-Redux入门
Redux入门写在前面的一些话首先我们来定义一下redux redux是用来管理状态组建是一个大的仓库，跟vuex 是一样的东西， 但是由于react并没有像vue 一样设计了vuex 所以redux并不是专门为了react设计的 而是一个js库， 这就导致了用起来非常的生涩刚入门学起来很烦吗，而如何学好在在于思维的转变，想要学明白redux， 就先了解他的工作...
2019-10-08 21:52:09
129
原创 React 常用插件
React常用的插件在react 开发中会用到非常的多的插件写在这里记录一下路由npm i react-router-dom --save蚂蚁设计npm i antd --save安装 reduxnpm i redux --save安装 redux-reduxnpm i react-redux --save安装 redux-thunknpm i redux-thunk...
2019-09-29 20:46:19
301
原创 创建一个react脚手架
创建react脚手架第一步安装完成后然后执行下面命令就可以了第一步npm i create-react-app -g安装完成后再来执行命令 create-react-app demo1 这个过程可能很久慢慢等待一下。然后执行下面命令就可以了cd demo1npm start...
2019-09-29 20:08:08
206
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人