- 博客(18)
- 收藏
- 关注

原创 npm更改cnpm和设置淘宝镜像源
1.使用淘宝的cnpm 命令行工具代替默认的 npm,输入下面代码进行安装:$ npm install -g cnpm --registry=https://registry.npm.taobao.org2.检测cnpm版本,如果安装成功可以看到cnpm的基本信息。cnpm -v安装react脚手架,默认的是使用npm去拉取资源,速度很慢,就需要改成淘宝源下面是npm拉取...
2020-04-22 22:17:36
8177
2
原创 js2个对象数组,根据某一个字段,删除重复项
/** * @description:2个对象数组去重复值,根据key * @param {*} * @return {*} */const arr1 = [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }];const arr2 = [{ id: 1 }, { id: 2 }];const uniq = (arr1, arr2,key) => { let ids = arr2.map((item) => item[k.
2021-08-02 18:47:26
1677
原创 vue3+vite+ts 引入element-plus踩坑
如标题,不知道是什么原因,element样式,官网给的是base.scss,实际上要引入index.scss.导致样式出不来首先要安装element-
2021-06-10 10:55:28
7210
1
原创 Vue自定义指令 限制按钮短时间内重复提交
项目中创建directive文件夹,用来存放自定义指令,新建index.js export default { install(Vue) { // 禁止短时间内重复点击 Vue.directive("preventClick", { inserted(button, bind) { button.addEventListener("click", () => { if (!button.disabled) {
2021-05-07 16:33:09
1476
原创 Vue3学习之组件传值
前言:众所周知,Vue单项数据流,在vue2.x版本中,父子组件传值都通过,props和emit传值,但是在vue3中取消了this上下文,那this.$emit咋搞呢?接下来就是记录学习vue3组件传值的方法,淦就完了,奥利给~一:父子组件传值1.emit(子组件)子组件传值<template> <button @click="childEmit">传值</button></template><script>...
2021-02-01 16:02:29
1654
原创 TypeScript学习笔记(1:类型断言&类型保护)
interface Bird { fly: boolean sing: () => {}}interface Dog { fly: boolean bark: () => {}}// 类型断言的方式const tarinAnimal = (animal: Bird | Dog) => { if (animal.fly) { ;(animal as Bird).sing() } else { ;(animal as Dog).bark().
2021-01-18 10:25:13
148
原创 vue基于Element-ui二次封装分页组件
一.参数说明事件名称 说明 回调参数 size-change pageSize 改变时会触发 每页条数 current-change currentPage 改变时会触发 当前页 prev-click 上一页事件 当前页 next-click 下一页事件 当前页 二.封装组件<template> <div class="pagination"> &...
2020-11-30 11:29:54
531
原创 vue element ui form表单值不可填
文本框之类的,@input ,单选多选,下拉,@change 绑定事件强制刷新handlerInput(){this.$forceUpdate();},
2020-09-21 16:19:03
414
原创 element ui修改树形表格前面小三角图标
修改后的自定义图标// 下拉按钮/deep/.el-icon-arrow-right:before { content: "\e791";}/deep/.el-table__expand-icon--expanded .el-icon-arrow-right:before { content: "\e790";}/deep/.el-table__expand-icon--expanded { -webkit-transform: rotate(0deg); trans..
2020-07-21 18:59:23
3731
转载 element-ui的下拉框有值却无法选中的问题
使用element ui踩坑,下拉框有值,但是却无法改变解决方案:https://blog.youkuaiyun.com/weixin_43216105/article/details/86699772
2020-06-03 19:04:43
451
原创 Vue-Cli脚手架安装(项目创建)详解
Vue-Cli 脚手架脚手架:帮助我们把webpack等相关配置都处理好,开箱即用,脚手架好比工具,我们只需要基于脚手架快速构建一个项目即可 参考网址:https://cli.vuejs.org/zh/ 安装:下载Vue-Cli脚手架,一般安装在全局(-g)npm install -g @vue/cli# 或者yarn global add @vue/cli安装完成后全局环境...
2020-03-24 22:13:53
4434
1
原创 如何用jQuery给动态生成的dom绑定事件
<div class="box"> <div class="wrap fl"> //dom操作生成的元素 <span class="btnClick">需要添加事件的元素</span> </div></div>...
2020-02-12 11:54:44
860
原创 jQuery.cookie.js使用
Cookies定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术;下载与引入:jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;下载网址:http://plugins.jquery.com/cookie/如何使用:1.添加一个"会话cookie"$.cookie('this_...
2020-02-05 07:05:35
238
原创 如何将本地项目上传到git,本地关联远程
把本地项目上传到Github 1、在本地创建一个版本库(一个空文件夹),先用git clonegit@github.com:xuhua1212/armani.git 拷贝 然后通过git init把它变成Git仓库; 2、把项目复制到这个文件夹里面,再通过git add . 把项目添加到仓库; 3、再通过git commit -m "注...
2020-01-17 15:31:56
182
原创 JS中ES6的模块化
原生支持模块化了ES6中新增的模块化,即从ES6开始,原生js支持模块化了,现在很多浏览器也支持模块化了。模块化的两个概念 导出(export关键字):导出就是对外开放的,可以导出变量,常量,函数,对象等等。使用export关键字。放在export关键字后面的(即对外导出的)变量,常量,函数和对象,在其它js文件中可以使用,否则,其它js文件中是不能使用的。即只能内部使用的。 ...
2020-01-07 19:11:57
329
原创 JS中this的理解
this:是“这个”的意思,是个代名词,代表谁呢?要看环境 this是函数的内置对象,函数就是this的环境 1).当this所在函数是事件处理函数时,this是事件源,如下图$("#test").onclick = function(){ this.style.color = "red";//this指id为test} 2...
2020-01-07 17:01:23
134
原创 JS中bind和call,apply的区别
call能干啥?1、能够改变函数里面的this。也能降低耦合度。1)、eat和Person,Dog没有关系,但是通过call可以让他们有关系。2)、call函数的第一个参数,就是函数本身的this。3)、call函数的第二个参数朝后,就是函数本身的参数。call和apply的异同点1、相同: 都能改变this的指向,call和apply的第一个...
2020-01-06 16:27:48
200
原创 [jQuery]$.ajax标准写法
$.ajax({ 2 url:"",//请求的url地址 3 dataType:"json",//返回格式为json 4 async:true,//请求是否异步,默认为异步,这也是ajax重要特性 5 data:{"id":"value"},//参数值 6 type:"POST",//请求方式 7 befor...
2020-01-06 15:53:31
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人