- 博客(90)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 ES6解构赋值
解构赋值语法是一个Javascript表达式，这使得可以将数据从数组或对象提取到不同的变量中(这段话是mdn中关于解构赋值的定义，注意这里的定义，可以看出解构主要用在数组和对象上)。说白了就是解析等号两边的结构，然后把右边的对应赋值给左边。如果解构不成功，变量的值就等于undefined。一、基本使用语法注意：对象解构赋值的键名对应很重要，不然会找不到。因为对象是无序的，必须通过键名来识别。1、未先声明变量再进行对象解构赋值//对象的键名和键值一致时，可以只写一个变量名即可let {aa,
2021-12-03 11:29:35
126
转载 ES6 可选链 操作符
一、 ?.可选链操作符（?.）允许读取位于连接对象链深处的属性值,而不必明确验证链中的每个引用是否有效。let nestedProp = obj.first && obj.first.second;// 等价于let nestedProp = obj.first?.second;js会在尝试访问obj.first.second之前隐式的检查并确定obj.first既不是null也不是undefined。如果obj.first是null或者undefined,表达式将会短路计
2021-12-03 10:44:58
1156
原创 js四舍五入小数点后6位/n位
//累加的时候需要在数值外包一个Number，因为这种方式输出的是字符串 keepSix(num) { var result = parseFloat(num) if (isNaN(result)) { alert('传递参数错误，请检查！') return false } result = Math.round(num * 1000000) / 1000000 var s_x = result.toStr.
2021-11-19 15:18:07
1422
原创 获取节点，并在节点上添加监听事件
当不能通过document.getElmentById()来获取元素节点的时候，怎么办呢？可以使用window. Event()function test(){cosnt ev=window.Event()const el=ev.targetel.addEventListener('click',(e)=>{e.stopPropagation(),true})}其中 addEventListener方法的第一个参数：触发方式，第二个参数：触发后执行的函数，第三个参数，true=.
2021-09-09 16:51:30
208
转载 闭包对防抖和节流的应用
一、谈谈对闭包的理解从概念上来讲，所谓的闭包指的是一个函数，一个什么样的函数呢？有权访问另一个函数作用域中的变量的函数。直观点来讲，JavaScript的闭包就是函数中嵌套函数。本质上来讲，是因为作用域而产生一种特殊的情况，从而导致函数内部的变量无法进行销毁。如果再去深究的话，会出现个作用域链，这里面比较难理解。也是闭包产生的根本原因。举个例子：function myMethod(){ var num=6; return function(){
2021-09-09 16:41:16
544
原创 vuex中的acitons的理解
1/首先vuex中的mutions相当于method,vuex中建议我们mutions中的方法名用大写，action中定义的方法是用来提交mutions中的方法，所以aciton中的方法也要有方法名，并且方法名有一个参数，这个参数就是vuex的一个实例，通过实例可以获取这个实例的属性和方法。vuex创建的一个实例context 包含以下属性和方法context = { dispatch: local.dispatch, commit: local.commit, g.
2021-09-07 15:26:05
304
原创 vue强制刷新
组件内刷新：this.$forceUpdate() 和v-if<template><button @click="reload()">刷新当前组件</button></template><script>export default { name: 'comp', methods: { reload() { this.$forceUpdate() } }}
2021-08-26 11:34:43
93
原创 axios
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端。简单的理解就是ajax的封装asios 不是vue的插件，所以不能用VUE.use() 而要加在vue原型上 Vue.prototype.$axios=axios这样就可以直接用this.$axios就可以调用了怎么安装：npm intall axiosaxios({url:'',baseURL:'', //服务器主机地址，自动加在URL前面method:'',headers:{'X-Reques
2021-08-17 15:27:51
102
原创 ant-design-vue 如何使用内置的变量样式
1、在自定义的style.less里面引入@import'~ant-design-vue/lib/style/index.less';在shyle.less里面就可以直接用内置变量样式了这种方法只能在自定义的style.less里面用内置样式，无法全局使用内置样式
2021-08-11 11:14:25
2846
转载 ant 文件上传upload
<template> <a-upload list-type="picture-card" :customRequest="imgAdd" :remove="imgDel" :file-list="fileList" @preview="handlePreview" @change="handleChange"> <div v-if="fileList.length < 9"> <a-...
2021-08-05 20:11:45
953
原创 ant-design-vue table 表格跨页勾选+限制条件
<uto-table :columns="columns" :loadParams="loadParams" :url="queryUrl" :conditions="conditions" bordered :tableId="tableId" :rowSelection="{ onChange: onSelectChange, onSele...
2021-07-13 10:07:30
1943
1
原创 vue 如何设置localstoreage，及运用到项目中
先导出-存export const setStore = (name, content, maxAge = null) => { if (!global.window || !name) { return } if (typeof content !== 'string') { content = JSON.stringify(content) }// const storage = global.window.localStorage storage.
2021-07-08 17:25:36
2339
1
原创 手机端端文本内容超过一定高度时，下方的展开/收缩功能
<template> <div class="about"> <ul :class="{ active: !flag }"> <li v-for="(item, index) in todos" :key="index">{{ item.text }}</li> </ul> <p class="zhankai" v-if="todos.length > 6" @click="show.
2021-07-06 11:14:25
181
原创 ant vue from表单验证，用户名、密码、手机校验
<a-form class="user-layout-login" :form="form"> <a-form-item has-feedback> <a-input size="large" type="text" placeholder="用户名" v-decorator="['supplierid', checkRules.supplierid]"> <a-icon slot="prefix" type="us.
2021-07-01 11:40:01
1025
转载 常用正则表达式
一、校验数字的表达式数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(\.[0-9]{1,2})?$带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})$正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$有两位小数的正实数：^[0-9]+(\.[0-9]{2})?$有1~3位小数的
2021-04-14 09:41:11
110
转载 ant-design-vue table表头拖拽功能 踩坑
用官方的DEMO也可以，但是有几点必须要注意，否则拖拽不成功，1、vue-draggable-resizable的版本必须是2.1.0，其他版本有冲突。 npm installvue-draggable-resizable@2.1.02、必须在table-draggable-handle样式中加入：transform:none; position:absolute 否则不起效果ant-design-vue版本是1.7.2 vue版本是2.6.11import Vue from 'v...
2021-03-14 16:34:00
3758
1
转载 常用js功能代码的封装
1、输入一个值，返回其数据类型function type(para) { return Object.prototype.toString.call(para)}2、数组去重function unique1(arr) { return [...new Set(arr)]}function unique2(arr) { var obj = {}; return arr.filter(ele => { if (!obj[ele]) {
2021-03-10 18:37:24
241
原创 ant desing vue table 点击表格，实现背景行变色
直接利用rowClassName这个参数，直接上代码<a-table :rowClassName="(record,index)=>{ retrun index===selectIndex?'active':' '}":customRow="rowClick"></table>data(){ return{ selectIndex=null }},method:{rowClick(record,index){return{ props:
2020-12-14 15:17:05
2323
原创 return 和 return true 和return false的区别
return 是终止程序不继续往下执行return true 返回正确的处理结果。return false 是终止事件的默认行为，比如阻止冒泡，阻止提交表单return +表达式 语句结束函数执行，返回调用函数，而且把表达式的值作为函数的结果通常函数经过一系列的处理后需要给外部返回一个值，这个值就要用return 返回出去，也就是说return是向函数返回值，并终止函数的运行...
2020-08-18 17:29:48
6897
原创 es6 Set对象集合和Map对象集合
set对象允许存储任何类型的唯一值,无论是原始值或者是对象引用;1/数组去重 arr=[1,2,3,1,2,4]const obj=new Set(arr) 得到一个新的对象 {1,2,3,4}将对象转换为数组：[...obj] 或者[...new Set(arr)]2、也可以对字符串进行去重值得注意的是,NaN被Set认为是相同的,{}被认为是不同的const obj=new Set([{},{}]) // 结果 obj是{{},{}} obj.size是2const...
2020-08-18 15:36:08
512
原创 比较带多个对象的数组，是否有相同的属性对象，（带对象的数组去重）
1、两个带对象的数组中，筛选出不相等的对象this.dataSource 是原始的数据源，总数组this.selectedRows 是表格选择后带对象的数组constnewDataSource=this.dataSource.filter((item,index)=>{returnJSON.stringify(item).indexOf(JSON.stringify(this.selectedRows[index]))==-1 }）2、带对象的数组去重...
2020-08-18 10:04:04
655
原创 react-native navigation笔记
一、安装方法 npm install react-navigation navigation有3种导航 stackNavigator/TabNavigation/DrawerNavigator二、基本用法及常见属性1、 createStackNavigator（） 创建根导航器最常见的导航器， 一次渲染一个页面，并支持页面切换， 当我们打开一个新的页面时，该页面会被置于堆栈的顶层。2、页面切换 this.props.navigation.nav...
2020-07-30 18:15:51
278
转载 React Native 常用命令+渐变
1.react-native --version //查看当前reactNative版本2.sudo npm update -g react-native-cli //更新全局的reactNative到最新版本3.npm info react-native //查看服务器端的reactNative的各版本信息4.npm install //给下载的普通工程下载安装RN环境,根据配置的package.json4.npm start //开启nodejs服务器，客户端可连接下载react js代码，注意
2020-07-03 16:20:30
376
原创 js事件循环+promise
！！！！！！事件循环其实就是：执行栈，宿主环境，事件队列3个之间的配合！！！！！！！！执行栈：call stack 是所有函数执行的一个环境，只有执行栈里面空闲了，才去执行事件队列里面的事件。JS引擎永远执行的是执行栈的最顶部div.onclick=function(){.....}这个也是异步函数，只有等用户点击的时候，才去执行函数，这样的函数也叫异步函数，某些函数不会立即执行，需要等到某个时机到达后才会执行，这样的函数称为异步函数，比如事件处理函数异步函数的执行时机，会被宿主环
2020-06-30 10:06:58
1680
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人