JS基石之-----常用方法封装的js库

解析 URL Params 为对象 let url = 'http://www.domain.com/?user=anonymous&id=123&id=456&city=%E5%8C%97%E4%BA%AC&enabled'; parseParam(url) /* 结果 { user: 'anonymous', id: [ 123, 456 ], // 重复出现的 key 要组装成数组,能被转成数字的就转成数字类型 city: '北京', // 中文需解码 enabled…

js进阶ajax函数封装（匿名函数作为参数传递）（封装函数引入文件的方式非常好用）

js进阶ajax函数封装(匿名函数作为参数传递)(封装函数引入文件的方式非常好用) 一.总结 2.匿名函数作为参数传递二.js进阶ajax函数封装 ajax1.js function ajax(url,funSucc,fnFaild){ //1.以函数作为函数的参数传进来 var xhr=new XMLHttpRequest(); xhr.open('GET',url,true); xhr.send(null); xhr.onreadystatechange=function(){ if (x…

JsQuick--个人封装的Js库

JsQuick 该库为本人封装的Js库,尚未进行浏览器兼容 /** * 快速框架版本:1.0.0 * 日期:2015.02.26 * 作者:简楚恩 */ /** * 快速获取控件类 */ var $={ /** * 根据ID获取对象 $.id("对象名称"); * @param {Object} id 对象名称 */ id:function(id){//根据ID获取对象 return "string" == typeof id ? document.getElem…

sChart.js：一个小型简单的图表库

介绍 sChart.js 作为一个小型简单的图表库,没有过多的图表类型,只包含了柱状图.折线图.饼状图和环形图四种基本的图表.麻雀虽小,五脏俱全.sChart.js 基本可以满足这四种图表的需求.而它的小,体现在它的体积上,代码只有 8kb,如果经过服务器的Gzip压缩,那就更小了,因此不用担心造成项目代码冗余. 该库使用 canvas 实现,兼容 IE9 以上浏览器. 文档(中英文):http://test.omwteam.com/sChart 演示地址:http://test.omwteam…

Numeral.js – 格式化和操作数字的 JavaScript 库

Numeral.js 是一个用于格式化和操作数字的 JavaScript 库.数字可以格式化为货币,百分比,时间,甚至是小数,千位,和缩写格式,功能十分强大.支持包括中文在内的17种语言. 您可能感兴趣的相关文章太赞了!超炫的页面切换动画效果[附源码下载] 创意无限!一组网页边栏过渡动画[附源码下载] 真是好东西!13种非常动感的页面加载动画效果你见过吗?9款超炫的复选框(Checkbox)效果时尚设计!三种奇特网格加载效果[附源码下载] 源码下载在线演示本文链接:Numer…

Vis.js – 基于浏览器的动态 JavaScript 可视化库

Vis.js 是一个动态的,基于浏览器的可视化库.该库被设计为易于使用,能处理大量的动态数据.该库由以下几部分组成:一是数据集和数据视图,基于灵活的键/值数据集,可以添加,更新和删除项目,订阅数据集变化:二是时间轴,用于显示不同类型的时间轴数据,在时间轴上项目可以交互移动,缩放和操纵:三是图形,使用节点和边显示一个交互式图形或网络. 您可能感兴趣的相关文章 2013年最受欢迎的10篇前端开发博文小伙伴们惊呆了!8个超炫的 Web 效果 35个让人惊讶的 CSS3 动画效果演示 8个惊艳的 HT…

Gremlins.js – 模拟用户随机操作的 JS 测试库

Gremlins.js 是基于 JavaScript 编写的 Monkey 测试库,支持 Node.js 平台和浏览器中使用.Gremlins.js 随机模拟用户操作:单击窗口中的任意位置,在表格中输入随机数据,或者将鼠标移动到特别的元素. Gremlins.j 的目的是触发 JavaScript 错误或使应用程序失败.如果它不能让你应用程序崩溃,那么说明你的应用程序已经足够强大了,可以发布给真正的用户使用. 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理…

Device.js——检测设备平台、操作系统的Javascript 库

http://segmentfault.com/a/1190000000373735 Device.js 是一个可以让你检测设备的平台,操作系统和方向 JavaScript 库,它会自动在 <html> 标签添加一些设备平台,操作系统,方向相关的 CSS class,这样就能让你针对不同设备撰写不同的 CSS,并且还提供一些 Javascript 函数来判断设备. Device.js 通过操作系统(比如 iOS,安卓,黑莓,Windows,Firefox OX),方向(横屏或者竖屏),类型(平…

最简单的原生js和jquery插件封装

最近在开发过程中用别人的插件有问题,所以研究了一下,怎么封装自己的插件. 如果是制作jquery插件的话.就将下面的extend方法换成 $.extend 方法,其他都一样. 总结一下实现原理: 将方法体封装在一个自执行的函数体里面,防止变量污染. 默认参数在options设置,extend方法有由for-in遍历得到,使得参数为用户制定参数.this.init是项目初始化,init,extend,event方法都是在demo对象的原型链上面的方法,方便调用.将自己的方法直接卸载event方法…

Baffle.js – 用于实现文本模糊效果的 JavaScript 库

Baffle.js 是一个 JavaScript 库,设计用来模糊和揭开DOM元素的文本. 这些元素可以是一个 CSS 选择器的形式.一个节点列表或者一个单节点. 你也可以传递一个选择对象给插件. 在线演示立即下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQuery 图片轮播插…

vue.js学习之better-scroll封装的轮播图初始化失败

vue.js学习之better-scroll封装的轮播图初始化失败问题一:slider组件初始化失败原因:页面异步获取数据很慢,导致slider初始化之后,数据还未获取到,导致图片还未加载解决方法: 在slider组件中监听页面传过来的图片数据,如果图片更新了,再次出发页面slider的初始化 1:首先在slider.vue的prop中注册一个变量 imgData: { type: Array, default: null } 2:监听 watch: { imgData() { setTi…

KeyboardJS 开发指南 - 与 Three.js 配合使用的捕捉键盘组合键库

KeyboardJS 开发指南 - 与 Three.js 配合使用的捕捉键盘组合键库太阳火神的漂亮人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议转载请保留此句:太阳火神的漂亮人生 - 本博客专注于敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino.否则.出自本博客的文章拒绝转载或再转载,谢谢合作. A JavaScript library for bindi…

JS数组array常用方法

JS数组array常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2)获取对象的类型,比较是否为object类型(此方法只能检测是否为Object,不推荐) if(typeof(value)=="Object") { //对数组执行某些操作 } 3)检测对象是否为数组,使用Array.isArray()方法(只支持ie9+,firefox 4+,safari 5+,o…

node.js连接数据库基本操作、封装数据库操作，输出到网页

声明:以下代码测试通过,不同于直接的复制粘贴乱七八糟未测试的代码,完全可以用,最后会附上所有的代码和sql文件首先建立表,建表语句如下: /* SQLyog Ultimate v12.08 (64 bit) MySQL - 5.7.17-log : Database - test ********************************************************************* */ /*!40101 SET NAMES utf8 */; /*!4010…

使用 js 实现一个简易版的 async 库

使用 js 实现一个简易版的 async 库具有挑战性的前端面试题 series & parallel 串行,并行 refs https://www.infoq.cn/article/0NUjpxGrqRX6Ss01BLLE xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!…

JS和JQUERY常见函数封装方式

JS中常用的封装函数4种方法: 1. 函数封装法: function box(){ } 2. 封装成对象 : let Cookie = { get(){ }, set(){ } } 3. 封装成构造函数: function Dog(){ } 4. 类的方法: class Person{ constructor(){ } show(){ } } jQuery中常见的封装函数方法: 方法一: $.extend({ log(s){ console.log(s)//封装了打印函数 } }) 方法二: $…

js封装与 js高级用法问题集合

1. 什么是自执行的匿名函数? 它是指形如这样的函数: (function {// code})(); 2. 疑问为什么(function {// code})();可以被执行, 而function {// code}();却会报错? 3. 分析 (1). 首先, 要清楚两者的区别: (function {// code})是表达式, function {// code}是函数声明. (2). 其次, js"预编译"的特点: js在"预编译"阶段, 会解释函数声明…

mongodb初始化并使用node.js实现mongodb操作封装

mongodb的下载只要在https://www.mongodb.com/网站就能够下载下载后安装只用一直点next就可以,注意最好使用默认路径安装到C盘,然后在任意位置建立一个文件夹用于储存你的数据库这里我命名的是mongodbWorkspace 复制他的路径,在命令行工具(windows快捷键win+R)中,输入mongod --dbpath 你的路径,我的如下所示现在你就已经初始化好了你的数据库,不用关掉它,他打开来才是开启了数据库服务,然后再新建一个命令行工具窗口输入mongo,…

函数return/获取元素样式/封装自己的库

一:函数return <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> // return 返回值 // 数字.字符串.布尔.函数.对象(元素\[]\{}\null).未定…

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法一丶什么是JQuery JQuery: JQuery是js的一个库,高度封装了js常用的功能,提供简便方法,调用简单,提高开发效率 js库是包含了把复杂的功能封装到简单的方法中 JQuery的两大特性: 链式编程:可以.的形式实现多个功能 …

js 数值精确运算使用math.js

javaScript 浮点数运算的精度问题问题:编程中你可能会遇到0.1*7=0.7000000000000001; 原因:几乎所有的编程语言都采用了 IEEE-745 浮点数表示法,任何使用二进制浮点数的编程语言都会有这个问题,只不过在很多其他语言中已经封装好了方法来避免精度的问题,而 JavaScript 是一门弱类型的语言,从设计思想上就没有对浮点数有个严格的数据类型,所以精度误差的问题就显得格外突出. 解决: 1.对于普通数据计算可以用 toFix(2)截取; 2. 常用方法: 把需要…

封装一个postMessage库，进行iframe跨域交互

这是近期个人在开发chrome插件时的其中一个小总结.还有很多没有总结出来.因为目前插件还在迭代中,(herry菌插件,用于B站C站),属于个人业余的一个小项目.还有很多功能没有实现,以及还需要再看能加上什么功能. 封装的postMessage库 herryPostMessage.js (function (w) { //herry对象 w.herry = {}; //iframe的id if(!herry.iframeId) { herry.iframeId = 'iframe' } //父窗…

js基础到精通全面教程--JS教程

适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”JavaScript”> 2: JavaScript code goes here 3: </script> 2 隐藏脚本代码 1: <script language=”JavaScript”> 2: <!-- 3: document.write(“Hello”); …

Gulpfile.js——编译、压缩、合并js和css文件

gulp 一个入门教程:http://www.ydcss.com/gulp API文档地址:http://www.gulpjs.com.cn/docs/api/ 我的一个Low版的gulpfile var gulp = require('gulp'); gulpif = require('gulp-if'); sass = require('gulp-sass'); concat = require('gulp-concat'); rename = require('gulp-rename');…

[Node.js] 01 - How to learn node.js

基本概念链接:https://www.zhihu.com/question/47244505/answer/105026648 链接:How to decide when to use Node.js? JavaScript 是一种(最好的)编程语言, 主要作为前端开发中用来增加网页的动态功能,比如操作DOM, 读取用户输入, 动画效果, 提交服务器请求(Ajax). JavaScript 是什么? - 前端开发 NodeJs 是基于JavaScript的,可以做为后台开发的语言. 提供了很…

深入浅出Node.js（一） - 初识Node.js

1.Node.js将Javascript解决不确定性所使用的事件驱动方式引入了进来,因为JS是一门事件驱动的语言,旨在能够对外界的事件作出响应; 2.Node.js中,所有的有关异步的操作,都在同步操作执行完毕之后才会开始执行:Node不适合做大量计算的应用,因为大量计算会阻塞事件循环调度(主线程),所以在异步操作中,最好不要存在大量计算(消耗CPU)的代码:Node适合有大量的IO操作,如:读文件.处理文件请求; 3.每一个正在运行的应用程序都称之为进程,每个应用程序都至少有一个进程,进程是用…

Windows10安装node.js，vue.js以及创建第一个vue.js项目

[工具官网] Node.js : http://nodejs.cn/ 淘宝NPM: https://npm.taobao.org/ 一.安装环境 1.本机系统:Windows 10 Pro(64位)2.Node.js:v6.9.2LTS(64位) 二.安装Node.js步骤 1.下载对应你系统的Node.js版本:https://nodejs.org/en/download/2.选安装目录进行安装3.环境配置4.测试三.前期准备 1.Node.js简介简单的说 Node.js 就是运行在服务端…

创业笔记-Node.js入门之JavaScript与Node.js

JavaScript与Node.js JavaScript与你抛开技术,我们先来聊聊你以及你和JavaScript的关系.本章的主要目的是想让你看看,对你而言是否有必要继续阅读后续章节的内容. 如果你和我一样,那么你很早就开始利用HTML进行“开发”,正因如此,你接触到了这个叫JavaScript有趣的东西,而对于JavaScript,你只会基本的操作——为web页面添加交互. 而你真正想要的是“干货”,你想要知道如何构建复杂的web站点 —— 于是,你学习了一种诸如PHP.Ruby.Java…

node.js day01学习笔记:认识node.js

Node.js(JavaScript,everywhere) 1.Node.js 介绍 1.1. 为什么要学习Node.js 企业需求 + 具有服务端开发经验更好 + front-end + back-end + 全栈开发工程师(什么都干呗!!!) + 基本的网站开发能力 * 服务端 * 前端 * 运维部署 + 案例(多人社区) 学习node.js的目的 + 帮助大家打开服务端这个黑盒子 + 只有了解服务端,才能更好的配合服务端开发人员进行协同开发 1.2. Node.js是什么 Node.js…

node.js学习（二）--Node.js控制台（REPL）&&Node.js的基础和语法

1.1.2 Node.js控制台(REPL) Node.js也有自己的虚拟的运行环境:REPL. 我们可以使用它来执行任何的Node.js或者javascript代码.还可以引入模块和使用文件系统. 在终端的执行命令来打开控制台, 1.1.3 加载Node.js脚本记载node.js脚本文件非常简单,运行"node 文件名"即可,"node program.js".如果我们想快速执行一些简单的语句,可以使用-e参数,这样我们直接执行一些javascript或者no…

【JS基石之-----常用方法封装的js库】的更多相关文章