自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

转载 关于Vue中props的详解

看一下官方文档: 组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。 也就是props是子组件访问父组件数据的唯一接口。 详细一点解释就是: 一个组件可以直接在模板里面渲染data里面的数据(...

2018-07-23 00:11:08 71915 9

原创 webpack.config.js文件模板

Webpack 在执行的时候,除了在命令行传入参数,还可以通过指定的配置文件来执行。默认情况下,会搜索当前目录的webpack.config.js文件,这个文件是一个 node.js 模块,返回一个 json 格式的配置信息对象,或者通过--config选项来指定配置文件。 直接上码: co...

2020-07-06 00:40:08 5 0

原创 日常

2020还剩余半年加油,加油⛽️

2020-06-27 01:49:42 26 0

转载 物理机、虚拟机、容器的比较

俗话说,学好虚拟化走遍宇宙都不怕,但对于计算机方面的初学者,肯定很多人都好奇为什么要使用虚拟机和容器,而不是直接使用多进程来运行多个业务。下面Mr chen就带大家一起浅谈浅谈三者的区别。 首先用三张图很直观的表示三者的区别。 一、物理机 二、虚拟机 三、容器 物理机,对...

2020-05-28 15:23:38 92 0

原创 Google Chrome 突然无法保存密码

解决方案,需要删除掉 Chrome 的 配置文件内 Login Data 与 Login Data-journal,重启即可。 搜索路径:~/Library/Application Support/Google/Chrome

2020-05-08 12:03:15 89 0

原创 js实现文件流下载文件

// http请求函数,支持配置请求和响应参数 function ajaxRequest(method, url, type) { return new Promise((resolve, reject) => { const req = new XMLHttpReq...

2020-04-27 12:48:03 555 0

原创 node设置环境变量方法

当使用NODE_ENV =production, 来设置环境变量时,大多数Windows命令提示将会阻塞(报错)。 (异常是Windows上的Bash,它使用本机Bash。)同样,Windows和POSIX命令如何使用环境变量也有区别。 使用POSIX,您可以使用:$ ENV_VAR和使用%ENV...

2020-04-25 03:00:31 164 0

原创 使用Blob对象进行指定文件名-在响应头获取

const fileName = res.getResponseHeader('Content-Disposition').split(';')[1].split('filename=')[1];

2020-04-25 02:49:32 689 0

原创 js创建键值对new Map()

es6创建map键值对例子: const PRODUCTMAP = new Map([ ['SECURITY_GROUP', '/network/#/vpc/security/list~vpcId'], ['安全组', '...

2020-04-04 19:32:53 457 0

原创 git的恢复操作-后悔药操作

用git命令,想看到自己的操作记录,则可以使用log与reflog,两个操作的区别如下: 1.git log 命令可以显示所有提交过的版本信息 2.git reflog可以查看所有分支的所有操作记录(包括已经被删除的 commit 记录和 reset 的操作) 例如执行 git reset ...

2020-03-28 22:17:32 52 0

转载 css如何解决border的重叠问题

我现在在做一个ul列表,然后给每个li加上边框,但是加完了之后,相邻列表的边框就会变成2px,比如第一个li的下边框和第二个li的上边框就会重叠在一起,请问这有什么办法解决一下么? 解决方法是: 试试给li在样式中指定margin-top:-1px; 这样两个边框就可以重叠在一起了. 新问...

2020-02-27 14:46:06 387 0

原创 vscode图标在mac的dock(程序坞)上不显示

打开终端输入killall Dock后就有了

2020-02-02 16:25:34 1754 5

原创 module.exports与exports的区别

console.log(module); //你会看到Module中的exports为空对象{} console.log(exports); //你会看到Module中的exports为空对象{} module.exports = { print : function(){console.lo...

2020-01-29 13:40:49 43 0

转载 object对象keys(), values() entries()

1、 Object.keys() ES5 引入了Object.keys方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键名。 var obj = { foo: "bar", baz: 42 }; Object.keys...

2019-12-06 03:56:34 49 0

转载 JS数组reduce()方法详解及高级技巧

reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是:通往成功的道路有很多,但是总有一条路是最捷径的,亦或许reduce()逼格更高... 1、语法 arr.reduc...

2019-12-03 22:29:36 45 0

原创 kill占用端口

1、查看端口:lsof -i :port 将port换成被占用的端口(如:8080) 2、kill 进程:kill PID(进程的PID,如2033) 强制杀死:kill -9 2033

2019-11-20 12:04:14 73 0

原创 使用git reset 合并只有两个commit到一个

git reset --soft HEAD^1 git commit --amend 最后: git push --force origin master

2019-11-19 19:20:36 68 0

原创 百度SAN框架初步总结

webpack4 + san 快速构建一个项目:https://www.jianshu.com/p/efc955b2b38b 百度前端项目总网址:https://efe.baidu.com/ SAN网址:https://baidu.github.io/san/tutorial/component/...

2019-11-12 14:24:31 809 0

原创 vue-cli3配置文件模板(文件名为vue.config.js)

const webpack = require('webpack') module.exports = { //部署应用包时的基本 URL publicPath: process.env.NODE_ENV === 'production' ? �...

2019-10-28 13:45:03 1146 0

转载 dependencies和devDependencies的区别?

在我们使用npm下载各种三方库的时候,都会在package.json中生成devDependencies或者dependencies,那么对于这两者,到底有什么区别呢?附图一张↓ 效果图 区别   对于我们依赖的这些插件库,有的是我们开发所使用的,有的则是项目所依赖的。对于这个分...

2019-10-25 14:13:44 37 0

原创 正则匹配(以***开头以***结尾的任意字符串)

var str='12#$[22@@JL]444[[你是]11[——+][]'; var reg=/\[([^\[\]])*\]/g; //[^\[\]]匹配除[]以外的全部字符,因[ ]是特殊字符,所以需要\转义 var des=str.replace(reg,(ev)=&...

2019-10-10 14:45:26 637 0

转载 element表格行列拖拽

element ui 表格没有自带的拖拽排序的功能,只能借助第三方插件Sortablejs来实现,先来看一下动态图,效果是不是你们想要的。 首先需要安装Sortable.js npm install sortablejs --save 然后引用 import Sortable from ‘sor...

2019-09-09 19:08:57 417 0

转载 vue 解决关于*!!vue-style-loader!css-loader?{"sourceMap":true}!../../../../vue-loader

问题描述 *!!vue-style-loader!css-loader?{“sourceMap”:true}!../../../../vue-loader/lib/style-compiler/index?{“vue”:true,”id”:”data-v-570115ee”,”scoped”:fa...

2019-08-23 14:39:15 3789 0

转载 如何用canvas绘制带有箭头的直线

话不多说,直接上代码~~~ <canvas id="canvasId" width="400" height="400" style="border: 1px solid #ccc;"></canv...

2019-08-13 12:03:57 944 0

原创 js获取元素到文档区域document的(横向、纵向)坐标的两种方法

// 获取元素到文档区域的坐标 function getPosition(element){ var dc = document, rec = element.getBoundingClientRect(), x = rec.left, // 获取元素相对浏览器视窗window的左、上坐标 ...

2019-08-09 18:26:56 636 0

原创 js实现复制功能(不依托表单)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>复制功能(不依托表单)</title> </head> &l...

2019-08-07 16:16:12 130 0

转载 函数防抖和节流

在前端开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。 通常这种情况下我们怎么去解决的呢?一般来讲,防抖和节流是比较好的解决方案。 让我们先来看看在事件持续触发的过程...

2019-08-02 21:49:47 73 0

转载 module.exports与exports,export与export default之间的关系和区别

首先我们要明白一个前提,CommonJS模块规范和ES6模块规范完全是两种不同的概念。 CommonJS模块规范 Node应用由模块组成,采用CommonJS模块规范。 根据这个规范,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。 ...

2019-07-29 00:38:48 126 0

原创 三列布局

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>中间定宽,两边自适应</title> ...

2019-07-21 22:53:28 50 0

转载 浏览器缓存

浏览器缓存指的是http缓存,而storage是应用层缓存,不一样 浏览器缓存分为两类:强缓存和协商缓存 先了解一下浏览器缓存机制: 缓存这东西,第一次必须获取到资源后,然后根据返回的信息来告诉如何缓存资源,可能采用的是强缓存,也可能告诉客户端浏览器是协商缓存,这都需要根据响应的header内容...

2019-07-05 17:26:38 65 0

转载 正则匹配出字符串中两串固定字符区间的所有字符

正文: 效果:匹配两个字符串区间的字符串 1、js截取两个字符串之间的内容: var str = "aaabbbcccdddeeefff"; str = str.match(/aaa(\S*)fff/)[1]; alert(str);//结果bbbcccdddeee...

2019-07-03 18:20:15 915 0

转载 vue 依赖注入

vue中的依赖注入 provide 和 inject provide选项允许我们指定我们想要提供给后代组件的数据/方法 provide:function () { return { getMap:this.getMap } } inject选项来接收指定的我们想要添加在这个实...

2019-07-02 17:09:45 482 0

原创 JS 中的深拷贝

1.使用递归的方式实现深拷贝 //使用递归的方式实现数组、对象的深拷贝 function deepClone(obj) { //判断拷贝的要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝 var objClone = Array.isArray(obj) ? [] ...

2019-07-01 23:26:52 89 0

转载 ES6中Map与对象、数组,JSON之间的相互转换

Map转为数组 const map = new Map(); map.set(1,"foo").set(2,"bar").set(3,"baz"); const arr = [...map];//转数组方法1 Array.from(ma...

2019-07-01 00:49:47 4443 2

原创 如何通过css设置滚动条在滚动区域最下方

desObj.scrollTop=desObj.scrollHeight;//设置滚动条在最下方 desObj为滚动包含元素,即为设置overflow属性的元素 scrollTop为滚动距离;可读可写 scrollHeight为元素所包含高度,包含已隐藏等等全部;只读 ...

2019-06-29 18:46:24 1938 0

原创 React父子组件及兄弟组件通信方式

1.子组件调用父组件:在子组件中传属性,可传各种,包括this...,然后在子组件中通过this.props去调用,还可以改变值,因为setState等等; 2.父组件调用子组件,可以给子组件调用处设置ref属性,然后就直接通过this.ref...调用; 3.兄弟组件通信,只能通过Redux...

2019-06-23 14:38:08 2391 0

原创 react 如何实现数据的双向绑定

一个基础的不能再基础的数据双向绑定 因为react不同于vue 没有v-model指令 所以怎么实现呢? import React from "react" import ReactDOM from "react-dom" export defaul...

2019-06-22 13:46:56 1034 0

转载 React中的属性this.props

一、什么是属性 React官方文档上对于属性的介绍如下: React 里有一个非常常用的模式就是对组件做一层抽象。组件对外公开一个简单的属性(Props)来实现功能,但内部细节可能有非常复杂的实现。 React中的每一个组件,都包含有一个属性(props),属性主要是从父组件传递给子组件...

2019-06-21 00:44:45 1534 0

转载 CSS实现鼠标不可点击,样式设置以及不可点击事件的行为(查看模式)

鼠标不可点击主要是两种表现: 1.鼠标不可点击时的显示状态 cursor: not-allowed 2.鼠标原有的事件不能实现 pointer-events:none

2019-06-17 19:12:35 1616 0

转载 React:状态(State) 和 属性(Props)详解

React :元素构成组件,组件又构成应用。 React核心思想是组件化,其中 组件 通过属性(props) 和 状态(state)传递数据。 State 与 Props 区别 props 是组件对外的接口,state 是组件对内的接口。组件内可以引用其他组件,组件之间的引用形成了一个树状结构(...

2019-06-17 01:17:51 322 0

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