JS&JQuery关
文章平均质量分 62
疯狂紫萧
互联网难民,艰难生存。
展开
-
使用Sequelize连接数据库
Sequelize.js是一款针对nodejs的ORM框架。使用nodejs连接过数据库的人肯定对数据库不陌生了。如果是直接链接,需要自己建立并管理连接,还需要手动编写sql语句。简单的项目到是无所谓,可是一旦项目设计的东西比较复杂,表比较多的时候整个sql的编写就非常的消耗精力。在Java、c#等语言中已经有轻量的数据库框架或者解决方案了。在nodejs中我推荐Sequelize。它是一...原创 2018-08-09 11:04:57 · 9232 阅读 · 0 评论 -
使用mock.js提供模拟数据
Mock.js官网:链接地址官方说明:*前后端分离,让前端工程师独立于后端开发。 *增加单元测试的真实性,通过随机数据,模拟各种场景。 *开发无侵入,不需要修改既有代码,就可以拦截ajax请求,返回模拟的响应数据。 *用法简单,符合直觉的接口。 *数据类型丰富,支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。 *方便扩展,支持扩展更多数据类型,支持原创 2017-01-03 15:52:14 · 9020 阅读 · 1 评论 -
JavaScript 资源大全中文版
包管理器管理着 JavaScript 库,并提供读取和打包它们的工具。npm:npm 是 JavaScript 的包管理器。官网Bower:一个 web 应用的包管理器。官网component:能构建更好 web 应用的客户端包管理器。官网spm:全新的静态包管理器。官网jam:一个专注于浏览器端和兼容 RequireJS 的包管理器。官网jspm:流畅的浏览器包管理器。官网End转载 2016-12-10 10:29:40 · 4413 阅读 · 1 评论 -
JavaScript易错知识点整理
前言本文是我学习JavaScript过程中收集与整理的一些易错知识点,将分别从变量作用域,类型比较,this指向,函数参数,闭包问题及对象拷贝与赋值这6个方面进行由浅入深的介绍和讲解,其中也涉及了一些ES6的知识点。JavaScript知识点1.变量作用域var a = 1;function test() { var a = 2; console.log(a);转载 2016-12-09 16:04:36 · 2427 阅读 · 0 评论 -
在 2016 年学 JavaScript 是一种什么样的体验?
译者:方应杭 嘿,我最近接到一个 Web 项目,不过老实说,我这两年没怎么接触 Web 编程,听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师? 准确地说,我是一名「前端工程师」。不过你算是找对人了。我对今年的技术别提多熟了,前端可视化、音乐播放器、能踢足球的无人机,你尽管问吧。我刚去 JS 大会和 React 大会逛了一圈,没有什么新技转载 2016-10-11 17:50:31 · 2247 阅读 · 0 评论 -
[译]JavaScript中的属性:定义和赋值的区别
[译]JavaScript中的属性:定义和赋值的区别原文:http://www.2ality.com/2012/08/property-definition-assignment.html你知道吗?定义一个属性和为一个属性赋值是有区别的.本文解释了两者之间的区别以及各自的作用影响.该话题来自于Allen Wirfs-Brock在es-discuss邮件列表中的一封邮件.转载 2015-12-16 10:49:15 · 2194 阅读 · 0 评论 -
向ES6靠齐的Class.js
在2008年的时候,John Resig写了一 Class.js,使用的方式如下: var Person = Class.extend({ init: function(isDancing){ this.dancing = isDancing; }, dance: function(){ return this.dancing; } });var Ni转载 2015-11-26 12:18:07 · 2209 阅读 · 0 评论 -
用jQuert制作轮播图-兼容各种浏览器2
原理:1.图片由ul、li组成。当它左右切换的时候移动ul的margin-left。上下移动的时候移动ul的margin-top以此来达到左右移动图片的目的。2.每个图片对应的按钮在初始化的时候生成,然后再添加事件,可以免除事件加不上去的麻烦。3.左右两侧的按钮不能写在一个div中,结果就是图片上有一条不能点击的区域。单独写即可。效果预览:一下开原创 2014-01-13 12:46:01 · 2506 阅读 · 0 评论 -
jQuery上传插件Uploadify 3.2使用
我今天介绍的Uploadify 3.2的,以前旧版本的并不适用,说到这个,我就火大,我也是第一次使用,也百度了下使用手册,结果坑爹的那些手册都是旧版的,新版的Uploadify接口和旧版的差太多了。废话不多说,进入正题。Uploadify下载地址:http://www.uploadify.com/download/ 这里下载最新版的3.2的。下载下来解压后估计里面很多文件,其实有用的也就一转载 2014-11-08 15:00:37 · 2103 阅读 · 0 评论 -
zepto源码注释
/* Zepto v1.0-1-ga3cab6c - polyfill zepto detect event ajax form fx - zeptojs.com/license */ 2 ;(function(undefined) { 3 if (String.prototype.trim === undefined) // fix for iOS 3.2 4 Str转载 2014-09-01 15:11:25 · 3991 阅读 · 0 评论 -
让手机适应页面
现在都在提出页面适应手机,这一点让我很痛苦。一种就是用框架,各种框架要精通原创 2014-08-12 16:29:31 · 2395 阅读 · 2 评论 -
多选,多项搜索插件
multiSelect是不是苦于没有一个合适的多选搜索控件? 以下就是一个! github:链接简单的使用方法: var options = { left: 0, //下拉框的左侧偏移 top: 2,//下拉框的顶部偏移 wid: 200,//下拉框的宽度,输入框的最小宽度跟这个一样 he原创 2017-01-03 16:19:49 · 1577 阅读 · 0 评论 -
模块化前端项目解决方案--带node版
在新的项目中使用到了另外一套解决方案,根据具体情况设计了以下的解决方案。node层设计本地生成第一次访问的页面并做缓存处理。同时使用代理方式代理后端接口。 1.项目使用到了express+ mustache-express来做基础的页面生成。 考虑到要尽量少采坑,所有使用了成熟的express 使用mustache是基于: 1.语法比较接近于现代方式 2.提供了引用第三方模板原创 2017-07-15 19:55:16 · 970 阅读 · 0 评论 -
微信小游戏引擎
今日微信出了一个小游戏,就是非常火的跳一跳和坦克大战.我看的非常眼热啊,之前就特别想做微信的游戏.奈何微信的环境做游戏效果还是不如APP好啊.不过现在有了微信小游戏,还开发什么APP啊.下面就介绍一下wechat-game这个神器.微信小游戏引擎介绍这是一个使用js来抽象化微信组件的游戏引擎.该组件封装好了微信的几个画板接口,同时在这个的基础上抽象出了对象/视图/渲染器等多个不同功能的元件.开发者只原创 2017-12-30 18:25:39 · 6437 阅读 · 1 评论 -
AppRegistry详细解析
在React-native中有一个api叫AppRegistry。这是RN中的一个重要api。接口介绍static registerComponent(appKey, componentProvider, section?)注册组件,js中非常重要的一步,只有这里注册了,native code中才会找到要执行的js。static registerRunnable(appKey, run)注册一个原创 2017-11-16 17:30:15 · 5622 阅读 · 0 评论 -
使用react-native-image-crop-picker上传图片
使用reac-native的图片上传插件image-crop-picker上传图片的时候遇到了好多坑,真是把我坑惨了。安装安装可以参考插件提供的方法去安装。需要注意的是,如果android或者ios是有人负责的话就不要link了。link会自动关联代码会把客户端的代码变的不是你想要的。调用相册import ImagePicker from 'react-native-image-crop-picke原创 2017-09-11 14:10:01 · 4101 阅读 · 6 评论 -
创建一个简单的代码发布服务
每次发布代码的时候都要提交一堆文件,还要执行一堆命令,麻烦不?下面教你怎么逐步摆脱这种苦恼。写脚本使用脚本是一个行之有效的方法。 在linux上直接写bash脚本,把要执行的逻辑都写在里面。具体的语法可以自行学习,这里只教你基本的。1.声明这是一个脚本。#!/bin/bash 2.写简单的注释,以后也可以明白这个文件是干嘛用的。 3.切换目录,这样不管是进入了什么目录都可以执行脚本 4.执行原创 2017-08-21 18:11:45 · 446 阅读 · 0 评论 -
锤子手机浏览器无法加载某个js的问题
在做项目的过程中遇到了一个奇葩的问题。本地开发测试没问题线上访问js不执行其他js文件没问题,只有一个文件不能执行表现为js路径存在,js里面任意位置代码不执行最后排查是名称的问题,这个js叫popu.js。这个名字的文件应该是被占用或者禁止掉了,如果改成其他名字就一切OK了。在此记录一下。。。。。原创 2017-08-14 16:05:51 · 2641 阅读 · 0 评论 -
ES6特性解释
let和constlet在块级作用域有效。不存在之前的var的作用域提升。const意思是只读的变量。不可以在声明之后再改变值。const指向对象的时候,对象可以改变属性,但是对象不能变。{ let a=1;}for(let i=0;i<10;i++){}变量的解构1.数组的解构。左边的变量对等于右边的值。值的长度可变,不存在则等于undefined原创 2017-08-21 14:44:01 · 763 阅读 · 0 评论 -
前端页面自动接管流程探索
缘起在使用框架或者自己做的方案使用过程中总是有一些不如意的地方。比如,加载方式要不就是全部异步,要不就是后端渲染。总归是感觉比较麻烦。在此,我提出一种方式。前端的方案用前端实现。所有数据在前端页面渲染结束之后再获取并重新渲染。这个跟之前的异步方式有一些区别。第一批加载的东西会在页面下载完成,并加载完初步的组件之后再调用。剩余的部分包括其他数据的渲染甚至路由之后东西的渲染后放在第二批执行。探索1.基本原创 2017-07-28 13:35:37 · 374 阅读 · 0 评论 -
数组区间匹配算法解析
今天遇到一个问题: 有4个固定的成就,每个成就对应一个数字。 用户的积分超过这个数字自动获得这个成就 将这个方法作为一个公用的方法考虑如下: 1.必须是一个单独的方法(多余) 2.输入参数固定为积分数量 3.输出参数包括当前成就名称,到达下一级需要的积分,下一级成就名称 4.性能要好,不能出问题以下是JavaScript的实现版本。/***输入积分数,返回成就信息集。包含原创 2017-08-04 14:06:59 · 2209 阅读 · 1 评论 -
html+css+js混合成js的实现
最近开发的时候发现要写html的模板还要写模板对应的css、还要写模板的js。这些东西加起来很多,要占用很多地方。放在页面上占地方,也不一定会每次都用到。分成几个文件还要分心去管理。如果使用vue的方式吧,整个项目也不能这么轻易的换成别的框架。既然这样,不如我来处理掉他们吧。处理方式1.安装gulp,配置任务自动处理对应的文件。这么有一个gulp配置的demo,直接复制改配置就可以自动处理这些任务。原创 2017-08-18 10:53:16 · 1974 阅读 · 0 评论 -
Promise超简易实现
有时候就需要一个简单的Promise撑场面,能用就行。 ——真不行的时候咱再使用正事的呗。实现的方法1.new Promise(fn),创建一个新的Promise对象并传入第一个执行方法。 2.resolve。成功的执行方法 3.reject。失败的执行方法 4.catch。失败的捕获。 5.then。链式调用下一步。原理内部使用一个数组报错需要执行的所有方法,使用then来添加新的方法。原创 2017-08-07 17:32:57 · 1770 阅读 · 0 评论 -
js原生的预加载图片
没事自己搞了一个预加载图片,这个东西貌似比较简单,好吧,其实就是嫌别人的大,麻烦原创 2014-08-11 18:37:01 · 2347 阅读 · 0 评论 -
js原生的订阅模式
闲极无聊做的一个简易订阅模式先创建一个原创 2014-08-11 19:15:51 · 2114 阅读 · 0 评论 -
js数组的操作
用 js有很久了,但都没有深究过js的数组形式。偶尔用用也就是简单的string.split(char)。这段时间做的一个项目,用到数组的地方很多,自以为js高手的自己居然无从下手,一下狠心,我学!呵呵。学了之后才知道,js数组的功能强大很,远比VB,C#强多了,大家慢慢看吧1、数组的创建 var arrayObj = new Array(); //创建一个数组va转载 2013-12-26 17:03:36 · 382 阅读 · 0 评论 -
自己做个时钟改进版-html5的canvas
上一版本的时钟做的太简单了,以至于要加点什么东西都不行或者很难了。后来我改进了一下,换了一个思路。用画圆的方法确实可以做出来,但是后续加东西就比较麻烦了。不如一次性的做好吧。具体的思路就是利用路径一次性的画好。代码如下: function clock() { var now = new Date(); var ctx = document.getElem原创 2013-12-26 09:27:05 · 583 阅读 · 0 评论 -
自己动手写ajax框架
闲来无事就开始琢磨怎么提高网站效率。。。。。然后就对jquery的框架很感兴趣。。本来很可惜jq没有一个定制的功能,把需要的功能提出来之后不是可以减少很多体积么。没办法,自己写吧。首先就是自己写一个ajax的调用类。。之下是初始版本的代码,注释已写好:var ajax = null; /* reqType:HTTP请求类型,原创 2014-01-09 11:38:27 · 609 阅读 · 0 评论 -
八大疯狂的HTML5 Canvas及WebGL动画效果
处理器的性能越来越高。我们的电脑已经有足够的强大的能力去渲染最为复杂的动画效果。现在浏览器和web技术的不断发展。浏览器如Firefox、Chrome、Safari和IE10,web技术如Canvas、SVG和WebGL。网速越来越快。一些体验需要实时数据流和预加载资源,更好的网络状况能有更好的体验。我们挑选了8个由WebGL、HTML5 Canvas和Javascript制作的绝妙效果。转载 2013-12-26 10:30:11 · 4620 阅读 · 0 评论 -
自己做个时钟-html5的canvas
这个只是用来练习对html5的掌握程度的。首先,时钟有一个表盘。表盘包括框、刻度2个框就是 一个圆,刻度是一个一个小的线段圆用arc函数可以画出来,刻度只能通过画圆弧来表现。然后用另外一个小的圆把多余的线遮掉同理,指针也可以这样来完成,通过一个角度为0的圆弧。然后计算当前时间,通过判断时间来得到角度。代码如下: var canvas = null;原创 2013-12-25 14:21:36 · 1016 阅读 · 1 评论 -
三种让网站图片生成灰色效果的方法
我一直喜欢灰度图像因为我认为他们看起来更有艺术感。很多图片编辑如Photoshop很容易把你的彩色图像变成灰度。甚至有选择调整颜色深度和色调。不幸的是,这样的效果想做在网络上并不容易,因为浏览器有差异。1、CSS Filter使用CSS过滤器属性可能是最简单的方法把图像变成灰度。以往,IE浏览器有一个专有的CSS属性称为过滤应用自定义效果包括灰度。现在,过滤器属性是CSS3转载 2013-12-22 11:12:31 · 1622 阅读 · 0 评论 -
10个让人眼花缭乱的 HTML5 和 JavaScript 效果
作为下一代网页语言,HTML5 拥有很多让人期待已久的新特性。如今,很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用。本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果,让你体验下一代 Web 技术的魅力,相信你看完这些例子后会对未来的 Web 发展充满无限期待。您可能感兴趣的相关文章8个惊艳的 HTML5 和 Java转载 2013-12-18 15:12:40 · 845 阅读 · 0 评论 -
九个让人难以置信的HTML5和JavaScript实验
Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议在Chrome浏览器中浏览。Untangle拖动蓝点,让所有线都不相交,看看你多久能解开?转载 2013-12-18 14:59:24 · 522 阅读 · 0 评论 -
8个惊艳的 HTML5 和 JavaScript 特效
这篇文章向大家展示8个惊艳的 HTML5 和 JavaScript 特效。作为下一代网页语言,HTML5 拥有很多让人期待已久的新特性,越来越多的开发人员开始使用 HTML5 来制作各种交互性强、效果丰富的 Web 应用。下面这些惊艳的示例带您体验 Web 技术的魅力,相信你看完这些例子后会对未来的 Web 发展充满无限期待。为了有更好的效果,建议在 Chrome 浏览器中浏览。C转载 2013-12-18 14:45:12 · 745 阅读 · 0 评论 -
Web开发者必备的20款超赞jQuery插件
jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。现在的jQuery插件很多,可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。Creative Radical Web TypographyLettering.js是一个轻量经的、易于使用的jQuery插件转载 2013-12-18 14:34:46 · 644 阅读 · 0 评论 -
抢票季:吐槽12306 & 分享抢票经验
又是一年一度的春运抢票季,不管你是北上、南下或者东进,在外漂泊了一年,有钱没钱总是要回家过年的。 吐槽:12306抢票的悲伤 据说12306改版了,新版本里面除了UI这些面儿上的改动,还加入了自动刷票、自动提交订单等实用的功能,并且推出了手机购票软件,当真是下了一番真功夫!这里对12306订票系统的工程师们表示感谢! 但是,等你真的去订票的时候,你遇到的错转载 2014-01-12 09:08:41 · 956 阅读 · 0 评论 -
用jQuert制作轮播图-兼容各种浏览器
原理:1.图片由ul、li组成。当它左右切换的时候移动ul的margin-left。以此来达到左右移动图片的目的。2.每个图片对应的按钮在初始化的时候生成,然后再添加事件,可以免除事件加不上去的麻烦。3.左右两侧的按钮不能写在一个div中,结果就是图片上有一条不能点击的区域。单独写即可。以下是核心代码://取得外部div对象 var obj = $(th原创 2013-12-27 14:38:59 · 915 阅读 · 0 评论 -
javascript原生的事件扩展
最近遇到几个问题,其中一个原创 2014-08-11 18:12:11 · 2149 阅读 · 0 评论 -
JS移动设备触摸事件API
属性(Attribute)描述(Description)identifierunique numeric identifiertarget指代当前点击的DOM对象screenX相对于当前屏幕的x坐标screenY相对于当前屏幕的y坐标clientX相对于当前窗口的转载 2014-05-14 10:05:59 · 1015 阅读 · 0 评论 -
自己定义的验证框架
自己没事弄的一个验证框架。原创 2014-04-10 11:04:05 · 569 阅读 · 0 评论