4 Jarvan大熊

尚未进行身份认证

我要认证

记录我web(H5)的艰路历程

等级
TA的排名 1w+

css纵向无缝滚动

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

2020-07-06 06:06:50

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

使用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

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

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

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

2020-01-19 07:12:45

【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

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

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

2020-01-16 07:51:18

兼容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

记录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

原生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

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

[转]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

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

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

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

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

原生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

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

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

2019-12-02 09:38:17

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

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

查看更多

勋章 我的勋章
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。