大白的博客

**当我们说到适配方案的时候越来越多的人会潜意识的翻译成移动端适配方案。确实是这样，在移动端蓬勃发展的今天，移动端的适配显得尤为重要。PC应用的适配已经不是适配方案主要需要考虑的了，随着移动互联网的来临，追求移动端的完美展示才是王道。**最近也在做一些活动页面的开发，对于网上的一些适配方案调研了一下，大致有百分比、媒体查询@media、rem等三种主流方案。下面对这几种方法做一些简单的整理，

jQuery和axios的网络请求原理

div中文字的垂直居中，找了很多版本，终于有一版可以完成要求

div中存放一段文字，在一个低分辨率的老古董手机上竟然不能按照宽度正常展示，总是比css写的宽度要短。

在使用ajax的时候，有时候你会发现前端发送的请求，后端接口接受到的格式并不是想要的格式，然后机会报错，最常见的就是json数据。那么这是为什么呢？打开控制台你会发现，接口请求默认的contentType的格式是application/x-www-form-urlencoded。这个格式的特点是post的数据会用&连接起来，比如传输姓名和年龄两个字段data:{name:'ja...

记录一个问题：touch的相关事件是页面上经常使用的，但是在小米手机上touchend事件竟然没法监听，事件光开始了，却怎么也停不下来。$("#btn").on({ touchstart: function(e){ console.log('按下') }, touchend: function(e){ cons...

记录个东西：h5上传图片是很常见的东西，但是我们在使用FileReader的时候，如果前后两次选中同一个文件，你就会发现，并不会触发onLoad事件。这个时候 我们只需要把input内容置空即可。...

String.fromCharCode()方法可以实现把码点转成字符打印,比如String.fromCharCode(0x0061)，控制台会输出a，但是fromCharCode只能对不大于0xFFFF的码点才有效，如果我们要打印一个emoji表情笑脸

模板字符串是es6中很方便的一个功能，以往我们写模板的话，需要我们把html文本一个个的拼接$("#list").append( '<div class="goodsname">'+goodsname+'</div>' + '<div class="goodscount">'+goodscount+'</div> ' + ...

正则表达式是由一个字符序列形成的搜索模式。这是网上给出的一个释义，个人理解正则表达式就是对你输入值按照一定的规则去处理，然后返回结果的一种方式。

1、什么是SVGASVGA是一种动画格式，可以兼容安卓、ios和web，可以实现很多复杂的动画，这样开发就不用头疼canvas来实现动画时的卡顿优化问题了。2、引入SVGA因为博主是前端方向的，所以这里只介绍web页面如何引入，这个是SVGA官方的web地址，如果大家感兴趣可以看一下和正常js引入一样，我们是需要script引入即可。<script src="js/svg...

vue学习笔记想记录一下学习vue过程中的一些笔记，就用这边博客记录吧：v-model使用v-model实现表格数据的双线绑定，eg: script> window.onload=function(){ new Vue({ el:'#box', data:{

canvas写字板

使用canvas实现简单的小球下落canvas可以实现一些有趣的绘画，可以实现规则或者不规则的图形。我们这里的小球就是一个通过canvas的方法arc画出的圆。我们可以使用storke和fil来实现圆的颜色和边框，如果你还想让圆在漂亮一些，使用createRadialGradient可以实现球颜色的渐变。var grad = context.createRadialGradient(x,y,5,x

使用canvas简单编写七巧板最近在学习canvas，目前还只是简单的了解了一下canvas画图的原理和简单图形的绘画。看到网上有很多canvas画的七巧板，但是并没有实现可以移动、拖拽和旋转拼接的demo，所以自己就利用js加上简单的canvas来实现一下。原理七巧板说白了也就是七块不同的多边形，要么是三角形，要么是四边形：如下图 我们可以通过数组现将七巧板的每一块先画出来： //把7个点的位

在ie8下面播放视频，只需要使用embed标签就行了，网上的一些拆件在ie8及以下都不能放。我们可以通过document.embeds来控制视频的播放和暂停。&lt;embed class="videos2" id="vivi" hidden="true" controls="controls" src="http://**/img/video/video2.mp4" allowful..

在我们使用jQuery请求借口的时候，你会发现在ie8中总是出错，1，No Transport这个时候你需要引用&lt;script src="jquery.xdomainrequest.min.js"&gt;&lt;/script&gt;至于上面的这个插件，可自行百度下载2，Typeerror:拒绝访问这个问题是真的坑，试了一晚上才发现，ie8竟然只能使用jQuery的1.8.1版本下面只百度...

视频是宣传产品的一个很好的展现形式，有时候几秒钟的视频其实可以介绍产品的大部分功能。使用video标签可以很方便的加载视频，并对视频做相应的控制，但是你会发现，在微信和QQ等X5内核的浏览器，视频区域会浮在页面最高层，而且播放的时候会直接弹出播放器界面，完全脱离了页面本身。幸好我们可以通过对X5内核的一些参数控制来实现固定区域的播放，这样你的页面在微信中也可以按照你想要的效果播放了。 &...

闲着无聊，写下闭包函数的一个小记闭包函数是js的一个重点，可以说没有闭包函数，js的面向对象的实现思路无法实现。但是我们经常会忽略闭包函数作用域的问题，导致页面结果跟预想不一样。一个很经典的例子就是输入框问题：<p id="showid">显示焦点元素</p><p>Name: <input type="text" id="name"&gt...

在网络请求中，我们经常看到返回码是304，返回码显示304就表示我们请求的资源没有变化，我们可以拿着之前的缓存使用，缓存对一个页面来说是必不可少的，有时候我们需要清除缓存更新数据，有时候我们需要保留缓存用来加快页面渲染。那么缓存到底是怎么来确定需不需要更新的呢？我们可以看到控制台中的header信息有三部分：1、General2、response headers3、reques...