- 博客(23)
- 收藏
- 关注
原创 vscode添加默认谷歌浏览器
打开vscode编辑器,打开“扩展(ctrl+shift+X)”调出扩展,输入关键字“open in browser ”,找到对应插件,并点击“安装”,安装完成后,打开vscode编辑器的设置(ctrl+,),在输入框中,输入关键词“open in browser”,找到对应的配置项,在配置项的输入框中(Set default browser)中,输入“Google Chrome ”即可。
2023-07-22 17:45:44
1620
原创 css中position:fixed为啥下面还要设置一个div的height
css中position:fixed会造成“高度塌陷”。高度塌陷:父元素包含子元素,子元素设置为浮动且父元素的height为auto或者不设置height,子元素就会脱离文档流,父元素高度塌陷为0。解决方案:一、margin-top给父元素next同级的元素设置margin-top,设置的margin-top要>=position设置浮动元素的高度二、新增<div style='height: Num px'></div>Num的数值也同样>=positon设
2020-06-28 22:44:28
1625
原创 Random的生成随机数小写字母+数字
//生成随机数字和字母, public static String getStringRandom(int length) { StringBuffer val = new StringBuffer(); Random random = new Random(); //参数length,表示生成几位随机数 int ischa...
2020-06-10 09:10:58
2283
原创 position:fixed定位后下面紧接着div等元素的问题
处理办理:在后面pistion:fixed后面,紧接着加一个空的设有高度的div <div class="ziye_toub"> //这个div position:fixed已经脱离文档流 <div class="left"></div> <p>商标库</p> </div> <div style="height: .75rem;"></div> //处理办法重点 <div .
2020-06-10 09:01:06
3512
原创 nth-of-type和nth-child的理解
一、nth-of-type<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>nth-of-type与nth-child的区别</title> <style> p:nth-child(3){ color: red; } </style> </head> <body> <p>
2020-06-09 08:57:16
197
原创 对IIS7经典模式和集成模式
从IIS6新增应用程序池的概念,到现在IIS7,对HTTP请求处理功能已经越来越精确化和不断改善,IIS7应用程序池新增了经典模式和集成模式可供选择。先直接看一个结果,再分析原因。编写一个最简单的网站,和一个最简单的HttpModule。程序结构如上,第一个ModuleIISTests是一个网站,里面包括aspx和htm文件,default.aspx文件内容为空,a.htm文件内容为aaaaa...
2020-06-08 10:46:41
156
原创 Flexbox--自行整理
flex布局分为旧版本的dispaly:box,过渡版本:display:flex box,以及现在的标准版本dispaly:flex。display:box与display:flex其实没啥区别,前者是2009年的语法,现在已经过时,个别浏览器使用要加上前缀,后者是2012年最新的语法,大部分浏览器基本可以兼容。注意:Android UC浏览器只支持display:box的语法,而ios uc浏览器则两种都支持!需要注意的是如果要使用line-clampline-clamp的解释地址:时需要用di
2020-06-03 18:58:57
150
原创 var a = {}以及var a = function(){}以及function(){}理解
一、var a = {}的理解var a = {};这是声明的一个没有任何属性的对象var a = {name:'跳跳'};这是一个声明带name属性的对象,属性名为name 属性值为跳跳取值的时候为alert(a.name);二、var a = function(){ }的理解var a = function() { }是一个函数表达式,需要按照顺序进行执行。值:将执行方法的顺序改一下就会报错了:就会提示不是一个function的函数。总结:var aa = functi
2020-05-29 13:49:42
5990
原创 input type=button在iso中显示和android的效果不同
HTML上面的用的是input的type="button"的按钮,发现在iso中的效果是就是这样的一个效果,很丑(原因:是因为iso在圆角和颜色属性上有默认的按钮渲染方式)解决:在全局样式或者在局部样式中加上-webkit-appearance:none即可解决-webkit-appearance:none...
2020-05-29 09:37:01
781
原创 对a标签的提交按钮点击后禁用,几秒后开启使用
HTML(a标签的按钮部分)js部分如果HTML提交的按钮是a标签时js中$(this).attr("disabled",true);完全无效。a标签的设置按钮样式,点击跳转事件是没有问题的,如果绑定$.ajax()事件,然后提交数据到后台,为了防止连续点击提交,重复执行ajax事件,就想到用disabled来禁用按钮,但是设置后无效,原来是a标签没有这个disabled的属性。...
2020-05-29 09:00:16
731
原创 给input设置样式 rgba的解析
HTML: <div id="create-div"> <form action="./create.do" method="post"> <input type="text" name="id" placeholder="姓名"> </form></div>CSSinput[type="text"] { /*background-color: rgb(250, 255, 189);*/ ba
2020-05-28 19:48:24
1436
原创 js switch case
Switch case用于不同条件执行不同动作。语法:switch(表达式){ case n: 代码块 break; case n: 代码块 break; default;}实例:switch (new Date().getDay()) { case 0: day = "星期天"; break; case 1: day = "星期一"; break; case 2: day
2020-05-28 19:40:20
328
原创 box-sizing的理解
box-sizing 属性可以被用来调整这些表现:content-box(默认值).如果你设置一个元素的宽度为100px,那么这个元素的内容会有100px宽,并且任何边框和内边框的宽度都会被增加到最后会指出来的元素宽度中。width=content-width+padding-width+border_width列:元素的宽度CSS<style> *{ padding: 0; margin: 0; } .content-div{ width:
2020-05-16 14:10:22
693
原创 网站中回到顶部
javascript部分:$(function() { $("#goPageTop").on("click", function() { $('body,html').animate({ scrollTop: 0 }, 500); return false; });});html部分:<ul class="floatCont"> <li><i class="fa fa-user-circle-o"></i></li&g
2020-05-12 13:43:39
127
原创 前端MVC(整理)
MVC是一种设计模式,它将应用划分为3个部分:M-Model数据(模型)、V-View展示层(视图)、C-Controller用户交互(控制器)MVC允许在不改变视图的情况下改变视图对用户输入的响应方式,用户对view的操作交给了Controller处理,在Controller中响应View的事件调用Model的接口对数据进行操作,一旦Model发生变化便通知相关视图进行更新。如果前端没有框架,只有使用原生html+js,MVC模式可以这样理解。将html看成view,js看成controller,负
2020-05-12 10:47:07
1383
原创 前端框架MVVM(整理)
一、总结vm层(视图模型层)viewmodel 通过接口从后台m(model)层请求数据,vm层继而和v(view)层实现数据的双向绑定。二、MVVM和MVC的关系1.mvc中c(controller)层被转换成vm(viewmodel)层2.MVVM是model(接口)-view(视图)-viewmodel(视图模型层)的简写,就是mvc的改进版3.MVVM更好的实现了前后台分离三、MVVM框架编码实例Vue的View模板:<div id="app"> <p>
2020-05-12 10:21:47
1042
原创 javascript的作用域及作用域链
一、作用域在js中作用域分为:全局作用域和函数作用域全局作用域:代码在程序的任何地方都能被访问,window 对象的内置属性都拥有全局作用域。函数作用域:在固定的代码片段才能被访问图作用域最大的用处就是隔离变量,不同作用域下同名变量不会有冲突。变量取值:到创建 这个变量 的函数的作用域中取值二、作用域链一般情况下,变量取值到创建这个变量的函数的作用域中取值。但是如果在当前作...
2020-04-22 11:20:12
99
原创 JavaScript slice()
js中的slice()方法定义:可从已有的数组中返回指定的元素语法:arrayObject.slice(start,end)start:必填规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1代码最后一个元素end:选填规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果...
2020-04-21 09:01:05
128
原创 es6中``
es6中允许使用``创建字符串模块,可以直接写回车空格编写html或文本。可代替‘’和“”的使用let html = `<div> <p>hahaha</p></div>`在‘‘中可以使用{}在``中可以使用在‘‘中可以使用{}直接把变量与字符串拼起来,无需使用加号let search = 1;//es5中let url="...
2020-04-16 09:13:55
1486
原创 html中ul li ol dd dt的区别
1、无序列表<ul> <li></li></ul>无序列表,前面有一个小黑点2、有序列表<ol> <li></li></ol>有序列表,列表前面是数字3、定义列表<dl><dt></dt><dd></dd><...
2020-04-13 18:14:46
383
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人