自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

大熊的博客

H5前端攻城狮:致力于前端发展

原创 Windows下安装及使用NVM

所谓nvm就是一个可以让你在同一台机器上安装和切换不同版本node的工具。这里是一篇安装及使用教程。第一步:下载nvm可以到这里下载链接:https://pan.baidu.com/s/1wW4fH8XnXRiachXHb1Pckw 密码:pn90或者到github上下载最新版本https://github.com/coreybutler/nvm-windows/releasesnvm-n...

2019-06-11 14:32:36 1346

原创 Webstorm常用快捷键

常用快捷键—Webstorm入门指南提高代码编写效率,离不开快捷键的使用,Webstorm拥有丰富的代码快速编辑功能,你可以自由配置功能快捷键。快捷键配置点击“File”-> “settings”Webstorm预置了其他编辑器的快捷键配置,可以点击 默认配置-Eclipse的常用快捷键对照表查找/代替Webstorm快捷键     Eclipse快捷键...

2018-12-06 16:48:36 68

转载 git tag常用操作

前言最近使用git来管理一个项目,到达一定阶段后,需要将稳定的代码发布成一个版本,经过查找资料发现git的标签操作刚好满足我的要求,所以记录下来,方便以后是使用查找。用途标签可以针对某一时间点的版本做标记,常用于版本发布,这恰恰是我所需要的功能,将本地标签推送到Github上即发布了一个Release版本,下载和查看非常方便。标签分类git标签分为两种类型:轻量标签和附注标签。轻量标...

2018-12-03 16:14:16 5744

原创 Vue.js 快速搭建

Vue.js 现在在后端、前端、微信、移动端Web非常流行,今天简单模拟Vue.js快速安装;安装npm npm 是node.js 的包管理工具, 安装流程地址:https://docs.npmjs.com/cli/install 估计会非常慢,我们可以使用淘宝NPM镜像下载安装:https://npm.taobao.org/##安装npm##sudo npm instal

2017-01-16 10:58:23 830

原创 响应式布局:CSS3弹性盒flex布局模型

页面布局一直都是web应用样式设计的重点 我们传统的布局方式都是基于盒模型的 利用display、position、float来布局有一定局限性 比如说实现自适应垂直居中 随着响应式布局的流行,CSS3引入了更加灵活的弹性布局模型flex弹性布局使用弹性布局可以有效的分配一个容器的空间 即使我们的容器元素尺寸改变 它内部的元素也可以调整它的尺寸来适应空间 若想让一个元素变成...

2017-01-10 17:40:44 13208

转载 正则表达式大全

