首页
学习
活动
专区
圈层
工具
发布

「jQuery」基础 - 03

事件处理 off() 解绑事件 当某个事件上面的逻辑,在特定需求下不需要的时候,可以把该事件上的逻辑移除,这个过程我们称为事件解绑。...事件处理 trigger() 自动触发事件 有些时候,在某些特定的条件下,我们希望某些事件能够自动触发, 比如轮播图自动播放功能跟点击右侧按钮一致。...jQuery 插件 jQuery 功能比较有限,想要更复杂的特效效果,可以借助于 jQuery 插件完成。...这些插件也是依赖于jQuery来完成的,所以必须要先引入 jQuery文件,因此也称为 jQuery 插件。..., 则是待办事项,就把列表渲染加载到 ol 里面 1.7.7 案例:toDoList 统计正在进行个数和已经完成个数 在我们load 函数里面操作 声明2个变量 :todoCount 待办个数 doneCount

4.1K30

探寻ASP.NET MVC鲜为人知的奥秘(1):对LESS的支持

这样做的好处是: 减少了服务器端的流量,给服务器退烧(通过压缩) 自动缓存资源文件,服务器端不更改的话,不会重新加载(通过缓存机制) 由于大多浏览器限制了对一个host同时连接数量,所以加快了网站访问速度...RegisterBundles方法体内,可以设置BundleTable.EnableOptimizations静态属性,这个静态属性默认是设置为True的,也就是当网站在生产环境下,会对css和js等文件进行捆绑和压缩,而在开发模式下不会执行这些操作...("~/bundles/bootstrap").Include( "~/Scripts/bootstrap.js",..."~/Scripts/respond.js")); 这里的”~/bundles/bootstrap“是一个虚拟的路径,当我们在View文件中引用的时候,实际加载的是"~/Scripts/bootstrap.js...).Include( "~/Scripts/jquery-{version}.js")); Focus came 而这篇文章要说的重点是,直接使用这种捆绑和压缩的机制完成

