自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(41)
  • 收藏
  • 关注

原创 函数的组合

如果一个函数需要经过多个函数处理才能得到最终值,这个时候可以把函数组合起来。如果一个函数比较复杂,可以把函数拆分成多个小函数。

2022-10-30 22:43:43 183 1

原创 函数的柯里化

柯里化当一个函数有多个参数的时候先传递一部分参数调用它(这部分参数以后永远不变)然后返回一个新的函数接收剩余参数,返回结果,利用到了闭包的变量作用延长如下:箭头函数简写更加方便lodash 柯里化 _curry 如果只传递了部分参数则返回一个函数等待传递后面的参数柯里化 curry原理模拟

2022-10-27 23:51:32 185

原创 纯函数概念

纯函数不需要访问共享的内存数据。所以在并行环境下可以任意运行纯函数。纯函数:相同的输入永远得到相同的输出,而且没有任何可观察的副作用。纯函数的缓存(相同的输入永远得到相同的输出) 模拟memoize。如下:函数返回依赖外部变量,导致相同的输入不能得到相同的输出。如下,slice就是纯函数,splice就不是纯函数。纯函数让测试更方便,因为始终是相同输入相同输出·纯函数类似数学中的函数。

2022-10-27 23:20:52 176

原创 js的闭包

个人理解:例如,makeFn函数在执行的时候,字符串(非长)存在栈中,栈中的数据在函数执行完毕是会被销毁的。形如下面就是闭包,在通常情况下在makeFn()执行完毕时 msg会被释放,我们不能通过执行内部的匿名函数来访问到它,而这压样执行fn() (return的匿名函数) 却能访问到msg,是因为外部作用域对msg有引用。闭包本质,函数在执行的时候会放到执行栈上当函数执行完毕之后会从执行栈上移除,但是堆上的作用域成员因为被外部引用不能释放,因此内部函数依然可以访问外部函数的成员。

2022-10-25 23:35:29 86

原创 props全部传递 vscode插件调试接口

1.在vue中如果想把父组件的props全部传给子组件采用 v-bind=‘$props’2.vscode插件调试接口 restclient。

2022-10-25 22:23:31 238

原创 vue注销监听,访问更新后的dom 计算属性的set get 常用修饰符

默认情况下,v-model 会在每次 input 事件后更新数据 (IME 拼字阶段的状态例外)。默认情况下,用户创建的侦听器回调,都会在 Vue 组件更新之前被调用。这意味着你在侦听器回调中访问的 DOM 将是被 Vue。在我们更改计算属性时我们需要利用computed的set方法。1.监听中常会改变一些数据导致组件的更新,2.如果我们需要在特定的条件下注销监听。3.通常我们不会去改变计算属性。

2022-10-23 17:29:48 401

原创 函数式编程 01

函数式编程指的不是程序中的函数,指的是数学中的函数,映射函数关系 如y=sinx。函数式编程就是对运算过程进行抽象。高阶函数 1. 函数作为参数。相同的输入有相同的输出。

2022-10-19 23:08:23 54

原创 vue中的observe 依赖注入provide inject element 中icon添加点击事件

2.之前子代向祖父代传值是一直emit,其实可以使用 provide inject来传值。1.类似于微型的vuex,vue.observe。

2022-10-17 22:56:02 950

原创 定义vuex中的getters

以前在vuex中定义getters通常会使用 下面这种。

2022-09-27 21:15:39 172

原创 lodash中的forEach

看起来似乎没问题,但是实际上上面只给data中的第一个e的display设置成了false,在lodash中的foreach中 如果迭代函数显式的返回 false ,迭代会提前退出。

2022-09-21 23:59:52 754

原创 js中 ??的作用 code状态码 el-table中的column-key

1.项目中看到有人这样写 例如 data.item?的意思 搜了下觉得大概是。当item中type存在的时候,就拿type,如果不存在 null 或者 undefined 就赋值为 []3.在使用el-table时的filter-change时给要筛选的列属性加上 column-key。2.大佬建议在判断状态码时最好是 +code = 200 不太知道为什么,先按照这样来。|| 是指 当||前值判定为为true时取||前,否则取||后。

2022-09-21 23:23:47 340

原创 es6中的set(1)

set 根据阮一峰es6入门const arr1=[1,2,2,3,4,4]const set =new Set([1,2,3,4,4]) // set成员的值都是唯一的,没有重复的console.log('set',set); // set Set(4) { 1, 2, 3, 4 }// 去除数组中重复的成员console.log('去重',...new Set(arr1));// 字符串去重console.log('字符串',[... new Set('aabdds')].join('')

2022-03-28 22:59:38 451

原创 vue中监听vuex新旧值的变化

