Feast_aw的博客

原创 js动态往对象里边添加一项

第一种方法let obj ={"name":"tom","age":16}let key = "id";let value = 2obj[key] = value;console.log(obj)第二种方法，利用扩展运算符,简单又实用var obj1={"vue":300,"jquery":200};var obj2={"react":500};v

原创 react hooks 中点击事件什么时候用useCallback什么时候用useEffect

【代码】react hooks 中点击事件什么时候用useCallback什么时候用useEffect。

原创 react native 安卓打包报这个错误＞ Task :app:mergeDexRelease

【代码】react native 安卓打包报这个错误＞ Task :app:mergeDexRelease。

原创 mac 配置 gitLab 和 GitHub

【代码】mac 配置 gitLab 和 GitHub。

原创 解决使用Flipper无法连接到苹果模拟器，却能连接到安卓

然后我打开日志看了下，然后各种找配置，项目里边配置改了又改，最后发现是缺少了个插件。可是打开Virtual device一看ios一直在加载中。而且这些都是显示正常。

原创 react hooks学习之useMemo和useCallback

用于缓存回调函数，以防止不必要的重新渲染。useMemo用于缓存计算结果，以避免不必要的重复计算。返回的是缓存的回调函数。useMemo返回的是缓存的计算结果。的依赖项是回调函数内部的变量，它决定了何时需要重新创建回调函数。useMemo的依赖项是计算函数内部的变量，它决定了何时需要重新计算结果。使用主要关注于性能优化，特别是在将回调函数作为 prop 传递给子组件时。使用useMemo主要关注于计算性能，特别是在计算开销较大的值时。

原创 react 学习之react toolkit状态管理

好了，就这么多，每天学习一点点。

原创 react hooks 学习之react router v6 路由表配置

如果你是在ts中，那么这个这个文件名是router.ts那么这个<Home/>这里会报eslint错误，所以为了解决这个错误，直接改成router.tsx就行。然后就是app.tsx中渲染问题，v6版本的useRoutes很好用。如果说你非要用.ts也行，就像下边这样，可以避免eslint报错。

原创 Vue3 element plus 中table组件多选，默认根据接口返回条件选中

【代码】Vue3 element plus 中table组件多选，默认根据接口返回条件选中。

原创 前端请求封装，401之后刷新token

【代码】前端请求封装，401之后刷新token。

原创 vue3 tsx element plus 中表单校验

【代码】vue3 tsx element plus 中表单校验。

原创 vue3 tsx element plus导航栏封装

【代码】vue3 tsx element plus form表单校验

原创 vue 9宫格抽奖

<div id="app"> <div class="prize-box"> <div :class="{active: activeIndex === index, 'prize-cell': true}" v-for="(item, index) in list" :key="item.id"> <img v-if="item.img" :alt="item.label" :src="item.img"> .

原创 js原型和原型链的理解

// 父类 class People { constructor(name){ this.name = name } eat(){ console.log('测试一下原型链'); } } // 子类 extends继承父类 class Student extends People { constructor(name,number){ // super用来继承父类的属性 super(name).

原创 vuecli3处理移动端title

在main.js中配置路由全局钩子函数

原创 vue-cli3 vant rem适配

