草庐IT

CSS画三角形,圆形,椭圆,圆角长方形

1、CSS画一个三角形:(div宽高为0,border存在且颜色不一)step1:  设置宽度,高度为0的一个div盒子;step2:  为了方便理解,将盒子的4个边框分别设置一样的宽度boder,不同的颜色;step3:  transparent将其他三个边框隐藏掉,就能看到效果了。 如果对三角形的样式有特殊要求: 可以通过动画效果来实现:transform:rotate(80deg)通过旋转实现2、圆形,椭圆,圆角长方形:  通过改变border-radius的比例,可以显示不同的图形,比如圆角正方形、圆角长方形 3、效果图:    4、代码:DOCTYPEhtml>htmllang="e

聊一聊js中元素定位的方法

在做seleniumweb自动化的时候,有时通过selenium定位不到,或无法操作元素,这个时候就需要通过js来定位/操作元素,然后通过selenium自带的execute_script()方法去执行js语句。下面介绍几种js的定位方法。一.IDid的值都是唯一的,所以当存在id字段时可优先使用DOCTYPEhtml>htmllang="en">head>metacharset="UTF-8">title>Titletitle>head>script>functiona(){alert(document.getElementById("button_id").style.display='b

复习 - ajax

复习呢有一个很直观的感受,就是以前学的东西,萌懂半懂的,这一来全部都清楚了,你以前以为你学的并不好但是复习一次把以前的案例一做,居然能够自己独立完成,知识点看着掌握的还不错。1.两天时间就把整个ajax复习完了,一天目前还暂时做不到哈哈,确实还是有很多案例都要思考一会,直接从案例下手吧,一个图书管理的案例,在这个案例里面吧就是用三个接口来获取图书,增加图书,删除图书,在js方面没多大问题,在html方面,还让我多熟悉了下vscode快速编程bootstrap,直接bs3,form-inline类名可以让每个表单项为行内块元素,table-hover可以增加表格的每一行悬停效果。获取图书列表:封

百度地图定位不准,和定位不显示的问题,解决方案

直接上重点。如果是定位不准,Web浏览器端,1,要使用者必须要做个人认证或者企业认证,且通过审核。2,请求的网页必须是https协议。3,请求的域名必须是加入到应用的Referer白名单。进入到应用设置里查看。   4,申请的应用类型必须是浏览器端。且必须勾选对应的服务。  有时申请地图服务的人和开发的人,不是同一个人。导致两边都没搞清楚要怎么配置。如果满足以上4点99.9%以上会覆盖你所有的问题。剩下的是代码问题。我把自己的写的异步加载js,通过经纬度定位的代码贴出来。 1DOCTYPEhtml>2html>34head>5metacharset="utf-8"/>6title>定位测试ti

复习 - es6语法

这几天电脑有点问题,一直在弄,而且论文也逼近了也在时间弄那个,前面node有一个大项目,已经做完了,我现在是准备把上次复习断下的继续复习一直到这个项目,然后就开始vue了。1.首先是函数的一个进阶,要明白函数也是对象,所以是可以通过new的方法来创建实例的。然后是调用函数的三个方法:call可以改变this加调用、apply可以改变this但是传的参数是数组也可以调用、bind可以改变this传的参数也跟第一个call一样但是就是不会自己调用。2.今天的主打内容闭包首先要知道严格模式,usesrict放在局部或者全局作用域都可以,然后有哪些变化,变量必须声明赋值啊、this普通函数为undef

百度地图定位不准,和定位不显示的问题,解决方案

直接上重点。如果是定位不准,Web浏览器端,1,要使用者必须要做个人认证或者企业认证,且通过审核。2,请求的网页必须是https协议。3,请求的域名必须是加入到应用的Referer白名单。进入到应用设置里查看。   4,申请的应用类型必须是浏览器端。且必须勾选对应的服务。  有时申请地图服务的人和开发的人,不是同一个人。导致两边都没搞清楚要怎么配置。如果满足以上4点99.9%以上会覆盖你所有的问题。剩下的是代码问题。我把自己的写的异步加载js,通过经纬度定位的代码贴出来。 1DOCTYPEhtml>2html>34head>5metacharset="utf-8"/>6title>定位测试ti

复习 - es6语法

这几天电脑有点问题,一直在弄,而且论文也逼近了也在时间弄那个,前面node有一个大项目,已经做完了,我现在是准备把上次复习断下的继续复习一直到这个项目,然后就开始vue了。1.首先是函数的一个进阶,要明白函数也是对象,所以是可以通过new的方法来创建实例的。然后是调用函数的三个方法:call可以改变this加调用、apply可以改变this但是传的参数是数组也可以调用、bind可以改变this传的参数也跟第一个call一样但是就是不会自己调用。2.今天的主打内容闭包首先要知道严格模式,usesrict放在局部或者全局作用域都可以,然后有哪些变化,变量必须声明赋值啊、this普通函数为undef

一次k8s docker下.net程序的异常行为dump诊断

背景昨天,一位朋友找到我寻求帮助。他的项目需要调用一个第三方项目的webAPI。这个webAPI本身可从header,querystring中取相关信息,但同事发现他在调用时,无法按期望的那样从querystring中传参数给到第三方webAPI(webAPI仿佛忽略了从querystring过来的信息),朋友不知道是这个webAPI的问题,还是自己调用代码的问题了。。由于这个webAPIservice是他们公司内部的某team的项目,所以朋友虽然可以看到源码,但他并不能快速确定原因,维护项目的人又不好找。通过webAPIservice代码他自己找到了可疑的原因是webAPI中的这个方法有可能

一次k8s docker下.net程序的异常行为dump诊断

背景昨天,一位朋友找到我寻求帮助。他的项目需要调用一个第三方项目的webAPI。这个webAPI本身可从header,querystring中取相关信息,但同事发现他在调用时,无法按期望的那样从querystring中传参数给到第三方webAPI(webAPI仿佛忽略了从querystring过来的信息),朋友不知道是这个webAPI的问题,还是自己调用代码的问题了。。由于这个webAPIservice是他们公司内部的某team的项目,所以朋友虽然可以看到源码,但他并不能快速确定原因,维护项目的人又不好找。通过webAPIservice代码他自己找到了可疑的原因是webAPI中的这个方法有可能

用HTML CSS 实现简洁美观的时间线(历史年表)

前几天在B站刷到尼尔后突发奇想,就想给尼尔做一个简单的小网站,在思考如何体现尼尔的世界观的时候想到了使用时间线的方式,将所有时间的事件罗列起来。所以就试着做了一下,这种方式可以很直观的表现一些历史上发生的事情,历史相关主题的一些网站应该可以参考一下首先来看效果以上都是游戏里的一些历史,简单的设计了一下,个人对整体的页面设计还是挺满意的,但是本期主要讲的是时间线,就不多扯其他的东西了,下面来讲讲具体是怎样实现的首先是上面黑色的部分:很简单HTML:历史年表CSS:.daibiao{ width:100%; height:50px; line-height:50px; background-col