在vue中组件如果想要监听vuex中新旧值的变化,可以采用 computed:{ listenList(){ return JSON.parse(JSON.stringify(this.store.listen)) //拷贝vuex里的数组 } }, watch:{ listenList:{ deep:true, handler(newVal,oldVal){ console.log(newVal,oldV

2022-03-24 21:31:05 931

原创 利用遮罩层实现禁用

工作中有一个组件是引进的需要暴露出一个字段实现是否禁用,觉得同事的方法挺好的,记录一下<div class="introduce">5555</div>```例如组件被上边的组件引入,实现禁用时可以采用伪类选择器 .introduce{ position: relative; width: 300px; height: 300px; } .introduce::afte

2022-03-09 22:07:01 211

原创 关于全局唯一标识符 uuid

在某些场景如同一个页面中需要使用不同的标识符来进行区分的话,使用时间戳不如使用uuid,uuid是过计算当前时间戳、机器MAC地址、随机数和得到,这样比单单时间戳好很多,工作中大佬的赐教。在需要唯一id的时候可以使用到这个,...

2022-03-08 23:35:13 69

原创 vuex 中的mutations

在vuex中想改变state中的状态往往通过一个叫做mutations的东西进行操作官方文档如下更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的事件类型 (type)和一个回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数:const store = createStore({ state: { count:

2022-03-02 22:41:01 1029

原创 vuex中...mapstate和...mapgetters的区别

mapstate:当一个组件需要获取多个状态时候,将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题,我们可以使用 mapState 辅助函数帮助我们生成计算属性mapGetters: 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性...

2022-03-01 23:46:52 2563 1

原创 vifvfor不能同时使用

vif. vfor vif 优先级低于于vfor 所以每次遍历都会渲染,再去判断是否消去,影响性能

2022-02-26 10:49:26 633

原创 vscode中快速生成vue骨架

创建vue文件输入vue回车得到vue骨架,建议收藏0.01.安装Vetur,识别vue文件2.配置设置——用户代码片段-——找到vue.json3.复制代码如下:"Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div>", "", "</div>", "</template&

2022-02-24 22:51:08 600

原创 vue watch 侦听器 中deep跟immdiate 属性

vue中侦听器 deep属性为true时可以监听到对象中某个属性的变化,immediate属性为trrue则是页面一加载就会刷新

2022-02-24 20:48:24 651

原创 element ui中 一些小窍门

修改样式 如button中文字颜色时 去找类名比较麻烦 加span 给span添加样式也可以参考下面类名.el-button–primary{color: #fff;background-color: #FF69B4;border-color: #FF69B4;}

2022-02-23 22:57:21 121

原创 vue中利用三元表达式动态更换绑定的数组

<ul v-for="(item,index) in (list.length>10?20:rightList)" :key="index"> <li>{{item.authName}}</li> </ul> element-ui中

2022-02-23 22:52:14 244

原创 前端开发的一点问题

项目文件夹命名一定要是英文,汉字报错项目无法运行,报错为少个>,很奇怪 ,以后切记不用汉字文件夹,很容易带来不必要的麻烦

2022-02-23 22:13:34 110

原创 vue中的computed计算属性传参 动态设置属性

今天才知道了vue的computed属性可以传递参数如下,<el-button>{{target(2)?target(1):0}}</el-button>` computed: { target () { return function (id) { id += 1 return id } } },

2022-02-18 00:05:22 1014

原创 vue 特性

vue特点1.采用组件式开发,提高代码复用率(组件可以多次调用),让代码更好维护2.声明式编码,程序员无需直接操作dom(原生js采用命令式编码一步一步操作dom)3.采用虚拟dom(diff比较虚拟dom中有什么不同),运用了diff算法...

2022-01-24 20:09:10 474

原创 vue-cli脚手架中 文件夹的用法

vue-cli脚手架中 文件夹的用法public文件夹:一般放置一些静态资源(图片),需要注意,放在public文件中的静态资源,webpack进行打包时回原封不动的放在dist文件夹中。src文件夹 (程序员源代码文件夹)assets文件夹 : 放置静态资源,需要注意的是在webpack打包的时候,webpack会把静态资源当作一个模块,打包js文件里面components文件夹:组件app.vue 根组件main.js:程序入口文件,最先执行的文件render 挂载组件babel.con

2022-01-24 20:08:09 818

原创 vue01 脚手架中文件夹介绍

vue-cli脚手架中 文件夹的用法public文件夹:一般放置一些静态资源(图片),需要注意,放在public文件中的静态资源,webpack进行打包时回原封不动的放在dist文件夹中。src文件夹 (程序员源代码文件夹)assets文件夹 : 放置静态资源,需要注意的是在webpack打包的时候,webpack会把静态资源当作一个模块,打包js文件里面components文件夹:组件app.vue 根组件main.js:程序入口文件,最先执行的文件render 挂载组件babel.con

2022-01-24 20:04:21 658

原创 vue 原理

vue特点1.采用组件式开发,提高代码复用率(组件可以多次调用),让代码更好维护2.声明式编码,程序员无需直接操作dom(原生js采用命令式编码一步一步操作dom)3.采用虚拟dom(diff比较虚拟dom中有什么不同),运用了diff算法...

2022-01-23 18:46:51 111

原创 还债计算机基础01 计算机硬件与软件

打好基础,万变不离其中什么是编程人与计算机沟通的语言就是编程语言用一种能让计算机能听懂的语言把做事情的步骤翻译下来让计算机去执行就是编程为什么要编程为了让计算机取代人力什么是程序程序就是一堆代码文件程序和计算机的关系计算机硬件就像躯体,程序控制着计算机,程序就像计算机的灵魂软件包括1.操作系统协调、管理、控制计算机硬件资源的一个控制程序2.应用软件计算机体系的三层结构应用程序操作系统硬件编程通过 操作系统接口控制内核改变计算机硬件...

2022-01-23 18:11:28 104

原创 子元素 的margin 影响到父元素 的margin值

1.给父元素加padding值或者加个边框2.设置overflow:hidden

2022-01-18 22:41:49 154

原创 定义vue.config.js文件自定义 webpack的默认配置

configurewebpack 链式编程chainwebpack 操作对象

2022-01-15 01:03:21 357

原创 element-ui中级联选择器高度问题

级联选择器中高度修改 需要在全局样式中利用 el-cascader-panel 修改长度

2022-01-11 22:37:35 554

原创 vue2.0 element-ui使用过程中 引入样式报错 imported multiple times

删除线格式 报错imported multiple times 使用多次import,把所有的导入放在一个即可

2022-01-08 18:04:30 584

原创 ul 中li横向排列中有间隔的问题

ul中的li改为行内块横向排列时会出现li之间出现缝隙解决:让ul中的fontsize 为0;li中文字可以设置li的fontsize

2021-12-10 16:33:15 864

原创 关于:nth-child(n) nth of type

nth-child(n+2) 选中第二个开始的子元素nth-child(-n+2) 选中前两个子元素:nth-child(n+6):nth-child(-n+7) 选中第6第7个子元素:nth-child(odd):nth-child(even)

2021-11-15 17:13:33 136

原创 移动端 去掉高亮 按钮周边亮光 禁止长按页面弹出

-webkit-tap-h 去掉高亮颜色 -webkit-tap-highlight-color:transparent去掉按钮周边的亮光效果-webkit-appearnce:none禁止长按页面时弹出 img,a{-webkit-touch-callout:none}

2021-11-10 12:18:44 122

原创 scr、url、href的区别 、link和import引入外部样式的区别

src浏览器在解析的时候到此处会暂停所有渲染,所以引入src最好放在最下面。指向外部资源的位置,指向的内容将会应用到文档中当前标签所在位置。href浏览器解析时知道他是一个外部锚点,解析到此处时不会暂停页面解析 href目的不是引用资源而是为了建立联系,当前标签能够链接到目标地址。url是代表了css的一个数据类型,指定了一个数据的链接位置,通常是url()函数。link和@import的区别link引用CSS时,页面载入时渲染;@import需要页面完全载入后以后再渲染。link是XHTML标签

2021-11-03 10:22:28 649

原创 margin 0 auto 和定位中定位的相对对象是否脱离文档流

今天偶然才发现 margin 0 auto居中的时候只有块级元素才可以居中 行内块元素不能,关于定位static 没有定位fixed 相对于浏览器窗口 脱离文档流absolute 相对于第一个有relative 父元素 脱离文档流relative 相对于自己 不脱离文档流...

2021-11-01 11:03:01 69

原创 2021-10-26

List itemajax 一个懵逼的地方ajax学习中在解决用户重复提交,用abort方法可以取消请求数据,可以在页面当中判断是否是请求一次,请求第二次就可以把第一次请求取消,但是按照老师敲了后是只能是服务器端有延时响应函数或者没有响应体时奏效 猜想是延时函数包裹了响应体异步的原因不得甚解,等以后考古·...

2021-10-26 21:45:34 40

原创 jquery中添加页面已经有的元素before与append、prepend

一个疑问,jq中div里面有一个p 例如 abc 用append/prepend添加页面已有元素b到a前或者c 后 或者div前后,页面相当做剪切粘贴的操作, 然而在用jq before添加一个元素在指定元素div前面后,再利用append或者prepend 添加页面已有元素b到div前后时却出现了两个b,一个在div里的最前方,一个在盒子 的和before添加的前方或后方。 代码交换位置结果便正常 1.初始显示 a b c 2.before添加d在di

2021-10-22 17:14:36 277 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除