刚学完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...