1、首先我们要安装vantyarn add vant2、安装自动按需引入组件yarn add babel-plugin-import --save3、配置文件，在babel.config.jsmodule.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ ['impo...

原创 element table某些行背景颜色设置

<el-table :data="tableData" v-loading="loading" :row-class-name="tableRowClassName" ref="multipleTable" class="bgf" border header-row-class-...

原创 element 时间控件只能选择范围控制

<template> <div> <el-date-picker v-model="value1" :picker-options="pickerOptions" type="date" placeholder="选择日期"/> </div></template>&l...

原创 element动态表头，动态列

<el-checkbox :key="index" v-model="item.show" :label="item.label" v-for="(item,index) in tableHeader" /><el-table :data="tableData" v-loading="loading" ...

原创 element table多选部分禁用功能

<el-table-column :selectable="isDisabled" type="selection" width="55"/>isDisabled(row){ if(row.experience_status === '1'){ return 0; } return 1; }...

原创 vue element表格动态表头、动态列

<span v-click-outside="hideChoose" class="icon-choose fr pointer mr10" @click="showChoose"> <div v-show="isChooseCols" class="cols-choose-list"> <el-checkbox :key="in...

原创 vue项目中使用mixin

基类export default { name: "basePage", created() { console.log("baseCreated"); }, methods: { onClick() { console.log('baseClick'); }, }}子类页面import basePage from './mix...

原创 element ui tree实现单选

<el-tree :data="treeData" :check-strictly="true" :default-expanded-keys="parentEditArr" :default-checked-keys="editArr" ref="tree" current-node-key node-key="id" sh...

原创 css 华为自带浏览器（内核为腾讯X5）fixed底部定位被挡住，解决办法

<meta name="x5-fullscreen" content="true">不加这段代码之前改完之后就会直接把这个工具栏影藏，会出来一个小按钮悬浮在页面，点击会调出工具栏...

原创 js实现时分秒倒计时

html部分<div class="active_time" id="active_time"></div>//js部分function countTime(value) { //获取当前时间 var date = new Date(); var now = date.getTime(); //设...

原创 element ui 表格(table)里边使用Switch开关，单独控制

表格部分代码data数据里边

原创 js实现点击除此之外的地方让其关闭

$(document).on('click', function(e) { var e = e || window.event; //浏览器兼容性 var element = e.target || e.srcElement; //循环判断至跟节点，防止点击的是div子元素 while (element) { ...

原创 ES6 Set方法

/* Set 类似于数组，但是值是无序的，没有重复值，*/ var set = new Set(); set.add("a"); set.add("a"); console.log(set) //打印出来两次值都是a，所以Set()方法是无重复值的所以利用这个方法配合展开 运算符实现最简单的数组去重 var arr ...

原创 React-router v4.0 参数传递

1、使用query ，state ，这两种用法基本一样，这种的话页面已刷新就没有了，点击跳转到别的组件，query传递参数this.props.history.push({pathname:'/about',query:{id:6,name:"tom"}})在about组件中接收 var data = this.props.location.query; var {id,name}...

原创 node-sass 安装失败的原因及解决办法

npm install 时偶尔遇到报错：没有安装python或node-sass 安装失败的问题，这个时候就我个人觉得是卡依赖包了，百度也有的说是node版本太高了，降降node版本，但是这样很麻烦，最后就想到是不是npm install 安装的时候卡包剩下的一些影响的，就试试先卸载之前npm install 下载失败的包首先卸载npm uninstall node-sass在重新安...

转载 使用git将项目上传到GitHub

原文转自 https://www.cnblogs.com/cxk1995/p/5800196.html使用git将项目上传到github（最简单方法）首先你需要一个github账号，所有还没有的话先去注册吧！https://github.com/我们使用git需要先安装git工具，这里给出下载地址，下载后一路直接安装即可：https://git-for-windows.gith...

原创 css改变placeholder的颜色

input::-webkit-input-placeholder{ color:#999999; }input::-moz-placeholder{ color:#999999; }input:-ms-input-placeholder{ color:#999999; } 

转载 js时间戳与日期格式的相互转换

时间戳转时间function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth()+...

原创 vue刷新当前页面，重载页面数据

在vue管理后台中，表格经常会有增删改查，修改完之后就要刷新页面或者调方法，但是在权限菜单角色页面，你如果改变当前登录的账号的权限时，你就需要全局刷新，然而好多方法并没有在当前页，所以比较麻烦，如果用this.$router.go(0)，会强制刷新比较丑，所以就得允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效1.根组件APP.vue里面,...

原创 vue query跟params 传参的区别

//分配权限 checkClick(row){ this.$router.push({path:"/powerTree",params:{id:row.id}}) },//在对应的页面接收传的这个参数 mounted() { alert(this.$route.params.id) },这样出来就会是undefinedparams只能用na...

原创 vue v-for循环回来的数据动态绑定id

原创 js最简单的数组去重

var arr = [7,8,6,1,1,2,3,4,4,5,6,7,8 ];var newArr = Array.from(new Set(arr));console.log(newArr.sort()) 排序//利用展开运算符var arr = [1,2,3,4,5,6,1,2,3,4];console.log([... new Set(arr)])...

原创 element ui点击事件不生效

@click这样是不生效@click.native&lt;el-dropdown&gt; &lt;span class="el-dropdown-link"&gt; 下拉菜单&lt;i class="el-icon-arrow-down el-icon--right"&gt;&lt;/i&gt; &lt;/span&gt; &amp

原创 element ui表格显示图片

    那个api是我接口的前缀地址 comImage是接口返回的数据    &lt;el-table-column prop="comImage" label="公司Logo" align="center" width="150px" padding="0px"     :show-overflow-tooltip = "true"&gt;         &lt

原创 element ui数据转换，比如后端返回的1代表男，2代表女，在表格中显示男女

//数据转换             formatRole: function(row, column) {                return row.ud_status == '1' ? "男" : row.ud_status == '2' ? "女" : "aaa";            },    在html部分绑定一下    &lt;el-table-column prop=...