在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……

阅读更多

在markdown中显示HTML标签和转义字符

想写一篇关于html中的<meta>标签的博客,结果刚开始打下第一行字,就遇到问题了,因为我在wordpress中安装了markdown编辑器插件,而markdown是支持用html的语法来写文章的,因此html的标签就没办法正常展示在文章里,而是被当作了html语法来解析。

网上查了查,发现想用html标签中的字符,必须要经过转义,转义字符如下表:

比如想要展示<meta charset=”UTF-8″>,就需要写成&lt;meta charset=”UTF-8″&gt;

而除了上述的字符需要转义意外,Markdown中,还有以下的字符支持使用……

阅读更多

JavaScript预编译以及变量提升

本文介绍JavaScript中的两个小陷阱,预编译和变量提升。

为什么要说是陷阱呢?

一、JavaScript预编译

先说JavaScript预编译,来看看下面的例子:

var str = '123';
f();
function f(){
    console.log(str);
}

可以猜猜看,上面的代码在执行f()时,是会提示:f is not defined 函数f未定义呢,还是打印出str的值“123”?

答案正常打印出str的值“123”。

但是从代码上面来看,在执行f()时,函数f明明都还没有被定义,为什么还能被执行呢?

这是因为JavaScript代码在运行……

阅读更多

JavaScript深入理解闭包

谈到闭包,这是一个让很多非JavaScript程序员甚至JavaScript程序员都觉得充满着神秘感的词语,很多使用JavaScript的程序员也许在不知情的情况下,已经使用了闭包,但是并不知道闭包到底是个什么东西。

闭包这个东西,说难确实难,它算是js中一个比较高大上的概念,但是说不难其实也不难,如果能明白JavaScript执行环境和作用域链这两个核心概念,那么理解闭包也就水到渠成了,因为闭包正是通过执行环境和作用域链这两个概念衍生的。

(注:JavaScript执行环境和作用域链我在之前的博文《JavaScript执行环境、上下文、作用域链详解》里已经深入的介绍过,如果对这两个概念还……

阅读更多

JavaScript函数传参是传值还是传引用

ECMAScript中的所有参数传递的都是值,不能通过引用传递。
——《JavaScript高级程序设计》

这是书中的介绍。

下面通过一个例子来证实JavaScript函数传参,到底是传值还是传引用:

function change(arg){
    arg = 'changed';
}
var a = 1;
change(a);
console.log(a)
//输出
1

这里定义了一个函数change,函数将传来的参数arg的修改为字符串’changed’,之后定义了变量a,并赋值为1,将a传递给函数change,如果js的参数传递是值传递,那么arg只是a的一个拷……

阅读更多

JavaScript执行环境、上下文、作用域链详解

前言

JavaScript的执行环境、上下文、作用域链这些概念一直是很多人搞不清,看不透的难点,光是从名字上就很容易混淆,别说是刚刚接触js的新人,就算一些使用js多年的开发者,我觉得也不一定就真的能分清楚什么是执行环境,什么是作用域。

我之前也一样,以前认为反正我是做后端的,js对于我来说只是个承前启后的工具而已,况且最先接触的是jquery而不是js,当时从没听说过jquery到上手做项目也不过一周的时间,这让当时的我一度认为这门语言“没什么难的”。

但是在这一年来的工作中,发现很多时候遇到js相关的问题时,百思不得其解,可能凑巧改几行代码改好了,但却也是不知道为什么。后来买了《Ja……

阅读更多

JavaScript与块级作用域

1.什么是块级作用域

C、C++、Java等语言中有一个语法特性——块级作用域。

什么是块级作用域?

举个例子:

{
    int foo = 1;
    foo = 2;//ok
}
foo  = 3;  //wrong

块级作用域就是被包含在大括号{}之间的代码,上述代码中,如果在块级作用域外访问变量foo将会报错,这是因为在块级作用域中声明的变量,其生命周期仅存在大括号{}范围之内,出了{}范围,这些变量所占的内存将被视作垃圾而被回收。

2.JavaScript中的块级作用域

与C、C++、Java等语言不同,如果上面的代码是由javascript编写并且运行的话,结……

阅读更多