get和post是HTTP协议中的两种发送请求的方法. 如果你还不了解http,可以点击[HTTP协议①介绍](https://www.jianshu.com/p/632b890b75ac)[HTTP协议②缓存](https://www.jianshu.com/p/5d08e0b0fe0f) 首先先说get使用query接收get数据eg:http://127.0.0.1:3000/index?id=10001&name=zsreq.query中以对象的形式保存了get参数{id=1001,na…

JQ.JS相关小知识 任意元素自动点击 $(".editicon").trigger('click') 添加子元素 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 删除.清空子元素 $(".p").empty(); //不会删除自己 //删除内部所有子节点 $(".p").remove(); //会删除自己…

css样式相关小知识 文字超出一行显示省略号 overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis; /*文字隐藏后添加省略号*/ white-space: nowrap; /*强制不换行*/ 文字超出两行显示省略号 overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-…

前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来.现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容. HTML篇 浏览器地址栏运行JavaScript代码 这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javascript:开…

一.伪类与伪元素 为什么css要引入伪元素和伪类:是为了格式化文档树以外的信息,也就是说,伪类和伪元素是用来修饰不在文档树中的部分 伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的.比如:hover,虽然它和普通的css类相似,可以为已有的元素添加样式,但是它只有处于dom树无法描述的状态下才能为元素添加样式,所以将其称为伪类. 伪元素用于创建一些不在文档树中的元素,并为其添加样式,比如:before在一个元素前添加一些文本,并为这些文本添加样式,虽然用…

一.对象冒充 function student(name,age){ this.name = name; this.age = age; this.show = function(){ console.log("name:"+name,"age:"+age); } } function teacher(name,age){ this.teacher = student; this.teacher(name,age); delete this.teacher; } v…

一.实现图片倒影 如图: css属性 .style{ -webkit-box-reflect:below 0 linear-gradient(transparent,white 50% ,white); } 二.css3中的pointer-events属性解决事件点透问题 三.W3C拟定css标准的阶段 (1)编辑草案(ED)俗称思想大杂烩 (2)首个公开工作草案(FPWD)准备工作 (3)工作草案(WD)不断的改进 (4)候选推荐规范(CR)选出相对比较稳定的版本 (5)提名推荐规范(PR)表…

1.新增选择器 E:nth-last-child(n) E:nth-of-type(n) E:nth-last-of-type(n) E:last-child E:first-of-type E:only-child E:only-of-type E:empty E:checked E:enabled E:disabled E::selection E:not(s) 2.Font-face 特性 Font-face 可以用来加载字体样式,而且它还能够加载服务器端的字体文件,让客户端显示客户端所没…

1.获取元素样式属性的方法 第 一 种 : 较灵活,能获取传进来想获取的元素的样式属性,返回的是[字符串] function getStyle(obj, name) { // IE // 主流 return obj.currentStyle ? obj.currentStyle[name] : getComputedStyle(obj, false)[name]; } 第 二 种 : 重复使用率低 function getObjWidth(){ return parseInt(window.ge…

引用js <script src="链接/js代码位置" type="text/javascript"></script> 引用css <link rel="stylesheet" href="链接/css代码位置" media="screen" type="text/css"> jS引用css '<link rel="styleshe…