博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript基础03
阅读量:5286 次
发布时间:2019-06-14

本文共 1523 字,大约阅读时间需要 5 分钟。

1. 算术运算符

后增量/后减量运算符 ++ ,--

比较运算符 ( >, <, >=, <=, ==, !=,===,!== )

逻辑运算符( &&, || , !)

 

字符串的比较

字符串按字符在unicode中的码位来比较大小,并且会从开始首位字符比较大小,如果相等会比较下一位字符,直到比较出大小或字符都比较完为止。

alert("101"<"3");返回true

2.程序流程控制

一、条件语句 if

判断条件,只有当为true时,才会执行条件花括号里的代码。

 

二、switch语句

语法:

switch (expression){        case value:            //statement            break;        case value:            //statement            break;        default:            //statement    }

表达式满足某个value值才会执行那个value值对应的代码,如果都没有满足条件,那么就会执行default里的代码

 

扩展:

今天介绍一个插件:responsiveslides

它是做轮播图的插件,基于jquery,使用起来感觉还不错,可以做响应式的轮播图,从名字上就可以知道。

它是一个组件化的插件,基于面向对象,但jquery里的,面向对象的方式给处理过,所以直接看源码

可能很难懂。

不过它有好好的说明使用方式:

$(function() {    $(".rslides").responsiveSlides({          pager: true,                     // 默认为false,需要展示时(true)展示索引点,默认为数字12345,去js库里修改就可以了,去掉n,修改样式就可以出现自己所需的,如圆点          nav: true,             // 展示上一张和下一张的导航,与下面的prevText和nextText有关联,它们是它在页面的表示方式          pause: false,           // 鼠标移入移出是否停止          pauseControls: true,    // Boolean: Pause when hovering controls, true or false          prevText: "<",   // 修改左右按钮的符号          nextText: ">",           });  });

至于需要大大的修改为自己所需要的效果,这个可以配合浏览器调试工具

去找到它们的选择器,直接在css里重新编写一个,覆盖掉之前的样式,

这个就可以做到一个合适自己的轮播图。

上面的只是一部分参数,还有很多,目前还没去修改观察效果。

HTML代码:

在下载responsiveslides包里有个css文件,那是默认的css设置,有需要可以使用调试工具,一边调试一边修改

 

网上还有很多类似的插件,但目前不知道怎么才能快速灵活运用起来,使用起来都很僵硬,不能把插件之间一起运用

起来,重新封装成一个插件。

 

转载于:https://www.cnblogs.com/zhangzhicheng/p/5840766.html

你可能感兴趣的文章
js重写原型对象
查看>>
$this的用法
查看>>
linux如何安装java环境
查看>>
Android中gravity的含义
查看>>
求大神给解决下,向已有的xml文件写入数据,但不覆盖文件存在的内容
查看>>
深入理解java嵌套类和内部类
查看>>
Linux守护进程的编程实现
查看>>
C语言指针的初始化和赋值
查看>>
JavaScript 输出
查看>>
python 函数(2)
查看>>
Python学习笔记1:python简介、输入输出、循环条件
查看>>
python学习笔记5:装饰器
查看>>
Android 开发环境配置
查看>>
skiing
查看>>
wxwidgets demo
查看>>
dubbo 实战总结
查看>>
bzoj1230 [Usaco2008 Nov]lites 开关灯
查看>>
Modulation of Lipid Metabolism by Celastrol (文献分享一组-赵倩倩)
查看>>
HDU 1044 Collect More Jewels(BFS+DFS)
查看>>
TrackbarCallback 回调函数必须为 void(int,void*)
查看>>