![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 52
Kwoky
这个作者很懒,什么都没留下…
展开
-
HTML页面SVG的使用
SVG (Scalable Vector Graphics) 可缩放矢量图,是一种基于XML语法的图像格式。其他图像格式都是基于像素处理的,SVG则是属于对图像的形状描述,所以它本质上是文本文件,体积相对较小,且放大时也不会失真。插入svg标签直接使用 <svg> 标签插入内容到网页中,成为DOM的一部分,然后可以使用CSS和JS进行控制。<svg width="400" heihgt="300" id="testSvg"> <circle cx="..原创 2021-09-16 10:04:36 · 11469 阅读 · 0 评论 -
CSS设置文本溢出
单行文本溢出用省略号显示overflow:hidden;text-overflow:ellipsis;white-space:nowrap;多行文本溢出用省略号显示display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;限制文本最大行数要判断行数的文本的样式:text-overflow: ellipsis;display: -webkit-box;-原创 2021-09-14 17:10:09 · 1105 阅读 · 0 评论 -
css overflow属性及使用方法
定义和用法overflow 属性规定当内容溢出元素框时发生的事情。overflow的属性可取的值:visible 默认值。内容不会被修剪,会呈现在元素框之外。hidden 内容会被修剪,并且其余内容是不可见的。scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。inherit 规定应该从父元素继承 overflow 属性的值。...转载 2021-06-23 09:46:57 · 1677 阅读 · 0 评论 -
margin标记带不同个数参数的不同的含义
margin标记可以带一个、二个、三个、四个参数,各有不同的含义。margin: 20px;(上、下、左、右各20px。)margin: 20px 40px;(上、下20px;左、右40px。)margin: 20px 40px 60px;(上20px;左、右40px;下60px。)margin: 20px 40px 60px 80px;(上20px;右40px;下60px;左80px。)在css中使用margin可以将margin-top,margin-right,margin-bot原创 2021-06-17 18:10:44 · 1860 阅读 · 0 评论 -
Flex布局
一、什么是Flex布局?Flex是Flexible Box的缩写,顾名思义为“弹性布局”,用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex 布局。.box{display:flex;}行内元素也可以使用Flex布局。.box{display:inline-flex;}webkit内核的浏览器,必需加上-webkit前缀.box{display:-webkit-flex;display:flex;}需要...原创 2021-02-23 18:41:42 · 2060 阅读 · 0 评论 -
CSS选择器之伪类选择器(元素)
CSS选择器之伪类选择器(元素):first-child 选择某个元素的第一个子元素(IE6不支持):last-child 选择某个元素的最后一个子元素:first-of-type [CSS3]选择一个上级元素下的第一个同类子元素:last-of-type [CSS3]选择一个上级元素的最后一个同类子元素:only-child [CSS3]如果某个元素是父元素中唯一的子元素,那将会被匹配(IE6-8不支持):only-of-type [CSS3] 如果某个元素是父元素中唯一的...原创 2021-01-16 18:38:44 · 2932 阅读 · 0 评论 -
JS设置CSS样式的几种方式
JS设置CSS样式的几种方式用JS来动态设置CSS样式,常见的有以下几种1. 直接设置style的属性 某些情况用这个设置 !important值无效如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式element.style['text-align'] = '100px';element.style.height = '100px';2. 直接设置属性(只能用于某些属性,相关样式会自动识别)element.setAttribu...原创 2020-12-24 08:54:49 · 3205 阅读 · 0 评论 -
JS对象的方括号表示法和点表示法
在javascript中,一个对象可以这么创建:var my_class = { my_var: "Jim", my_fun: function(your_name){ alert(your_name) }}点表示法:my_class.my_var;my_class.my_fun("jack");方括号表示法:my_class["my_var"];my_class["my_fun"]("jack");...原创 2020-05-14 09:59:37 · 2556 阅读 · 0 评论 -
JS中运算付的技巧
a() && b() :如果执行a()后返回true,则执行b()并返回b的值;如果执行a()后返回false,则整个表达式返回a()的值,b()不执行;a() || b() :如果执行a()后返回true,则整个表达式返回a()的值,b()不执行;如果执行a()后返回false,则执行b()并返回b()的值;&& 优先级高于 ||...原创 2020-03-13 21:24:40 · 2358 阅读 · 0 评论 -
js里两个括号含义
(function(){})()相当于先定义了一个匿名函数然后调用,类似于;var fun = function(){};fun();第二对括号代表立刻执行前面的匿名函数,括号内的值会作为实参传递给匿名函数。...原创 2020-02-14 08:37:57 · 4101 阅读 · 0 评论 -
js 中的 void 0
void其实是javascript中的一个函数,接受一个参数,返回值永远是undefined。可以说,使用void目的就是为了得到javascript中的undefinedconsole.log(void "hello") // undefinedconsole.log(void ("hello")) // undefinedconsole.log(void (0)) // undef...原创 2020-02-13 20:35:43 · 3322 阅读 · 1 评论 -
常见的html转义字符
HTML转义字符字符 十进制 转义字符 " " " & & & < < < > > > 不断开空格(non-breaking space) ...原创 2020-02-09 14:38:59 · 2620 阅读 · 0 评论 -
JavaScript prototype 属性
定义和用法prototype 属性使您有能力向对象添加属性和方法。语法object.prototype.name=value实例在本例中,我们将展示如何使用 prototype 属性来向对象添加属性:<script type="text/javascript">function employee(name,job,born){this.name=na...原创 2018-10-05 09:35:29 · 2260 阅读 · 0 评论 -
破解 js packer 加密
eval(function(p,a,c,k,e,r){e=String;if(!''.replace(/^/,String)){while(c--)r[c]=k[c]||c;k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+...原创 2018-11-02 11:49:24 · 3245 阅读 · 0 评论 -
html中hr的各种样式使用
第一种:<hr style=" height:2px;border:none;border-top:2px dotted #185598;" />height:2px;是hr的高度border:none;是没有边框border-top:2px dotted #185598;是设置横线的样式dotted 虚线 #185598 颜色第二种:<hr s...原创 2018-12-22 22:29:25 · 10031 阅读 · 0 评论 -
jquery checkbox选中、改变状态
jquery判断checked的三种方法:.attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false.prop('checked'); //16+:true/false.is(':checked'); //所有版本:true/false//别忘记冒号哦jquery赋值checked的几种写法:所有的jque...原创 2019-01-12 00:20:18 · 24307 阅读 · 1 评论 -
http请求头中Referer的含义和作用
Referer请求头的一部分,表示一个来源。比如在www.google.com 里有一个www.baidu.com 链接,那么点击这个www.baidu.com ,它的header 信息里就有:Referer=http://www.google.comReferer 的正确英语拼法是referrer 。由于早期HTTP规范的拼写错误,为了保持向后兼容就将错就错了。其它网络技术的规范企图修...原创 2019-05-07 23:51:30 · 5787 阅读 · 0 评论 -
JS之JSON.PARSE和JSON.STRINGIFY
JSON对象的两个方法:JSON.parse()和JSON.stringify()通常用作JSON对象和字符串之间的相互转换JSON.parse(string):接受一个JSON字符串并将其转化成一个JavaScript对象。JSON.stringify(obj):接受一个JavaScript对象并将其转化为一个JSON对象。比如我有连个变量,我要将a转成字符串,将b转换为JSON对象:...原创 2019-09-07 14:14:06 · 2438 阅读 · 0 评论 -
html5的localStorage的操作
之前客户端存储数据都是由 cookie 完成的,但是 cookie 不适合大量数据的存储。cookie 由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。HTML5 提供了在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。localStorage存储window.localS...原创 2019-09-15 14:31:44 · 3632 阅读 · 0 评论 -
jquery控制元素的隐藏和显示
很简单,做个笔记,方便查阅$("#id").show()表示为display:block,$("#id").hide()表示为display:none;$("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,则切换为可见的。$("#id").css('display','none');//隐藏$("#id").css('display','...原创 2019-10-10 15:15:48 · 2423 阅读 · 0 评论 -
JavaScript:this是什么?
定义:this是包含它的函数作为方法被调用时所属的对象。说明:这句话有点咬嘴,但一个多余的字也没有,定义非常准确,我们可以分3部分来理解它!1、包含它的函数。2、作为方法被调用时。3、所属的对象。看例子:function to_green(){this.style.color="green";}to_green();上面函数中的this指的是谁?分析:包含this的函数是,to_...原创 2018-10-05 09:34:07 · 2554 阅读 · 0 评论