1.4K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端成神之路-03_jQuery

    事件处理 off() 解绑事件 ​ 当某个事件上面的逻辑,在特定需求下不需要的时候,可以把该事件上的逻辑移除,这个过程我们称为事件解绑。...可以利用定时器自动触发右侧按钮点击事件,不必鼠标点击触发。由此 jQuery 为我们提供了两个自动触发事件 trigger() 和 triggerHandler() ; 语法 ?...多库共存 ​ 实际开发中,很多项目连续开发十多年,jQuery版本不断更新,最初的 jQuery 版本无法满足需求,这时就需要保证在旧有版本正常运行的情况下,新的功能使用新的jQuery版本实现,这种情况被称为...这些插件也是依赖于jQuery来完成的,所以必须要先引入 jQuery文件,因此也称为 jQuery 插件。 ​...7.如果当前数据的done 为false, 则是待办事项,就把列表渲染加载到 ol 里面 1.7.7 案例:toDoList 统计正在进行个数和已经完成个数 // 1.在我们load 函数里面操作 //

    3.8K20

    如何让bootstrap兼容ie8+

    又翻出bootstrap官方API,细读之……这才明白由于bootstrap做响应式所用的栅格布局在ie8下不被支持,而且也不支持html5的新标签和css3的一些效果,如圆角、阴影、一些过渡效果等……...DOCTYPE html> 而且注意doctype前后不要有空行 使用meta标签来调节浏览器的渲染方式 IE 兼容模式 Bootstrap 不支持 IE 古老的兼容模式。...此 meta 标签被包含在了所有 Bootstrap 文档和实例页面中,为的就是在每个被支持的 IE 版本中拥有最好的绘制效果。...说白了就是respond.js只有在服务器端才可以使用,直接在本地打开html文件,是无法测试的!! 那要怎么办?简单,在本地配个服务器就行了。 你可能感觉配服务器好难啊!...具体使用方法参照官方文档就好 placeholder ie8下不支持html5的属性placeholder,可以使用jquery插件来解决这个问题 https://github.com/mathiasbynens

    1.5K40

    前端移动web-day05学习笔记

    下载之后,会得到一个安装包,我们只需要将安装包中的css font js 这三个文件夹放到项目目录即可 下载jquery:由于bootstrap这个框架里面的js代码使用的是一个js框架叫做jquery...,所以我们还需要单独下载jquery,它的下载地址是:https://code.jquery.com/jquery-1.12.4.min.js 11.png 22.png 1.2-bootstrap初始化...-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) --> <script src="https://cdn.jsdelivr.net...,通过偏移的样式类就可以了,偏移的样式类和栅格一样,也分为四种 1、.col-lg-offset-x x代表1~12的数字,它表示栅格偏移的宽度份数,在屏幕宽度大于等于1200起作用 2、.col-md-offset-x...在屏幕宽度大于等于992起作用 3、.col-sm-offset-x 在屏幕宽度大于等于768起作用 4、.col-xs-offset-x 在屏幕宽度小于768起作用 6-栅格隐藏 zz.jpg 在某个查询区间

    3.6K20

    SpringBoot之Web开发

    jquery/3.3.1/dist/jquery.js 20200830152224.png ==”/**“ 访问当前项目的任何资源,都去(静态资源的文件夹)找映射。...我们的配置类也会被调用; 效果:SpringMVC 的自动配置和我们的扩展配置都会起作用; ③、全面接管 SpringMVC; SpringBoot 对 SpringMVC 的自动配置不需要了,所有都是我们自己配置...WebMvcConfiguationSupport 组件导入进来 导入的 WebMvcConfiguration 只是 SpringMVC 最基本功能; 5、如何修改 SpringBoot 的默认设置 模式...: SpringBoot 在自动配置很多组件的时候,先看容器中有没有自己配置的(@Bean、@Component)如果有就用户自己配置,如果没有,才自动配置和自己默认组合起来; 在 SpringBoot...'en_US')}">English ③ 登录 开发期间模板的引擎页面修改以后,要实时生效 禁用模板引擎的缓存 # 禁用缓存 spring.thymeleaf.cache=false 页面修改完成完成以后

    1.3K10

    月入35k大佬总结:web前端必须学习的内容(附全套前端教程)

    为了完成这个任务,我们进入第三个阶段——JavaScript的学习 JavaScript是一种在客户端广泛使用的脚步语言,在JavaScript当中为我们提供了一些内置函数、对象和DOM操作,借助这些内容我们可以来实现一些客户端的特效...此时,也许你还沉浸在JavaScript给你带来的惊喜之中,但你的项目经理却突然对你大吼道 “这个效果在××浏览器下不兼容,重新搞……” “不兼容?”瞬间石化了有木有?...jQuery的插件可供选择,这样在我们实现一些丰富的动态效果时更方便快捷,大大节省了我们开发的时间,提高了开发速度,这也充分体现了其 write less,do more的核心宗旨。...在项目开发过程中,我们可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置,然后再有针对性的微调样式,这样基于框架进行开发大大缩短了开发周期。...熟练使用和编写 jQuery 插件; – 独立完成电商网站的页面搭建(包括 HTML 结构、CSS 样式、JavaScript 特效); – 掌握应对业务编程的能力; – 掌握 JavaScript

    2.8K40

    Web前端开发的四个阶段

    通过此阶段的学习,我们就可以顺利完成“一幢楼房”的建设。...此时,也许你还沉浸在JavaScript给你带来的惊喜之中,但你的项目经理却突然对你大吼道 “这个效果在××浏览器下不兼容,重新搞……” “不兼容?”瞬间石化了有木有? “天哪,太坑了啊!...第四个阶段:jQUery的学习 jQuery是一个免费、开源的轻量级的JavaScript库,并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持),同时现在有很多基于jQuery...这种思想在Web前端开发中也是适合的,于是乎就出现了各种前端框架,在这里推荐给大家的是Bootstrap。...在项目开发过程中,我们可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置,然后再有针对性的微调样式,这样基于框架进行开发大大缩短了开发周期。

    58010

    Web前端开发的四个阶段

    通过此阶段的学习,我们就可以顺利完成“一幢楼房”的建设。...此时,也许你还沉浸在JavaScript给你带来的惊喜之中,但你的项目经理却突然对你大吼道 “这个效果在××浏览器下不兼容,重新搞……” “不兼容?”瞬间石化了有木有? “天哪,太坑了啊!...第四个阶段:jQUery的学习 jQuery是一个免费、开源的轻量级的JavaScript库,并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持),同时现在有很多基于jQuery...这种思想在Web前端开发中也是适合的,于是乎就出现了各种前端框架,在这里推荐给大家的是Bootstrap。...在项目开发过程中,我们可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置,然后再有针对性的微调样式,这样基于框架进行开发大大缩短了开发周期。

    1.3K50

    Bower & Brunch

    什么时候我们写代码,写着写着缺个库,在头文件里include一下,然后"show me the money",就自动帮我完成了dependency的处理,该多好? 好吧,停止做梦,回到现实。...在没有bower的年代,前端的dependency是个麻烦,比如说我做的软件,需要用jquery, ember, metis, lodash, ...我要一个个将他们从官网拷到项目的某个目录下,比如说vendors...$ bower install jquery $ bower install jquery --save 后一条命令会更新(或者生成)项目的bower.json,以后在别的地方部署时你只需要运行 $ bower...大部分场景下,bower完全自动化。...这里,bootstrap指定自己要依赖1.9以上的jquery,还在main里指定了其项目的入口文件,简直就是为打包工具量身定制的。

    1.2K90

    ABP+AdminLTE+Bootstrap Table权限管理系统一期

    权限管理系统第十三节--RBAC模式及ABP权限管理(附送福利) (14)ABP module-zero +AdminLTE+Bootstrap Table+jQuery权限管理系统第十四节--后台工作者...Switch Bootstrap Select Bootstrap table jQuery jQuery UI jQuery BlockUI jQuery Validation jQuery Ajax....之前我的公司就用这种模式开发.可能像之前架构师说的,abp并不适合大型企业高并发项目吧,所以才吧abp改成11节之前的模式,之后的模式就在这上面扩展.           ...随着软件开发经验的不断增加,我们发现其实很多工作都是重复机械的,而且随着软件复杂度的不断提升,以往依靠经验来完成一些简单的增删改查的做法已经行不通了。...数据持久层实现、日志、ASP.NET MVC、IOC以及自动映射等。一个高质量的软件系统往往还有全局容错,消息队列等组件。        把上述这些组件组合到一起的时候,其复杂度会急剧上升。

    2.7K100

    Bootstrap快速入门

    选择器和伪类的总和,包括class(.btn)和属性css选择器li[id=red];d计算元素div和伪元素first-child;通用css选择器*的0优先级,即最低;如果2个css具有相同优先级,在样式表中后面的起作用...立即调用的函数表达式:在JS中,function定义后通过加小括号,完成立即调动。...上绑定了一个单击事件,利用冒泡机制,在单机的时候检查是否为td元素,如果是才处理 //而把td作为选择器,一个页面有多少td都会被绑定,性能下降,这三个参数的名字呗称为享元模式(回顾一下)。...常用组件 在bootstrap中,CSS组件都是通过AO模式进行架构的:Append附加;Override重写。CSS组件包括8种基本类型,应用中对其进行组合即可。 ?...常用js插件 在之前CSS的基础上,BootStrap自带12种jQuery插件,其利用bootstrap数据API,大部分插件可以在不编写任何代码的情况下触发。

    5.2K61
    领券