吃饭callme-CSDN博客

原创解决ajax弊端：ajax与history实现无刷新修改url

ajax我们都知道，ajax可以实现无刷新页面获取数据，这无疑能极大地提高用户体验，但是它有一个弊端，就是通过ajax获取的内容，在页面刷新或者点击浏览器的前进和后退按钮，重新回到当前页面的时候，之前获取的内容索引丢失了，页面变回了初始状态。ajax的弊端事例就例如下图的分页器，点击下一页通过ajax获取内容然后改变页面的内容，当我们按了很多次下一页按钮，定位到了某一个页面，但是只要页面一刷新，页面

2017-10-31 01:03:18 1794

原创 windows安装mongodb

mongodb简介：MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。他支持的数据结构非常松散，是类似json的bson格式，因此可以存储比较复杂的数据类型mongodb下载链接：mongodb下载mongodb安装过程：1. 下载完，自定义安装，选择一个安装位置，我的安装位置：D:\mongoDB2. 安装完后，如下图：3.接下来，我们需

2017-08-21 09:47:25 303

原创安装和认识express框架

1. 安装使用express框架：express是nodejs中一个比较流行的web开发框架，可以快速搭载一个web应用1.1 使用npm全局安装express命令行工具，可以让我们初始化一个express项目：npm install -g express-generator1.2 创建一个安装express项目的文件夹，我这里为nodejs：使用命令提示符进入这个nodejs文件夹：1.3 使用命

2017-08-17 15:55:49 657

原创 css中的BFC

什么是BFC？BFC全称为块级格式化上下文，它实际上就是一种css布局规则，它规定了元素内部如何布局，而且内部布局不会对外部产生任何影响，即当一个块级元素触发了BFC，那么这个块级元素就会有相应的规则。那么，触发了BFC后，会发生什么big news呢？big news： 1. BFC内部的块盒和行盒（行盒就是接连排列的内联元素）元素会在垂直方向接连排列同一个BFC内部的两个相邻元素的上下mar

2017-07-06 17:52:16 558

原创 vue-cli加vuex搭建在线音乐播放器

效果图：播放器地址：点击浏览在线播放器源码地址：点击查看源码需要音乐源数据，我们可以使用qq音乐的api：qq音乐有两个音乐榜单：新歌榜：http://music.qq.com/musicbox/shop/v3/data/hit/hit_newsong.js总榜：http://music.qq.com/musicbox/shop/v3/data/hit/hit_all.js可以在上面的数据中获取

2017-06-13 22:31:26 727

原创一些css的特性和‘坑’

margin对元素的影响1.首先是嵌套元素: margin-top会合并，而margin-left不会合并style> .outer{ width: 200px; height: 200px; background: #CCC; } .inner{ heig

2017-02-15 14:13:03 349

原创如何上传base64图片到七牛云存储，然后返回图片url呢？？

如何上传base64图片到七牛云存储，然后返回图片url呢？？前言在做项目时，有时候我们需要把canvas中的图画导出成为图片，但我们知道导出来的图片是base64的字符流图片，而这种编码图片在手机端是无法长按保存的。那该怎么办呢？怎么才能在手机端也能保存这种图片呢？解决方法：我们可以先把base64编码图片上传到七牛云存储，然后通过返回的url，给到img标签中，这样就可以实现base64移动

2017-02-09 15:43:00 11959 9

原创 base64图片编码大小与原图文件大小之间的联系

base64图片编码大小与原图文件大小之间的联系有时候我们需要把canvas画布的图画转换成图片输出页面，而用canvas生成的图片就是base64编码的，它是由数字、字母等一大串的字符组成的，但是我们需要获取它的文件流大小该怎么办呢？Base64图片编码原理：Base64编码要求把3个8位字节（3*8=24）转化为4个6位的字节（4*6=24），之后在6位的前面补两个0，形成8位一个字节的形式

2017-02-08 11:01:36 67712 7

原创 localStorage的理解和应用

什么是localStorage？它是html5新增的一个本地存储API，所谓localStorage就是一个小仓库的意思，它有5M的大小空间，存储在浏览器中，我们可以通过js来操纵localStorage。下面来介绍一下它的用法。为了更好地理解localstorage，我用它做了一个本地存储的小便签：代码在我的github上：https://github.com/che

2016-12-22 18:52:56 2179

原创 em单位的理解和使用

什么是em单位？em是一个相对的度量单位，对于浏览器来说，1em=16px，16px为浏览器的默认字体大小。为什么说它是一个相对的度量单位呢？下面用px和em分别做对比举例子： #p1{color: red;font-size:2em;} #span1{color:green;font-size:2em;} #p2{co

2016-12-22 16:32:39 19285 1

吃饭@我的博客