前端 - 文章分类 - cherry_ning

序列化数据

摘要：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)

cherry_ning

文章分类 - 前端