html代码:<a href='javascript:void(0);' onclick='Delete(""+ index +"")' class='opt-btn'>删除</a>
/*** * json数据 * */var userData = {"total":2,"r
在前面的学习过程中我们已经对vue1有了一定的了解，下面我们来学习一下vue2，看一下vue1与vue2有什么区别。
区别1：
在vue2中使用v-for指令时它可以添加重复的内容，就像可以添加相同的留言内容，下面我们来看一下
在写代码的时候首先要引入的是vue2js文件。
简单的网页布局（Div+CSS）<CSS盒模型+Div嵌套>：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>新浪网局部布局</title&g
今天接着说test8的页面还原。
头部header和尾部footer
我一开始是想直接使用bootstrap的栅格系统来实现的。但是内容的定位出了不少麻烦。
那么就索性用原生html+css来还原页面了。
放上效果图
头部html代码&#
最近翻了一下关于移动端的rem的使用，怎样最方便。在读到流云诸葛的一篇关于《从网易与淘宝的font-size思考前端设计稿与工作流》的文章后，来总结一下。
然而根据我以往做移动端web项目的时候，设计稿一般是640或者750的，我一般会在head里面这样写：
<
<frameset></frameset>:框架标签,可以将页面分割,被frameset标签分割的页面,不允许使用body标签;frameset标签页面内只能出现frameset或frame标签;
属性：cols——定义框架集中列的数目和尺寸。 rows——定义框架集中行
一、CSS概述
css ( cascading style sheets ) 层叠样式表,可以轻松设置网页元素的显示、位置和格式外,甚至还能产生滤镜,图像 淡化,网页淡入淡出的渐变效果,简而言之,css就是要对网页的显示效果实现与word 一样的排版控制。
DIV+CSS 标准的叫法 xhtml+c
text-align:center;
height: 30px;
line-height:30px;
1、z-index基础
z-index含义：指定了元素及其子元素的”z顺序“，而”z顺序“可以决定元素的覆盖顺序。z-index值越大越在上面。
z-index值：auto（默认值）；integer（整数值）；inherit（继承）。
z-index基本特性：①支持负值；②支持CSS3
DIV+CSS布局中主要CSS属性介绍：
Float:
Float属性是DIV+CSS布局中最基本也是最常用的属性，用于实现多列功能，我们知道<div>标签默认一行只能显示一个，而使用Float属性可以实现一行显示多个div的功能，最直接解释方法就是能实现表格布局的多
前端布局一直是CSS的一个重点应用，然而基于盒子模型的传统布局方案，依赖display + position + float 属性，对于某些特殊的布局非常不方便，比如：垂直居中就不容易实现。针对这一情况，在2009年，W3C提出了一种新的方案：Flex布局，可以简便、完整、响应式地实现前端的各种布局
calc()的官方用法就不细说了。这里提示，在使用calc()时，四则运算符号两端一定要有空格！否则不对！
eg.
1 <style>
2 .box{
3 width:calc(50% - 14px);4 }
5 </style>
1、relative和absolute的相煎关系
限制作用：①限制left/top/right/bottom定位；②限制z-index层级；③限制在overflow下的嚣张气焰。
relative和fixed限制作用：限制z-index层级。
2、relative和定位
特性：①相对自行
2017-07-24 更新：增加单例模式。
jquery插件开发框架代码：
/*
* 插件编写说明：
* 1、插件命名：jquery.[插件名].js，如jquery.plugin.js
* 2、对象方法添加到jQue
html input验证只能输入数字，不能输入其他
此方法为借鉴别人的，在此只做记录。
<input type="text" onkeyup="if(!/^d+$/.test(this.value)) tip.innerHTML='必须输入数字，且不
一，base.css基础样式表的意义
我昨天，整理了一下代码规范。
发现现在这个程度的页面还原。有必要创建一个规范的base.css库和framework.css库
而且也要为日后的工作整理一些常用的基础css，你们想象一下日后在公司里上班，如果每次都要逐
1 $p_id = $_REQUEST['p_id'];
2
3 echo "<h1>您将更新商品编号为<span>$p_id</span>的商品信息 <a href='listproduct.php'>查看所有</a></
Div+CSS(嵌套+盒模型)布局页面完整实例流程：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>中国石油大学</title> </head&g
今天完成的事情：（1，伪元素：before,:after的使用。2.table的使用（collapse的使用）3rgba的高级运用）
今天我主要完成test8-3的页面。
header和footer都是前两个页面用到的。直接搬过来就好。
一。实现nav导航。我自己尝试
移动端适配的相关概念以及几种方案总结
适配相关概念
布局视口（layout viewport）：html元素的上一级容器即顶级容器，用于解决页面在手机上显示的问题。大部分移动设备都将这个视口分辨率设置为980px，所以PC上的网页基本上能在手机上呈现，只不过看上去很小，一般默认可以通过手动缩放网页。
客服
