实现toggleClass功能

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

前言 1.总体结构 √ 2.构建函数 √ 3.each功能函数实现 √ 4.map功能函数实现 √ 5.sizzle初步学习 6.attr功能函数实现 7.toggleClass功能函数实现(好伤) 8.val功能函数实现 9.ajax异步请求以及扩展学习正文如果仔细看日期你会发现今天写了两篇,是不是感觉奇怪为什么会爆发?因为这几天攒了好多学习资料准备写Blog,而且近期看到不少激励自己的东西因此激动不已的开始了今天的第二篇. ╮(╯▽╰)╭ 根据当初的设定这篇应该是map函数了. 重新打开…

toggleClass() 方法做类似于微信扣扣点击语音图标按钮变成切换到语音输入功能，点击键盘图标按钮切换到文字输入状态的效果

就是这种效果的类似. <html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $(".wo").click(function(){ $("#l…

JQuery的一些简单功能

JQuery js的缺点总结 1.入口函数只能有一个,如果出现多个,后面的会覆盖掉前面的 2.代码容错性差,容易出错,出错会导致后面的代码不执行 3.存在浏览器兼容性,比如innerText在火狐浏览器中不起作用 4.DOM操作复杂,实现简单的动画很麻烦 jQuery的两种入口函数: $(document).ready(function(){}); $(function(){}); 对比JavaScript的入口函数与jQuery的入口函数 1.JavaScript的入口函数要等到页面中所有资源…

jQuery treetable【表格多重折叠树功能及拖放表格子元素重新排列】

今天有个表格需求做到多重折叠子元素功能,仔细想了下实现原理, 1.在html中,把父子节点的关系写在自定义属性,但对于节点是否有孩子(hasChild),是否是最后一个节点(isLastOne),是否是第一个节点(isFirstOne),都还不知道.所以第一步要分析出这些信息,把这些信息都记录到自定义属性.2.先扫描所有的tr,构造出两个map,分别记录{'pId' => ['id1', 'id2']}和{id => pId}的关系.3.再次扫描所有的tr,根据两个map的关系,给tr增加h…

js 实现进度条功能。

/** * 纯js进度条 * Created by kiner on 15/3/22. */ function progress(options){ this.w = (options && options.width)?parseFloat(options.width) : parseFloat(this.options.width); this.h = (options && options.height)?parseFloat(options.height) : pa…

JQuery功能查询页

JQuery在前端开发中已经是常用的不能再常用的库了.最近的项目中使用到了JQuery,我第一次接触它的时候为了学习,把常用的操作指令用比较小的字体写在一页word上,打印出来贴在桌子上,用来让自己时时刻刻想用都能看到相关的API调用方法.这种方式非常有利于记忆,国外也经常会有一些Pocket Book,即简易查询字典,书中每一个功能都用很简单的一两句话描述,让自己想用的时候随时都能查到.在此,将我自己做完贴在桌子上的JQuery查询页分享出来,供大家参考. [JQuery] 引用JQuery库…

【jQuery 分页】jQuery分页功能的实现

自写的jQuery实现分页功能的分页组件: 功能效果如下: 分页组件就是上图中的三部分, 分别放在表格上部和下部 . 其中, 1>>>页面的代码如下: product.jsp 其中引用bootstrap.css 和bootstrap .js是必须的 <%@ page language="java" import="java.util.*" pageEncoding="utf-8" contentType="…

夺命雷公狗---微信开发55----微信js-sdk接口开发（2）接口功能介绍之签名算法

我们JS-SDK里面其实有不少的接口 startRecord---录音 stopRecord---停止录音 playVoice---播放 pauseVoice---暂停播放 uploadImage---上传图片 downloadImage---下载图片 getLocation---得到用户的地址 hideOptionMenu---隐藏菜单 showOptionMenu---显示菜单等等的接口里面功能有这么多,我们可以在手册上看到如何实现的详细过程,如下图所示: 这里的步骤三也是js-sdk里…

jQuery 基本实现功能模板

下面是列出了基本功能的实现 <!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){  $("p").click(function(){…

Underscore.js 的模板功能介绍与应用

Underscore是一个非常实用的JavaScript库,提供许多编程时需要的功能的支持,他在不扩展任何JavaScript的原生对象的情况下提供很多实用的功能,需要了解的朋友可以详细参考下 Underscore是一个非常实用的JavaScript库,提供许多编程时需要的功能的支持,他在不扩展任何JavaScript的原生对象的情况下提供很多实用的功能. 无论你写一段小的js代码,还是写一个大型的HTML5应用,underscore都能帮上忙.目前,underscore已经被广泛使用,例如…

移动端js调取手机相册和拍照功能

前端可以通过js调取手机的相册和拍照功能,但不能拍视频!!! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="vie…

Hexo next博客添加折叠块功能添加折叠代码块

前言有大段的东西想要放上去,但又不想占据大量的位置.折叠是最好的选择.下面在Hexo的主题上定制添加折叠功能. 本文基于Hexo Next的主题修改.其他主题应该也差不多. 在main.js中添加折叠js next主题的主要js位于themes/next/source/js/src/post-details.js, 在里面找合适的位置,添加如下代码: {% fold 点击显/隐内容 %} $(document).ready(function(){ $(document).on('click',…

JQuery常用函数及功能

JQuery常用函数及功能小结来源:http://blog.csdn.net/screensky/article/details/7831000 1.文档加载完成执行函数 $(document).ready(function(){ alert("开始了"); }); 2.添加/删除CSS类 $("#some-id").addClass("NewClassName"); $("#some-id").removeClass(&…

jQuery实现全选、不选和反选功能

jQuery结合Font Awesome字体图标实现全选.不选和反选功能 Font Awesome字体图标链接地址:http://www.fontawesome.com.cn/faicons/ 效果: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet"…

angularjs 常用功能练习

<!DOCTYPE html> <html ng-app="app"> <head> <meta charset="utf-8"> <title>angularjs练习</title> </head> <body ng-controller="ctrl"> <div> </div> <script src="~/…

angular选择器功能

1.$event对象 $event对象其实就是潜在的jQuery事件对象,通过$event.currentTarget获取当前元素,通过$event.target获取当前元素的子元素. 例如: <li ng-click="getApplicationListByType(1,$event)"><a>医疗健康</a></li> //根据类型获取服务列表 $scope.getServiceListByType = function(…

jQuery 1.4版本的15个新功能（现在已经发布到jquery1.8,特别是增强版的live事件，支持 submit ， change ， focus 和 blur 事件）

1.jQuery()创建DOM元素:支持传参设置属性之前,jQuery可以通过 attr 方法设置元素的属性,既可传属性的名和值,也可以是包含几组特定属性名值对的对象.在 jQuery 1.4 中,你可以把一个参数对象作为附属参数传给 jQuery 函数本身,同时创建HTML元素. 比方说你想要创建一个带有几个属性的锚记元素(<a></a>).在1.4中,一切如此简单: jQuery('<a></a>',{ id:'foo', href:'http:…

PHP实现用户登录注册功能

初学php做了一些比较常见且有用的页面,放在上面记录一下咯我是用了bootstrap框架里面的模态框做注册登陆页面,这样页面比较美观页面效果: 注册成功条件/功能: 1)用户名不能冲突 2)两次密码必须相同 3)用户注册数据添加进数据库 4)注册/登录成功之后,用户自动登录 HTML代码: <link rel="stylesheet" href="css/bootstrap.css"> <li class="toggle"&…

【JavaScript框架封装】自己动手封装一个涵盖JQuery基本功能的框架及核心源码分享（单文件版本）

整个封装过程及阅读JQuery源码的过程基本上持续了一个月吧,最终实现了一个大概30%的JQuery功能的框架版本,但是里面涉及的知识点也是非常多的,总共的代码加上相关的注释大概在3000行左右吧,但也只是对JQuery的里面的知识点了解了大概,后续希望能更深层次的理解JQuery里面涉及的知识点,从而写出高质量的代码,特此记录一下这一段时间学习的点滴. /* * @Author: 我爱科技论坛 * @Time: 20180722 * @Desc: 实现一个类似于JQuery功能的框架 * V…

jQuery实现点击图标div循环放大缩小功能

很基础的一个功能,点击左下角的图标按钮,地图的整个div会变大,变大预览之后,再次点击图标按钮,地图的整个div会变小,恢复原样,两个图标在地图界面的放大和缩小时间不断的切换图标状态(箭头向里面,或者箭头向外面) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://code.…

Underscore.js 的模板功能

Underscore是一个非常实用的JavaScript库,提供许多编程时需要的功能的支持,他在不扩展任何JavaScript的原生对象的情况下提供很多实用的功能. 无论你写一段小的js代码,还是写一个大型的HTML5应用,underscore都能帮上忙.目前,underscore已经被广泛使用,例如,backbone.js唯一强依赖的库就是underscore.js. Underscore.js学习资源: Underscore.js 官网:http://underscorejs.org/#ea…

前端（十七）—— jQuery基础：jQuery的基本使用、JQ功能概括、JS对象与JQ对象转换、Ajax简单应用、轮播图

jQuery的基本使用.JQ功能概括.JS对象与JQ对象转换.Ajax简单应用.轮播图一.认识jQuery 1.什么是jQuery jQuery是对原生JavaScript二次封装的工具函数集合 jQuery是一个简洁高效的且功能丰富的JavaScript工具库 2.jQuery的优势完全开源的源代码强大简洁的选择器事件.样式.动画的良好支持链式表达式简化的Ajax操作跨浏览器兼容丰富的插件及对外的扩展接口二.jQuery的安装 1.版本开发(development)版本:j…

Vue-cli中使用vConsole，以及设置JS连续点击控制vConsole按钮显隐功能实现

最近发现了一个鹅厂的仓库,实现起来比我这个方便[捂脸].https://github.com/AlloyTeam/AlloyLever 一.vue-cli脚手架中搭建的项目引入vConsole调试 1.首先npm安装,大家都懂的. npm install vconsole 2.在合适的地方新建一个文件vconsole.js,内容如下: import Vconsole from 'vconsole' let vConsole = new Vconsole() export default vCon…

制作类似ThinkPHP框架中的PATHINFO模式功能

一.PATHINFO功能简述搞PHP的都知道ThinkPHP是一个免费开源的轻量级PHP框架,虽说轻量但它的功能却很强大.这也是我接触学习的第一个框架.TP框架中的URL默认模式即是PathInfo模式.这个模式很强大,每当你访问一个网站必然带有一长串参数,但是太长又显得不太友好.对于访问一个以MVC模式搭建的网站,必然带有M.C.A三个参数即module.controller.action,这些参数需要还需要用&符号隔开,假若参数量很多,就显得特别的不友好啦.然而PathInfo模式功能就是…

PHP搭建大文件切割分块上传功能

背景在网站开发中,文件上传是很常见的一个功能.相信很多人都会遇到这种情况,想传一个文件上去,然后网页提示"该文件过大".因为一般情况下,我们都需要对上传的文件大小做限制,防止出现意外的情况. 但是在有些业务场景中,大文件上传又是必须的,比如邮箱附件,或者内部OA等等. 问题服务端为什么不能直接传大文件?跟php.ini里面的几个配置有关 upload_max_filesize = 2M //PHP最大能接受的文件大小 post_max_size = 8M //PHP能收到的最大PO…

SQL Server2014 SP2新增的数据库克隆功能

SQL Server2014 SP2新增的数据库克隆功能创建测试库 --创建测试数据库 create database testtest use testtest go --创建表 )) --插入数据 ,'sdfsdf' --创建存储过程 create proc testproc as 创建克隆数据库的命令形式 DBCC CLONEDATABASE (source_database_name, target_database_name) –– Default CLONE WITH SCHEMA…

SQL Server 数据加密功能解析

SQL Server 数据加密功能解析转载自: 腾云阁 https://www.qcloud.com/community/article/194 数据加密是数据库被破解.物理介质被盗.备份被窃取的最后一道防线,数据加密,一方面解决数据被窃取安全问题,另一方面有关法律要求强制加密数据.SQL Server 的数据加密相较于其他数据库,功能相对完善,加密方法较多.通常来讲,数据加密分为对称加密和非对称加密.对称加密:加密与解密使用同一密钥,密钥需要传输,安全性较弱,但性能较非对称要好.非对称加密:…

Taurus.MVC 2.2 开源发布：WebAPI 功能增强（请求跨域及Json转换）

背景: 1:有用户反馈了关于跨域请求的问题. 2:有用户反馈了参数获取的问题. 3:JsonHelper的增强. 在综合上面的条件下,有了2.2版本的更新,也因此写了此文. 开源地址: https://github.com/cyq1162/taurus.mvc 下面对增强的功能进行介绍: 1:跨域请求除了常规的的JsonP跨域,Html5开始支持增强跨域,则变得更为方便,只需要服务端请求头输出: if (context.Request.UrlReferrer != null && con…

TinyWeb v1.0　正式完成第一个Release版本(功能基于 libuv 跨平台库)

使用方法很简单,很容易融入现有项目,使现有项目拥有Web网站功能和WebSocket,以及Socket直连! 并且包含了一个跨平台(windows/linux)工具集合; 嗯,也挺棒的^,^ 在项目中嵌入TinyWeb服务,响应特定path,或输出内部运行状态,或触发某个动作,如此一来,用户(或开发者自己)通过Web浏览器即可轻松完成与项目程序的有效沟通,至少免除了进程通讯之类的东西吧,通过特殊的path(比如http://localhost:3060/hillhim)给自己的程序留一个小小的后…