文章分类 - html & css
摘要：1、什么是正则表达式： 能让计算机读懂的字符串匹配规则。 2、正则表达式的写法：var re=new RegExp('规则', '可选参数');var re=/规则/参数; 3、规则中的字符 1）普通字符匹配：如：/a/ 匹配字符 ‘a’，/a,b/ 匹配字符 ‘a,b’ 2）转义字符匹配：\d 匹
阅读全文
摘要：bootstrap导航条 1、navbar 声明导航条2、navbar-default 声明默认的导航条样式【灰色的导航条】3、navbar-inverse 声明反白的导航条样式【黑色的导航条】4、navbar-static-top 去掉导航条的圆角5、navbar-fixed-top 固定到顶部的
阅读全文
摘要：bootstrap框架 ps：更详细的内容访问：https://v3.bootcss.com/css/#overview 简单、直观、强悍的前端开发框架，让web开发更迅速简单。是目前很受欢迎的前端框架之一。基于HTML、CSS、JavaScript的，让书写代码更容易。移动优先，响应式布局开发。
阅读全文
摘要：swiper.js是一款成熟稳定的应用于pc和移动端的滑动效果插件，一般用来触屏焦点图、触屏整屏滚动等效果。swiper分为2.x和3.x版本，2.x版本不支持低版本浏览器(IE7)，3.x放弃支持低版本浏览器，适合应用在移动端。 2.x版本中文网址：http://2.swiper.com.cn3.
阅读全文
摘要：移动端的操作方式和pc端是不同的，移动端主要用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件： 1、touchstart: 手指放到屏幕上时触发2、touchmove: 手指在屏幕上滑动时触发3、touchend: 手指离开屏幕时触发4、touchcancel: 系统取消tou
阅读全文
摘要：Cookies 定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术； 下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js；下载：http://plugins.jquery.com/cookie
阅读全文
摘要：jQueryUi插件 jQueryUi是以jQuery为基础的代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 jqueryUi网址：http://jqueryui.com 下载jquery-ui.min.js 拖动滑块显示数字例子：
阅读全文
摘要：ajax不能跨域访问，只能请求同一个域下的数据和资源，如果需要跨域访问，就用到jsonp技术，它的原理是利用<script>标签可以跨域链接资源的特性。jsonp和ajax原理完全不一样，不过jquery将它们封装成同一个函数。 data.js: 读取data.js的内容： 例子，用360搜索接口：
阅读全文
摘要：$.ajax使用方法常用参数：1、url 请求地址2、type 请求方式，默认是'GET',常用的还有'POST'3、dataType 设置返回的数据格式，常用的是json,也可以设置为html4、data 设置发送给服务器的数据5、success 设置请求成功后的回调函数6、error 设置请求失
阅读全文
摘要：ajax与json javascript是跑在客户机上的，本身是不可以操作文件的 ajax技术的目的是让js发送http请求，与后台通信，获取数据和信息，其技术原理是实例化xmlhttp对象，使用此对象与后台通信。通信的过程不会影响后续js的执行，从而实现异步。 同步和异步现实中，同步指同时做几件事
阅读全文
摘要：json json是JavaScript Object Notation的缩写，意思是js的对象表示法，这里说的json指的是类似于javascript对象的一种数据格式。目前比较流行，逐渐替换掉了传统的xml数据格式。 JavaScript自定义对象： json格式的数据： 注意：最后一个内容后面
阅读全文
摘要：新增语义标签【目前可用可不用】： 1、<header> 页面头部、页眉 2、<nav> 页面导航 3、<article> 一篇文章 4、<section> 文章中的章节 5、<aside> 侧边栏 6、<footer> 页面底部、页脚 音频视频标签【一般也不用，支持格式太少】 1、<audio> 2
阅读全文
摘要：/* 关于css3的兼容性 下面是css3的新属性（css2的属性没有问题） */ .both{ transition:all 1s ease; transform:rotate(45deg); } /*为了兼容各种浏览器：*/ .both{ -webkit-transition:all 1s ease; transition:all 1s ease; ...
阅读全文
摘要：.goods_list h4{ font:normal 15px/15px "Microsoft Yahei"; width:100px; margin:20px auto 0; /*下面三句实现省略号显示，多余部分不显示*/ overflo...
阅读全文
摘要：pc及移动端页面适配方法设备屏幕有多种不同分辨率，页面适配方案有如下几种： 1、全适配：响应式布局+流体布局2、移动端适配： - 流体布局+少量响应式 - 基于rem的布局 流体布局：元素的宽度用百分比来设置，高度写固定值。元素的边线无法用百分比，可以使用样式中的计算函数calc()来设置宽度，或者
阅读全文
摘要：1、@keyframes 定义关键帧动画2、animation-name 动画名称3、animation-duration 动画时间4、animation-timing-function 动画曲线 linear(匀速) | ease(缓冲) | steps(步数)5、animation-delay
阅读全文
摘要：css3 transform变换，变形是静态效果，要做出动画需要transition过渡 前4种是变形：1、translate(x,y) 设置盒子位移2、scale(x,y) 设置盒子缩放3、rotate(deg) 设置盒子旋转4、skew(x-angle,y-angle) 设置盒子斜切 5、per
阅读全文
摘要：1、transition-property 设置过渡属性，比如:width height background-color2、transition-duration 设置过渡时间，比如:1s 500ms3、transition-timing-function 设置过渡的运动方式，常用有: linea
阅读全文
摘要：CSS3圆角： border-top-left-radius:60px;border-top-right-radius: 30px 60px;border-radius:50%; rgba -新的颜色值表示法： 1、盒子透明度表示法：这种透明连盒子上的内容一起透明.box{ opacity:0.1;
阅读全文
浙公网安备 33010602011771号