yangjidaimin的专栏

http进化史http0.9:只有GET请求，也不支持请求头信息请求信息只有下面一行GET www.baidu.comhttp1.0:在请求中指定版本号，支持GET、POST、HEADhttp1.1:http1.1新增了：OPTIONS、PUT、DELETE、TRACE、CONNECT五种HTTP请求方法。需要指定host头：长连接：缓存策略不同：新增了24个错误状态码：http2：二进制传输：http1.x的解析是基于文本，http2的解析是基于二进制；多路复用：heade

1： js中准确判断数据类型Object.prototype.toString.call(var).slice(8,-1).toLowerCase() 返回值”object”,”array”,”function”,”null”,”undefined”,”string”,”number”,”boolean”

刚开始接触Vue的第一个项目就是把Vue最低版本的项目迁移到现在最新的版本2.0，好玩又有挑战。Vue中的知识点index:在v−for循环中index: 在v-for循环中index表示当前数组的索引。Vue迁移中改动的地方1：当组件不需要渲染模板中的内容，而是渲染默认的内容时，可以使用组件的inline-template属性，组件将把它的内容当做模板，而不是当做分发内容，而且inline-t

1：jQuery的find方法返回一个dom对象数组，如果find方法返回的元素个数只有一个，改元素是个jQuery对象数组。 var x = $(“.a”).find(“.b”);如果length=1,x是个jQuery对象，如果length>1，x是个数组，每一个数组元素是个dom对象。

1：var bannerAd=bannerAd = (“.search-enhance-app”).find(“.applist-ad”).remove().removeClass(“applist-ad”).addClass(“banner-ad”); 和var bannerAd=bannerAd = (“.search-enhance-app”).find(“.applist-ad”).rem

js dom操作

id="form" method="get"> type="text" name="q" value="设计蜂巢"/> type="button" id="submit">查询 type="text/javascript">$(function(){ $('#submit').click(function(){ $('#form').submit() })})上述代码看上去貌似没什么问

1:CSS3阴影 box-shadow的使用和技巧总结 参考CSS3阴影 box-shadow的使用和技巧总结 2：实现多行文本超出显示…(火狐浏览器不支持) display:-webkit-box; -webkit-line-camp:3; -webkit-box-orient:vertical;3：取消默认的高亮显示 -webkit-tap-highlight-color:

1：null和undefined的区别 null转换成数字 == 0 undefined转换成数字 == NAN欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdow

1：图片产生了收缩效果，通过outline：1px solid transparent;参考文章：https://stackoverflow.com/questions/31728525/image-rendering-with-decimal-pixels-and-css-transition2：海外app印度小语种在chrome>71的版本上会出现乱码；3：requestAnima...

