移动端基础设置 一、移动端1、窗口设置meta标签：视口信息：<meta name="viewport" content=" "/>content:…width:物理设备里能够显示的页面像素，默认980…width:device-width;…intial-scale:设置页面初始缩放值，默认为1…minimum-scale:最小缩放…maximum-scale:最大缩放…use...
正则表达式及其配合使用的字符串方法 正则表达式及其配合使用的字符串方法一、一些特殊符号和字母1、创建正则1）var zz=new RegExp();返回结果：正则2）var zz=//;例如：var b=/你好/;ps:方法一可以放变量，而方法二不可以；2、使用正则匹配字符test():参数：整体被查询的字符串；var str='你好啊’;例如 b.test(str)3、特殊字母\ ：转义符...
jquery基本功能/json数据格式 一、jquery基本功能：访问和操作DOM元素控制页面样式对页面事件处理大量插件在页面中的应用与Ajax技术的完美结合二、nodejsnpm ：Node.js打包管理工具安装：nodejs下载资源 : npm install(可简写 i) -g jQuery -g全局，可省略；淘宝镜像 cnpm删除资源 : cnpm uninstall jQuery三、jq方法...
关于浏览器本地存储 一、含义通过浏览器对数据进行本地存储二、cookies浏览器查看：f12——Application——storage——cookies1、特点只能通过服务器访问存储数量20条左右存储事件默认为session时间，session会话控制（浏览器开启关闭时间）2、设置cookiedocument.cookie=“name=value”；存字符串3、获取cookied...
浏览器滚动条位置如何设置 1、window.pageYoffset获取滚动条在Y轴方向的距离2、window.pageXoffset获取滚动条在X轴的距离3、scrollTo(参数一，参数二）设置滚动条位置参数一：x方向参数二：y方向ps:如果只设置一个方向 ，一个方向设置为0...
web前端开发第一阶段——background/关键帧 background背景background-color:red;背景颜色background-image：url(图片路径);background-repeat:no-repeat;不平铺background-position:rebackground-size:150px 23px;宽 高百分比cover等于100%background-origin:设置背景的位置值：...
web前端开发第二阶段——BOM浏览器对象模型 一、浏览器代理信息navigator浏览器用户管理window.navigator.userAgent二、event事件wheelDelta 滚动方向(谷歌浏览器） >0 为向上滚动 <0 为向下滚动detail滚动方向(火狐浏览器）>0 为向下滚动 <0 为向上滚动封装的js/* 鼠标滚轮兼容浏览器 参数： obj:添加滚轮事件的元素...
web前端开发第二阶段——dom事件滚轮 一、onwheel滚轮事件ps:只在谷歌和火狐二、DOMMouseScrollps:不能用于传统事件，只能用于事件监听 火狐浏览器（IE无滚轮）body{overflow:hidden}//去掉滚动条...
web前端开发第二阶段——获取元素的实际大小\dom事件\浏览器事件\键盘事件 获取元素的实际大小offsetWidth: width+pading+border 注意不包括margin;offsetHeight: height+border+paddingclientWidth: width+pading 不包括margin+borderclientHeight: height+padding;获取元素相对于可视区位置和自身的大小g...
web前端开发第二阶段——创建数据、克隆元素、位置 一、创建数据回顾：创建元素：var a=documen.createElement(‘元素’)a.innerHTML=‘sdfedfr’;父级.appendChild(a)insertBefore():往某个元素之前插入标签参数一：你要插入的新标签参数二：那个元素的前面用法：父级.insertBefore()二、克隆元素cloneNode(参数)用法：目标.clone...
web前端开发第二阶段——对属性的操作 一、获取属性值的方法（一）box.className特点：只能获取w3c定义好的属性，和js点的方式设置属性，不能获取私有属性（二）getAttribute('属性名‘)特点：获取不到js点的方式（什么什么的）设置的属性；只能获取行间和通过setAttribute设置的属性二、设置属性的方法（一）标签.属性名=属性值例：box.index=1;（二）setAttribute(‘属性...
web前端开发第二阶段——DOM js大致三个方面核心（ECMAScript组织）ecma规范 es5文档对象模型（DOM）浏览器对象模型（BOM)一、规范ecma规范：基于Netscape javaScript的一种标准脚本语言。它也是一种基于对象的语言，通过DOM可以操作网页上的任何对象。可以增加、删除、移动或者改变对象。使得网页的交互性大大提高。——百度百科数据、变量、函数、数组、循环判断等操作w3c规范...
web前端开发第二阶段——字符串的方法 ps:字符单双引号都可以使用var str=‘abcd你好’;str[4]=‘你’1、charAt(n)作用：获取字符串里面下标为n的字符参数：n指下标返回：字符2、charCodeAt(n)作用：获取下标对应字符的Ascii码参数：n,下标返回：Ascii码ps:字符串比较只看第一字母大小，如果第一个字母一样，才比较第二个3、String.fromCharCode()...
web前端开发第二阶段——项目版本管理工具git本地/github远程仓库 一、git软件：项目版本管理工具svn:项目版本管理工具git:1、下载：官网选择合适的版本下载2、安装（傻瓜式安装）3、windows：1)git Gui Here:可视化工具 不推荐2)git Bash Here:命令行4、在空项目文件里面1)在项目文件里创建目录 .git 用法：单击右键，弹出命令行；输入 git init，初始一个git文件 如果.git显不出来，...
web前端开发第二阶段——ES6新增的对数组操作方式 1、forEach():遍历数组用法：数组名.forEach(参数)参数：function (data,i){i:下标data:数据}var arr = [2, 4, 24, 41, 42, 65, 776, 89, 234, 556, 76];arr.forEach(function(data, i) { console.log(i, data)})2、map()遍历数组：...
web前端开发第二阶段——数组的方法 arr=new Array(3):3指长度，数组内容依旧为空arr=[3],一个数组值1、push()作用：往数组的最后插入（添加）数据参数：需要添加的数据，可以多个返回值：添加后新数组的长度用法：数组名.push(参数)2、unshift()作用：往数组的最前面添加数据参数：需要添加的数据返回值：添加后新数组的长度用法：数组名.unshift(参数)3、pop()作用：...
web前端开发第一阶段——CSS补充新增 textarea：文本域resize:none;设置不让拉动 horizontal 水平方向 vertical垂直方向 both两个方向 与overflow连用div中设置resize可以拖动盒子，要用多个样式搭配才有效果，但是不能输入内容disabled属性禁止点击输入内容标签： 1、input 2、textarea 3、加 属性contentEd...
web前端开发第一阶段——bootstrap样式 背景：bg文本：text：text-center:文本居中text-righttext-left预警色primary(首选项）蓝色success（成功）info（一般信息）浅蓝色warning（警告）土黄色danger(危险）红色背景颜色：bg-danger字体颜色：text-info按钮颜色：btn-预警色按钮：一般情况下 input type="butto...
web前端开发第一阶段——bootstrap响应式布局 ps:记熟class样式，可提高速度其中js使用的jquery库开发环境：程序员使用时有空格有注释，有警告，有提示的代码生产环境：用户直接使用时压缩，没有警告，没有注释bootstrap容器：标签大小固定容器：container 大屏1170、中屏970、小屏750、超小屏100% 流体容器：container-fluid 100%栅格系统：通过一系列row和column...
web前端开发第一阶段——移动端 meta 标签：name：viewport可视窗口，视口content: width:视口里面能存放（ 物理设备里）页面的宽度，与手机屏幕宽度无关 值：320px 默认980px device-width 默认手机宽度 user-scalable:是否允许用户缩放 no/yes initial-scale:初始缩放比例 0.5 小于1...
关注
