问题解决
BBbila
前端小鸟,欢迎交流学习
展开
-
【前端性能优化摸索】浏览器发起的网络请求,经历了哪些阶段以及该如何优化
一、发起的网络请求,经历了哪些阶段以及该如何优化我们从开发者工具的network就可以清楚的看到每个请求的时长,以及网页加载的情况。 Stalled:是浏览器得到要发出这个请求的指令,到请求可以发出的等待时间,一般是代理协商、以及等待可复用的TCP连接释放的时间,不包括DNS查询、建立TCP连接等时间等。 queueing完后开始Stalled,上图Stalled所用时间为6.45ms。 Proxy negotiation:代理协商所用时间。 上图所用时间为..原创 2022-05-28 14:09:34 · 751 阅读 · 0 评论 -
【容错笔记】js/css/react等(持续记录)
目录一.关于css中的positionposition的绝对定位一定是根据设置了相对定位的父元素进行定位的吗?实验:总结:根据代码,可以看到,黑色盒子和紫色盒子是兄弟盒子,而将紫色盒子设置了position:absolute,而目前没有明确的父盒子,它就会去找离它最近的一个已定位的盒子进行定位的(默认是body)。然后紫色盒子里面,放了一个黄色的盒子,和设置了position:absolute定位的灰色盒子。可以看到,及时紫色盒子没有设置position:relative,灰色.原创 2021-05-14 15:11:54 · 312 阅读 · 1 评论 -
使用百度地图API的相关技术目录:创建覆盖物,定位到当前位置...(持续更新)
如何定位到当前位置: <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("allmap"); var point = new BMap.Point(116.331398,39.897445); map.centerAndZoom(point,12); var geolocation = new BMap.Geolocation(); geolocation.原创 2021-04-18 02:24:34 · 601 阅读 · 0 评论 -
【git报错】Failed to connect to github.com port 443: Timed out
解决办法:git config --global --unset http.proxygit config --global --unset https.proxy原创 2021-04-09 21:57:52 · 282 阅读 · 0 评论 -
【高德地图api】输入地点名称定位坐标,并放大地图级别
效果:代码:<div class="street-map-search-warp layui-hide"> <div style="width: 100%;height: 38px;"> <input class="layui-input street-map-search-input" id="street-map-search-input" placeholder="输入名称,快速定位地图中心坐标" >原创 2021-04-08 14:54:22 · 4361 阅读 · 0 评论 -
【git】克隆GitHub上的项目,并在本地和远程新建分支
一.在本地新建一个空文件夹,然后右键选择git bash here,打开git命令行。二.复制你要克隆的地址,然后输入 git clone xxxxx三,可以看到你本地的文件夹已经出现一个新的项目文件夹了。四,然后在本地新建分支。cd xxx 定位到该项目文件上git branch 查看本地分支情况 (可以看到本地就一个 master分支)git checkout -b dev 在本地新建一个分支,名称叫devgit branch 查看本地分...原创 2021-04-07 11:41:13 · 1352 阅读 · 0 评论 -
[layUI] table的合计功能,并取整数
代码points:效果:原创 2021-03-26 17:20:14 · 1170 阅读 · 3 评论 -
【算法3】遍历双重数组,得到根据索引相加的值为一个新数组
要求:得到从第一到第三类的value值里纵向相加的和,为一个新数组。 /*示例数据*/vardataObj={ data:[ {name:"第一类",value:[0,0,1,2]}, {name:"第二类",value:[3,5,2,2]}, {name:"第三类",value:[2,4,1,5]}, ], date:["2021-02-2...原创 2021-03-24 10:10:46 · 597 阅读 · 0 评论 -
正则判断字符串中的值必须为数字
/*判断字符串中的值必须为数字*/function isNumber(val) { var regPos = /^\d+(\.\d+)?$/; //非负浮点数 var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //负浮点数 if(regPos.test(val) || regNeg.test(val)) { retu.原创 2021-03-12 16:08:04 · 2057 阅读 · 0 评论 -
【laydate】限定时间,从当前日期开始(年月日)
代码: //时间控件 laydate.render({ elem:"#operation_time", min: getDate(), });var dateFmt = 'YYYY-mm-dd';//获取当前日期function getDate() { return dateFormat(dateFmt);}..原创 2021-03-10 11:37:31 · 646 阅读 · 0 评论 -
【JQ实现textarea字数限制并显示实时长度】
效果图:代码:原创 2020-11-02 16:18:03 · 395 阅读 · 0 评论 -
【layui】laydate如何渲染第二次
html:<div class="layui-col-md6"> <div class="layui-form-item"> <label class="layui-form-label ">编制日期:</label> <div class="layui-input-block" > <input type="text原创 2020-09-17 17:34:52 · 2448 阅读 · 0 评论 -
关于Jquery中的()[0].atrr() is is not a function及解决办法
需求:获取到<img>标签中的data-index属性的值.htmlJQ可以看到如果直接[0]的方法,得到的是一个dom数组,用eq()方法遍历这个jq对象,才能够匹配jq的attr方法。原创 2020-08-26 14:37:07 · 2239 阅读 · 0 评论 -
【react 使用swiper插件写轮播图】:完整代码无bug+ 样式.less
【效果实例】【treasure.js】首先:npm install swiper -- save我写的死数据,如果你要自己加图片或者有数据,就在swiper-wrapper的子项map方法循环就好了。。建议直接npm官网看一下,里面有详细的react.js用法。我这里没有设置其他属性,只有滑动和分页器,其他比如自动播放,延迟时间等属性,查一下官网,然后设置在生命周期...原创 2020-01-31 15:42:38 · 2039 阅读 · 2 评论 -
onClick={this.handleClick()} 与 onClick={this.handleClick},onClick={ () => { this.handleClick()} }的区别
<body> <button onClick={ this.handleClick() / this.handleClick / ()=> {this,handleClick()} }></button> <script> handleClick() { console.log("111") }...原创 2019-12-18 14:12:39 · 1549 阅读 · 0 评论 -
H5页面适配所有移动端,用rem设置样式
(提示:本篇文值供本人意会记忆。很多术语不准确,避免误导萌新,请移步其他大佬的教程)1.在Index.html文件里:用js动态设置html的font-size:2.在样式文件里:(css/less)因为默认是1080为基准,如果设计图是以width:360px设计。则: 应写为:width:10.8rem (相当于1px = 0.03rem)*************...原创 2019-12-17 17:20:36 · 434 阅读 · 0 评论 -
JS Date()对象,将日期2019/11/11 下午4:21:22格式 ,转换为2019-11-11格式
转换为2019-11-11格式<script type="text/javascript"> var date = new Date(); //Mon Nov 11 2019 16:25:17 GMT+0800 (中国标准时间) var timer = new Date().toLocaleString(); //2019/11/11 下午4:2...原创 2019-11-11 16:28:47 · 1023 阅读 · 0 评论 -
【react实战】如何开发嵌入客户端的H5页面黑白模式?
需求:提供用户自行选择的主题模式:黑/白。默认情况下,是白色主题。用户选择的数据传递给后端,然后获取接口(已知接口:DarkMode())。1.首先写好黑/白模式下的CSS文件.2.在app.js里,在生命周期函数componentDidMout() { }页面加载的时候去判断:定义一个全局变量:—isDarkMode,初始值为null;如果页面加载的时候,有isDarkM...原创 2019-11-07 16:45:37 · 477 阅读 · 0 评论 -
Android studio 连接华为手机调试(华为nova 3i)
❥(^_-)工具:Android studio ,手机,数据线前提:已经搞定了SDK和gradle.(我的Android studio版本是5.0.3)Step1:确认自己的手机已打开手机开发者选项,比开启了USB调试。如果连接电脑时,出现的“仅充电”,“传输照片”,“传输文件”等这并不是开启了USB调试!!!!每部手机的开启方式都不同,先百度一下,确保开启。(华为NOV...原创 2019-03-04 19:27:05 · 15772 阅读 · 6 评论 -
webstorm已经设置了ES6,.js文件还是出现了红色波浪警告(VUE-CLI项目中)
原先版本:webstorm 2016。报错:在router.js中出现大量红色波浪警告!网友提示为:(file-->setting-->languages and framworks-->javascript-->ECMAScript6)最开始我的是ES5,然后换成了ES6,还是有少量波浪,然后百度又说需要babel来改变:es5-->es6,然后并没有什么用...原创 2019-04-02 16:05:17 · 4479 阅读 · 0 评论 -
react + redux +reac-router4.0: 项目中积累(CSSTransitionGroup / HTML高级标签)
原项目:https://github.com/BBbila/ReduxPhotoAlbum大概效果(有待完善,框架的思路打好了,有兴趣的可以看看)【1】react 组件动画 react-addons-css-transition-group安装插件npm install --savereact-addons-css-transition-group引用...原创 2019-09-05 16:21:53 · 129 阅读 · 0 评论 -
e.target 和 e.currentTarget 分别怎么获取具体的子元素节(JS动态改变图片icon)
【e.target】【e.currentTarget】原创 2019-09-09 11:15:53 · 3427 阅读 · 0 评论 -
Git: 将本地local分支合并到本地的dev分支,并push到远程的dev分支上
毓@▒▒ع▒▒ MINGW64 /e/leo/real/pc-app-store-h5-react (local)$ git branch dev* local master毓@▒▒ع▒▒ MINGW64 /e/leo/real/pc-app-store-h5-react (local)$ git add .毓@▒▒ع▒▒ MINGW64 /e/leo/real/pc-app...原创 2019-09-11 18:13:26 · 2765 阅读 · 0 评论 -
解决eclipse tomcat server启动失败问题:Server Tomcat v7.0 Server at localhost failed to start.
BG:初学Java web,经过了各种方法尝试,网上说的:删文件(tmp0)&换工作区间and on... 没有用!!!sum:TOMCAT 版本和JDK版本不兼容!(各位你们tomcat和jdk的版本是不是跟我有同样的错...原创 2018-08-20 12:04:25 · 12034 阅读 · 3 评论