在vue中使用饿了么mint-ui组件进行开发

本文介绍如何使用vue以及饿了么的移动端vue组件库mint-ui来开发一个简单的移动端页面。

简单介绍一下vue以及使用vue进行移动端开发

vue是一个javascript生态中的一员,是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。

现在一般vue这个名词往往和移动端开发一起出现,当然这并不代表vue只能用来开发移动端的web应用。可以这样理解,vue和jquery类似,都是基于javascript封装的便于开发者快速开发的前端框架。只不过现在很多移动端都使用……

阅读更多

HTML meta viewport属性说明(转)

原文地址:https://www.cnblogs.com/pigtail/archive/2013/03/15/2961631.html

什么是Viewport

手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持。

Viewport 基础

……

阅读更多

解决Crayon Syntax Highlighter代码高亮插件多余空代码行的问题

我在wordpress里安装了一个代码高亮插件——Crayon Syntax Highlighter,这个插件有中文的配置页面,功能挺强大的,支持多种代码主题,可以自定义代码字体,边距等属性,用起来还算比较顺手的。

但是直到最近我才发现,这个插件渲染的代码块会在末尾多出一行空的代码行:

我以为我是在markdown里不小心多输入了一个回车符什么的,但是去检查了,发现也没有。去Crayon Syntax Highlighter的配置页面也没有找到相关的配置,应该是这个插件在将markdwon语法转换成html的过程里存在bug,多生成了一个空行。

我用chrome开发者工具检查了这些多出……

阅读更多

html中的meta标签总结

说起<meta>标签,作为web开发者的我们肯定都很熟悉。

最常见的就是在每个html页面中的<meta charset=”UTF-8″>。

然而虽然每天都在和<meta>标签打交道,但我们也许对<meta>标签的了解十分有限,今天这篇文章是我在网上查看了不少资料总结出来的,目的就是详细介绍下<meta>标签这个经常被我们忽略掉的老朋友。

一、meta标签的定义

The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the pa……

阅读更多

解决src相同但src对应的图片发生变化后页面没有更新的问题

之前在做一个用户维护个人信息的页面时,发现当用户上传新的头像后,我用js去更新img的src属性,页面上却仍然显示原来的头像。

图片上传成功后,img的src值不变,但是对应的图片已经改变了。
获取图片的src请求如下:

<img src="xxx/public/api/getUserPhoto?userId=12345"></img>

此时按道理从后端再发一次请求的话,是能够获取最新的图片的。

后来上网查了资料,发现是因为当img的src没有变化时,浏览器不会重新发送src对应的请求去加载图片,而是直接使用缓存里的图片,即之前的头像。

解决的方法很简单,在……

阅读更多