文章分类 -  前端

序列化数据
摘要:var data={}; $(".form-register").serializeArray().map(function(x){data[x.name]=x.value}) data={mobile:"15801801920",imagecode:"1234",phonecode:"2468", 阅读全文

posted @ 2020-04-20 20:54 cherry_ning 阅读(76) 评论(0) 推荐(0)

jquery--例子:点击li标签,li标签下的a链接字体改变颜色
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www. 阅读全文

posted @ 2020-02-06 10:09 cherry_ning 阅读(1202) 评论(0) 推荐(0)

less、sass、stylus/前端自动化/前端性能优化
摘要:less、sass、stylus 它们是三种类似的样式动态语言,属于css预处理语言,它们有类似css的语法,为css赋予了动态语言的特性、如变量、继承、运算、函数等。这么做是为了css的编写和维护。 它们使用的文件分别是:.less、.scss、*.styl,这些文件是不能再网页上直接使用的,最终 阅读全文

posted @ 2020-01-07 20:51 cherry_ning 阅读(457) 评论(0) 推荐(0)

bootstrap--实例-天天生鲜水果节
摘要:1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" 6 content="width=device-width, user-scalable=no, initia 阅读全文

posted @ 2020-01-06 21:54 cherry_ning 阅读(181) 评论(0) 推荐(0)

bootstrap--模态框、下拉菜单、隐藏类
摘要:bootstrap 模态框 1、modal 声明一个模态框2、modal-dialog 定义模态框尺寸3、modal-lg 定义大尺寸模态框4、modal-sm 定义小尺寸模态框5、modal-header6、modal-body7、modal-footer bootstrap 下拉菜单 1、dro 阅读全文

posted @ 2020-01-04 11:28 cherry_ning 阅读(524) 评论(0) 推荐(0)

bootstrap--导航条/路径导航、巨幕(banner)
摘要:bootstrap 导航条 1、navbar 声明导航条2、navbar-default 声明默认的导航条样式3、navbar-inverse 声明反白的导航条样式4、navbar-static-top 去掉导航条的圆角5、navbar-fixed-top 固定到顶部的导航条6、navbar-fix 阅读全文

posted @ 2020-01-04 10:33 cherry_ning 阅读(499) 评论(0) 推荐(0)

bootstrap--字体图标、响应式图片
摘要:bootstrap 字体图标 通过字体代替图标,font文件夹需要和css文件夹在同一目录 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" 6 content 阅读全文

posted @ 2020-01-03 22:04 cherry_ning 阅读(364) 评论(0) 推荐(0)

bootstrap--按钮、表单
摘要:bootstrap 按钮 1、btn 声明按钮2、btn-default 默认按钮样式3、btn-primay4、btn-success5、btn-info6、btn-warning7、btn-danger8、btn-link9、btn-lg10、btn-md11、btn-xs12、btn-bloc 阅读全文

posted @ 2020-01-03 21:43 cherry_ning 阅读(134) 评论(0) 推荐(0)

bootstrap--容器、栅格系统
摘要:bootstrap 简单、直观、强悍的前端开发框架,让web开发更迅速、简单。 来自Twitter,是目前很受欢迎的前端框架之一。 Bootrstrap是基于HTML、CSS、JavaScript的,让书写代码更容易。 移动优先,响应式布局开发。 bootstrap中文网址:http://www.b 阅读全文

posted @ 2020-01-03 20:42 cherry_ning 阅读(191) 评论(0) 推荐(0)

swiper及实例-手机幻灯片/手机整屏滚动
摘要:swiper swiper.js是一款成熟稳定的应用于PC端和移动端的滑动效果插件,一般用来触屏焦点图、触屏整屏滚动等效果。 swiper分为2.x版本和3.x版本,2.x版本支持低版本浏览器(IE7),3.x放弃支持低版本浏览器,适合应用在移动端。 2.x版本中文网址:http://2.swipe 阅读全文

posted @ 2020-01-01 20:46 cherry_ning 阅读(753) 评论(0) 推荐(0)

zeptojs
摘要:移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件包括如下几个事件: 1、touchstart: //手指放到屏幕上时触发2、touchmove: //手指在屏幕上滑动式触发3、touchend: //手指离开屏幕时触发4、touchc 阅读全文

posted @ 2020-01-01 20:36 cherry_ning 阅读(145) 评论(0) 推荐(0)

jquery--jqueryUI/实例-draggable滚动条
摘要:jqueryUI jQuery UI是以 jQuery 为基础的代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 jqueryUI 网址 http://jqueryui.com/ 常用jqueryUI插件: Draggable 1、设 阅读全文

posted @ 2019-12-31 00:16 cherry_ning 阅读(478) 评论(0) 推荐(0)

jquery--本地存储cookie 、localStorage、sessionStorage/实例pop-once
摘要:本地存储分为cookie,以及新增的localStorage和sessionStorage 1、cookie 存储在本地,容量最大4k,在同源的http请求时携带传递,损耗带宽,可设置访问路径,只有此路径及此路径的子路径才能访问此cookie,在设置的过期时间之前有效。 jquery 设置cooki 阅读全文

posted @ 2019-12-30 23:37 cherry_ning 阅读(382) 评论(0) 推荐(0)

jquery--正则表达式
摘要:正则表达式 1、什么是正则表达式: 能让计算机读懂的字符串匹配规则。 2、正则表达式的写法:var re=new RegExp('规则', '可选参数');var re=/规则/参数; 3、规则中的字符 1)普通字符匹配:如:/a/ 匹配字符 ‘a’,/a,b/ 匹配字符 ‘a,b’ 2)转义字符匹 阅读全文