Js代码  function SubmitCk() {var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;if (!reg.test($("#txtEmail").val())) {alert(

2017-01-10 15:32:00 189

原创 css纵向无缝滚动

image<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>marquee</title> <style> @-webkit-keyframes scrollText1 { ...

2020-07-06 06:06:50 38

原创 CSS绘制三角形—border法

1. 实现一个简单的三角形使用CSS盒模型中的border(边框)即可实现如下所示的三角形:CSS实现简单三角形实现原理:首先来看在为元素添加border时,border的样子;假设有如下代码:<div></div>div { width: 50px; height: 50px; border: 2px solid oran...

2020-07-06 06:05:48 19

原创 使用JS获取当前页面的URL(网址信息)

var url; url = window.location.href; /* 获取完整URL */alert(url); /* http://127.0.0.1:8020/Test/index.html#test?name=test */ url = window.location.pathname; /* 获取文件路径(文件地址) */alert(url); /* /Test/in...

2020-06-10 06:38:40 57

原创 JS常见算法题目

最近收集了几个经典JS题目,比较有代表性,分享一下:1.j-dra-gon 变为驼峰jDraGonfunction getCamelCase(str) { var arr = str.split( '-' ); return arr.map( function( item, index ) { console.log(item) ...

2020-02-21 02:27:00 94

原创 【转】Git 远程仓库clone时 密码输错了 如何修改

当输错时 ,就没有再次提供给我输入密码的机会,直接报错,如图:查了下原因,原来是Windows的凭据管理器里面保存了你刚才输错的账号信息去这里修改你刚才的账号密码,再次clone,OK!!!应该还有其他的方法,欢迎留言...

2020-01-19 07:12:45 681

原创 【React】遍历的两种方式

1、foreach(推荐) list.forEach((item)=>{ });eg: dataSource.forEach((item) => { const est = item.estimateAmount === null ? 0 : parseFloat(item.estimateAmount); const gmv = item....

2020-01-16 07:52:56 121

原创 [转]React -- 父子组件通信props 和 onRef

image.png一个普通的输入框 和一个按钮 我想通过点击按钮清空input里面的内容如果没有组件之间的通信的话 肯定这么写image.png很简单 直接按钮绑定事件清空input但是如果有组件之间的通信呢??子组件调用父组件通过props子组件image.png父组件image.png父组件调用子组件的方法 - onRef...

2020-01-16 07:51:18 204

原创 兼容ie8低版本浏览器不支持addEventListener

if (window.attachEvent) { window.attachEvent("onload", show); } else if (window.addEventListener) { window.addEventListener("load", show, false); } 复制代码现代主流浏览器addEventListen...

2020-01-16 07:49:32 209

原创 记录js小知识

请问js如何获取小数点后的所有数?var num = 123.1234567;//var num1 = 123;var str = num.toString().split('.');//console.log(str[1] != undefined ? str[1] : '');//console.log(1 + Number(str[1]));复制代码js中点击返回顶部windo...

2020-01-16 07:49:08 23

原创 原生js获取 一个dom元素距离页面可视区域的位置值 -- getBoundingClientRectgetBoundingClientRect()...

这个方法返回一个矩形对象,包含四个属性:left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。var box=document.getElementById('box'); // 获取元素alert(box.getBoundingClientRect().top); // 元素上边距离页面上边的距离alert(box.getBoundingClientRect().r...

2020-01-05 07:06:35 356

原创 React中获取DOM节点的两种方法

React提供的获取DOM元素的方法有两种,一是react-dom中的findDOMNode(),二是refs。1、findDOMNodefindDOMNode通常用于React组件的引用,其语法如下:import ReactDOM from 'react-dom';ReactDOM.findDOMNode(ReactComponent);复制代码当组件被渲染到DOM中后,findDO...

2020-01-05 07:06:06 1859

原创 [转]JS如何判断一个对象是否为空、是否有某个属性

原文地址:https://www.cnblogs.com/crackedlove/p/10039105.html一、js判断一个对象是否为空 方法一:let obj1 = {}let obj2 = {a:1}function empty(obj){ for (let key in obj){ return false; //非空} return true; ...

2020-01-05 07:04:09 26

原创 React.PureComponent 和 forceUpdate 小结

forceUpdate()方法:Sub.jsclass Sub extends React.Component{ construcotr(){ super(); this.name = "yema"; } refChangeName(name){ this.name = name; this.forceU...

2020-01-03 03:28:58 35

原创 react获取滚动的高度

例1:handleScroll(e){ let clientHeight = this.refs.bodyBox.clientHeight; //可视区域高度 let scrollTop = this.refs.bodyBox.scrollTop; //滚动条滚动高度 let scrollHeight = this.refs.bodyBox.scrollHeigh...

2020-01-03 03:18:37 1235

原创 React的生命周期

1. 挂载卸载过程1.1.constructor()1.2.componentWillMount()1.3.componentDidMount()1.4.componentWillUnmount ()2. 更新过程2.1. componentWillReceiveProps (nextProps)2.2.shouldComponentUpdate(nextProps,nex...

2020-01-03 03:13:34 50

原创 js数组与字符串的相互转换方法

1、数组转字符串需要将数组元素用某个字符连接成字符串,示例代码如下:var a, b;a = new Array(0,1,2,3,4);b = a.join("-"); //"0-1-2-3-4"复制代码2、字符串转数组实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回,示例代码如下:var s = "abc,abcd,aaa";ss = s.split("...

2019-12-04 07:55:22 21

原创 原生js判断某个元素是否有指定的class名的几种方法

如果不考虑兼容IE10以下的话,可以用HTML5中的classList API,非常方便:var node = document.getElementById('demo');if(node.classList.contains('test')){ console.log('包含 test 这个class');}复制代码兼容的方式是采用className和getAttribute(...

2019-12-04 07:53:37 33

原创 JavaScript 可以使用以下两种方式,统计一个字符串占据的字节长度:

new TextEncoder().encode('????⛰️').byteLength // 10,或者new Blob(['????⛰️']).size // 10

2019-12-02 09:38:17 25

原创 4种js原生修改css样式的方法

html <p id = "target"> rainbow </p>复制代码1. Inline stylesdocument.getElementById('target').style.color = 'tomato'复制代码2. Global stylesvar style = document.createElement('style');styl...

2019-11-28 01:13:57 438

转载 git clone项目失败,Host key verification failed.

在码云上创建了一个项目,配置好公钥后,克隆到我本地出现以下失败百度了好久也没有找到解决办法,困扰了好久,后来还是百度到了,原来是在提示ECDSA key fingerprint is SHA256:FQGC9Kn/eye1W8icdBgrQp+KkGYoFgbVr17bmjey0Wc.Are you sure you want to continue connecting (yes/no)...

2019-08-27 03:52:05 478

转载 使用node-inspector调试Node.js应用

如果你在编写Node.js代码,node-inspector是必备之选,比Node.js的内置调试器好出许多。使用起来跟Chrome的javascript调试器很相似。使用npm安装:$ npm install -g node-inspector安装过程如出现“未能加载 Visual C++ 组件VCBuild.exe”类错误,参考该文章点击打开链接然后需要通过浏览器连接到node-ins...

2019-08-26 10:08:21 28

转载 js 获取dom元素的八种方法

普通的6种1.通过ID获取(getElementById)2.通过name属性(getElementsByName)3.通过标签名(getElementsByTagName)4.通过类名(getElementsByClassName)5.获取html的方法(document.documentElement)6.获取body的方法(document.body)特别的2种1.通过css...

2019-08-23 08:41:23 36

转载 创建ssh key

1、安装git工具下载地址:git-scm.com/downloads2、桌面右键鼠标,选中 “Git Bash here”3.输入cd ~/.ssh/,进入.ssh文件夹出现 “No such file or directory”,你可以手动的创建一个 .ssh文件夹即可mkdir ~/.ssh4.配置全局的name和email,这里是的你github或者bitbucket的nam...

2019-08-19 09:58:32 181

原创 fatal: HttpRequestException encountered解决方法

之前在windows下一段时间git push都没什么问题,最近一旦提交就会弹出无论是push前先将远程仓库pull到本地仓库,还是强制push都会弹出这个问题。网上查了一下发现是Github 禁用了TLS v1.0 and v1.1,必须更新Windows的git凭证管理器,才行。https://github.com/Microsoft/Git-Credential-Man...

2019-07-31 16:29:00 1362

原创 input表单禁止输入空格

input在标签内设置禁止输入空格,通过正则匹配解决问题此处涉及\s:匹配任意空白符 \S:匹配任意非空白字符<input type="text" onkeyup="this.value=this.value.replace(/\s+/g,'')">...

2019-03-06 16:10:20 336

原创 扩展js的String对象

有些时候我们需要对字符串做一些原生js不支持的复杂操作,可以考虑扩展String对象 String.prototype.delHTMLTag = function(){ return this.replace(/<[^>]+>/g,"");//删除html标签 } var str = '<strong>likai</...

2019-03-06 10:51:02 165

转载 Cannot set property 'render' of undefined at normalizeComponent...

在做vue项目的时候报了这么个错误,找了半天不知道是什么错,后来发现是在vue文件写了script标签对,却没写export default {} 这句语句...ok,问题解决了。...

2019-03-04 19:28:10 165

原创 vue h5移动端禁止缩放

安卓在index.html里面写<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">ios在APP.vue里面写<script>window.onload = function() { doc...

2019-03-04 19:27:45 4452

原创 CSS自动换行、强制不换行、强制断行、超出显示省略号

P标签是默认是自动换行的,因此设置好宽度之后,能够较好的实现效果,但是最近的项目中发现,使用ajax加载数据之后,p标签内的内容没有换行,导致布局错乱,于是尝试着使用换行样式,虽然解决了问题,但是并没有发现本质原因,本质在于,我当时获取的数据是一长串的数字,浏览器应该是对数字和英文单词处理方式相近,不会截断。先给出各种方式,再具体介绍每一个属性。强制不换行p { white-space...

2019-03-04 19:27:07 61

转载 利用JS获取用户当前ip地址

新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js(默认为纯文本格式,根据format的参数定义,还可以返回JS、Json格式)。新浪多地域测试方法:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=219....

2019-02-27 18:40:25 3913

原创 Web端的邮件内容HTML格式规范总结

一、页面要求1)  统一使用标准的页头和页尾2)统一使用gb2312编码格式3)页面显示宽度400px-800px,高度一般控制在一屏以内。4)页面不向出现js代码及flash内容(如需要动画全用gif)5)页面所有图片必须为绝对地址6)页面的内容最好以文字的形式来呈现。二、代码要求1)使用table而已来制作页面,且必须设置宽度,而div格式由于有些属性不被邮件客...

2018-12-06 15:48:57 2995 1

原创 vue-cli webpack打包开启Gzip时报错

前言今天看了一下Vue-cli中webpack打包的速度,有点小慢,于是我就开始使用其自带的productionGzip功能。说明:本人用的node版本:v6.11.3,npm版本:v3.10.10,webpack版本:3.6.0,Vue版本:2.5.2,以免后期版本升级更新造成误导。下面进入正文。1. 首先打开config/index.js,找到build对象中的produc...

2018-11-15 16:46:35 2101 2

原创 vue中axios处理http发送请求的示例(Post和get)

本篇文章主要介绍了vue中axios处理http请求的示例(Post和get),这里整理了详细的代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 本文介绍了vue中axios处理http发送请求的示例(Post和get),分享给大家,具体如下:axios中文文档  https://github.com/mzabriskie/axios#using-applicationx-w...

2018-08-28 21:18:33 5933

转载 最详细的Vuex教程

什么是Vuex?vuex是一个专门为vue.js设计的集中式状态管理架构。状态?我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。引入Vuex(前提是已经用Vue脚手架工具构建好项目)1、利用npm包管理工具,进行安装 vuex。在控制命令行中输入下边的命令就可以了。 npm install vuex -...

2018-08-28 21:17:35 1118

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