刚学完jQuery选择器,闲来无事,照着书上的范例敲了一段代码(HTML和CSS抄自书上),自己试着写了写jQuery的代码,感觉相当轻便啊。 显示效果:功能说明:1、点击上边的图书分类一栏,实现向下的伸缩扩展,可以控制分类的显示状态;2、“简化”功能点击后实现分类显示菜单数量的简化,简化后,简化字样变成“展开”;3、页面中的两个红色箭头图标均为显示状态的图标,每次点击后都会变换相应的状态效果。 代码实现: <html> <head>...
JS 闭包详解及实例: 最近学习JS的基础知识,学习了闭包的知识点,有很多疑惑,这一段时间还是一直有在看闭包的相关知识理解就更深入了一点,下面说说我的理解。function fn(){var a = 0;return function (){return ++a;} }如上所示,上面第一个return返回的就是一个闭包,那么本质上说闭包就是一个函数。那么返回这个函数有什么用呢? 那是因为这个函数可以调用到它外部的a这个变量。其实也就是说,return返回的是这个函数 + a这...
今天我就只说 setFullYear, setMonth, setDate,因为今天的应用只涉及到这三个。 这3个方法顾名思义分别设置年、月、日,之前我所了解到的应用,比如“倒计时”中设置目标时间点的时候会用到,其他的暂时记不起来,回头再补。 今天来说说“获取当前月(季度/年)的最后一天”的用法 你可能想到了,每个月的天数是不应定的,有28、29(闰年2月)、30、31,总不能去算一下现在是几月份,然后去arr或者map(json)里边去找对应的日期吧...
1. returnDetail.$mount(#returnDetail); 不用el 直接可以绑定数据到页面的id上 作用区域不能交叠多个vue 实体 否则后面的vue 实体会失效。 2. vue created 运行在读取data 之后, 绑定到数据之前, 如果不想显示 {{}} 就可以在页面添加hidden 然后在created里面remove hidden。 3 页面可以用 v-text 代替{{}}优化页面显示 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本...
本文实例分析了JS定时器用法。分享给大家供大家参考,具体如下:开启定时器: setInterval 间隔型 //一旦启动就不会停,重复执行 setTimeout 延迟型 //只执行一次 停止定时器: clearInterval clearTimeout 关闭定时器如果只是clearInterval()那会关掉所有的定时器,有时我们只需要关掉一个而已,所以要定义一个变量来存放定时器 var timer=null; btn1.onclick=function(){timer=setInterval(函数名,1000); }; btn2.onclick=f...
大致介绍 接下来的这几个博客是对前面所学知识的一个简单的应用,来加深理解 单行文本框 只介绍一个简单的样式:获取和失去焦点改变样式 基本结构: <form action="#" method="post" id="regFrom"><fieldset><legend>个人基本信息</legend><div><label for="username">名称:</label><input id="username" type="text" /></div><div><label for="pass">密码:</label><input id="pass" type="passward" /></div><div><label for="m...
大致介绍 在CSS技术之前,网页的布局基本都是依靠表格制作,当有了CSS之后,表格就被很多设计师所抛弃,但是表格也有他的用武之地,比如数据列表,下面以表格中常见的几个应用来加深对jQuery的认识。 表格变色 基本的结构: <table><thead><tr><th>姓名</th><th>性别</th><th>暂住地</th></tr></thead><tbody><tr><td>张三</td><td>男</td><td>杭州</td></tr><tr><td>王五</td><td>女</td><td>江苏</td></tr><tr><td>李斯</td><td>...
网上有很多关于vue的todolist小程序。大多是利用vue-cli脚手架工具开发的,这个官网的文档也不支持新手从单文件开始学习。所以用大家熟悉的开发方式写了这个todolist,希望和大家一起学习。1、vue是啥? Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的 渐进式框架。简单说是一个模板引擎,做过后端的应该很清楚,以前靠服务器端渲染的dom,放在浏览器端端渲染,vue拿到数据渲染成dom.当然vue不仅仅是用来干这个的,数据...
本文实例为大家分享了js查询天气应用,供大家参考,具体内容如下 demo: https://zsqosos.github.io/weather/实现功能:打开网页时显示用户所在城市的天气状况,在输入框输入城市可查询其它城市。 实现过程:先调用百度地图的API来获取用户所在的城市,随后调用聚合数据的天气API将数据放在页面上。由于ajax不支持跨域,所以采用了jsonp的方式来调用数据。 实现的原理比较简单,HTML和css比较长,我就只将js代码贴出来,想看完整代...
一、介绍Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化,适合于构建中大型单页应用。 1、什么是状态管理模式? 看个简单的例子: <!DOCTYPE html> <html> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width"><title>Vuex Demo 01</title> <script src="http://cdn.bootcss.com/vue/1.0.26...
Vue.js很简单。正因为如此简单,人们常常认为其适合于小项目。虽然真正的Vue.js核心知识只是一个视图层库,实际上有一组工具,将使您能够使用Vue.js构建完整的大规模SPA(单页应用程序)。 SPA应用可以在不完全重新加载网页,产生一个更流畅的用户体验到的用户交互响应。还有好的副作用,SPA还鼓励后端专注于展示数据端点,这使得整体架构更加分离,并且对于其他类型的客户端可能是可重用的。 从开发人员的角度来看,SPA和传统的后...
前言:在最近学习 Vue.js 的时候,看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多,自己在它的例子的基础上进行了一些优化和自定义功能,在这里和大家分享下学习心得。 在这篇教程中我们将通过构建一个笔记应用来学习如何在我们的 Vue 项目中使用 Vuex。我们将大概的过一遍什么是 Vuex.js,在项目中什么时候使用它,和如何构建我们的 Vue 应用。 这里放一张我们项目的预览图片:项目...
下载最新版的微信小程序开发工具,目前是v0.9.092300下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html git下载地址:http://git.oschina.net/dotton/news先看下效果图:Paste_Image.png 一、新建应用1.内测阶段对于无内测号的开发者,请点无AppId。Paste_Image.png 2.然后选择一个本地目录作为工程目录。Paste_Image.png 3.项目名称任...
1.addBack() a. third-item的 li 下几个相邻节点(包括third-item)$( "li.third-item" ).nextAll().addBack(). .css( "background-color", "red" ); b. 和end()方法类似,选中的是div.after-addback和p元素,end选中的是div.after-addback元素 $( "div.after-addback").find("p").addBack().addClass("background"); $( "div.after-addback").find("p").end().addClass("background"); 2.callback.fire() 通过参数调用foo函数va...
前言 最近在看JavaScript设计模式,其中有一些巧妙的函数。所以将部分修改后记录在此,顺便加上自己写出的一些好玩的函数。方便大家和自己以后使用。下面来一起看看。 一、apply实现call Function.prototype.call = function () {var ctx = [].shift.apply(arguments)return this.apply(ctx, arguments) }二、apply实现bind Function.prototype.bind = function () {var ctx = [].shift.apply(arguments),args = [].slice.apply(ar...