posted @ 2019-12-29 20:37 cherry_ning 阅读(314) 评论(0) 推荐(0)

ajax与jsonp/ajax本地服务器测试
摘要:ajax与jsonp ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化xmlhttp对象,使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行,从而实现异步。 同步和异步 现实生活中,同步指的是同时做几件事情 阅读全文

posted @ 2019-12-28 12:12 cherry_ning 阅读(396) 评论(0) 推荐(0)

jquery--实例-幻灯片制作+ajax数据请求+表单验证
摘要:1 /* 把标签默认的间距设为0 */ 2 body,ul,ol,p,h1,h2,h3,h4,h5,h6,dl,dd,select,input,textarea,form{margin:0;padding:0} 3 4 /* 让h标签文字大小继承body的文字设置 */ 5 h1,h2,h3,h4, 阅读全文

posted @ 2019-12-28 10:08 cherry_ning 阅读(147) 评论(0) 推荐(0)

jquery--滚轮事件与函数节流/实例-整屏滚动
摘要:滚轮事件与函数节流 jquery.mousewheel插件使用 jquery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用jquery的滚轮事件插件jquery.mousewheel.js。 函数节流 javascript中有些事件的触发频率非常高,比如onresize事件(jq中是r 阅读全文

posted @ 2019-12-26 22:55 cherry_ning 阅读(535) 评论(0) 推荐(0)

jquery--事件委托/jquery元素节点操作/实例-todolist
摘要:事件委托 事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。 一般绑定事件的写法 $(function(){ $ali = $('#list li'); $ali.cli 阅读全文

posted @ 2019-12-25 23:20 cherry_ning 阅读(153) 评论(0) 推荐(0)

jquery--事件冒泡/页面弹框实例
摘要:事件冒泡 什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它 阅读全文

posted @ 2019-12-24 22:01 cherry_ning 阅读(446) 评论(0) 推荐(0)

jquery--jquery事件(元素、鼠标、键盘等)/绑定事件/自定义事件
摘要:jquery事件 事件函数列表: blur() 元素失去焦点 focus() 元素获得焦点 change() 表单元素的值发生变化 click() 鼠标单击 dblclick() 鼠标双击 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发) mo 阅读全文

posted @ 2019-12-24 20:47 cherry_ning 阅读(508) 评论(0) 推荐(0)

导航