1：不创建新的变量交换a,b的值var a = 1, b = 2;a = a + b;b = a - b;a = (a - b) / 2;2：冒泡排序var a = [7,9,4,5,6,21,32,45,56,7,16,17,19,99];a = bubleSort(a);function bubleSort(a) { var tmp; var aLen = a.l...

webpack4 splitChunks和runtimeChunk用法详解为什么要用splitChunkswebpack4之前使用CommonsChunkPlugin提取公共代码，但是CommonsChunkPlugin存在以下三个问题：1:产出的chunk在引入的时候，会包含重复的代码；2: 无法优化异步chunk；3:高优的chunk产出需要的minchunks配置比较复杂。为了解...

单例模式：var singleton = (function () { var instance; function init() { function privateMethod() {} var privateVar; return { publicMethod: function() {} publicVar: '' };...

前端面试题总结

1：页面中的元素显示或者隐藏会触发页面的滚动监听事件。.parent { height: 100%; overflow: scroll;}.child { background-color: red; height: 1000px;}.load { width: 100%; height: 50px; background-color: #f0f;}<div

1： $(document).delegate(“body”,”click”,function(){ alert(123); }); 在iphone上无效 解决方法：（还没找着）

function setIframeHeight(iframe) {        if (iframe) {            var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;            if (iframeWin.document.body) {       

js事件冒泡的机制：子元素定义的事件触发时，如果父元素定义了同样的事件，就会逐级向上执行，直到最顶层window，子元素执行子元素的事件，父元素执行父元素的事件，不是子元素执行父元素的事件。    function outSideWork(e) { var e=e||window.event; var obj=e.target||e.srcEle

行元素：不会独占一行，宽度随着内容的变化而变化，对其设置宽度和高度无效，外边距（margin）和padding（内边距）的垂直方向无效，水平方向有效。只能嵌套行内元素。块元素：独占一行，宽度和高度有效，外边距和内边距都会起作用。能够嵌套行内元素和块元素。

1：利用br标签的clear属性清楚浮动在父元素中添加,同时需要为父元素添加{zoom:1;}解决IE浏览器的兼容性问题（haslayout）2:加一个清楚浮动的空标签            左浮动元素        右浮动元素        3:在父元素中添加{overflow:hidden;zoom:1;},会存在一些隐藏问题。4：在父元素中添加{d

jpg格式：体积小，下载速度快，色彩多。缺点是有损压缩，不支持透明png格式：支持色彩少，无损压缩，体积比较大，png8支持256色，不支持alpha通道的半透明（透明或者不透明），png24支持alpha通道的半透明。gif格式：支持动态图效果，只支持256色，可透明，不支持半透，体积小，处理锯齿效果不好。svg格式：矢量图形，无损压缩。但是浏览器支持的效果不好，主要

1：三布局中的左侧自适应，中间定宽，右侧自适应        .clearfloat{        zoom:1;        }        .clearfloat:after{        display:block;        clear:both;        content:"";        height: 0;     

1：/*这种方法不能撑开父元素的高度*/(左边定宽，右边宽度自适应)    主要内容区域    次要内容区域/*清除浮动*/.clearfloat{        zoom:1;}.clearfloat:after{        display:block;        content:"";        height:0;

1:利用负边距.container{       width:980px       background: pink;       overflow:hidden;}/*清楚浮动*/        .clearfloat{                zoom:1;        }        .clearfloat:after{     

.parent{width:500px;height:400px;border:1px solid #ddd;borde-radius:10px;display:table;*font-size:400/1.14px;/*设置为父元素高度/1.14*/}.child{display:table-cell;font-size:14px;vertical-a

图片自动轮播                                          1            2            3            4

1：针对移动设备最常用的在显示面积上手机屏幕相对桌面显示器要小很多，在几年前(现在也如此)大部分网站都是为桌面显示器浏览而设计，很少考虑到适应手机屏幕，所以如果用手机浏 览大多网站时会出现问题，比如常见固定宽度的网页会出现横向竖向滑动条，当然这不算什么大问题；但如果是浏览流动布局的网页那情况会非常糟糕，设想一个宽 度为30%的侧边栏对于320px手机屏幕而言也就96px，只能容纳8

div {    display: inline-block;    *zoom: 1;    *display: inline;}IE6能识别*，但不能识别 !important, IE7能识别*，也能识别!important; FF不能识别*，但能识别!important;

*{        margin:0;        padding: 0;        }        .parent{        width:100px;        height:100px;        background: green;        }        .child1{        width:30px;

parserInt(a) == a && a >0

解决方法：对tr下的td设置边框属性。

最近遇到一个bug，后来研究了好久才发现火狐浏览器中checkbox的autocomplate属性默认为on,当checkbox选中取消时，再次刷新页面时checked属性无效，也即checkbox没有选中把autocomplate·属性设置为off即可

.img_box{width:50px;height:50px;display:table-cell;text-align:center;vertical-align:middle;}.img_box img{max-width:100%;max-height:100%;vertical-align:middle;}

点击某个离开页面的链接在地址栏中键入了新的 URL使用前进或后退按钮关闭浏览器重新加载页面1:$(window).onbeforeunload = function(){    return "123";}2:    function show()    {          return 1;     }

这是自己以前实现的功能，在此和大家一起分享，以后多写博客咯，方便与大家共享知识，也为了自己可以更好的记忆。源代码： 前端练习 div.pictures{ width:500px; height:400px; overflo

$('.a').bind("contextmenu",function(e){       return false; });

图片轮播                                        div.pictures{        width:500px;        height:400px;        overflow: hidden;            position:relative;            float: left;