Javascript
前端开发工具
日积月累@海纳百川
当你的才华还撑不起你的野心的时候,你就应该静下心来学习。当你的能力还驾驭不了你的目标的时候,你就应该沉下心来历练。问问自己,想要怎样的人生。
疯狂的程序员决不是靠狂妄和拼命的程序员,而是能够脚踏实地,持续努力的程序员,一个程序员真正做到这两点,技术上去后,唯一能限制他的只有想象力,到那个时候才算“疯狂的程序员”,这种程序员,才能令对手无比恐惧。
展开
-
js监听gif停止 libgif-js Gif 操作(开始,暂停,移动帧...) 功能强大
这件事的起因是因为一个需求,需要 监听 gif 完成然后跳转到登录页,百度了很多都没有找到类似的教程,在自己强大的搜索能力下,还是找到了,细节看下面。github.com/buzzfeed/li… 框架地址,功能挺强大的,具体使用方法可以查看文档,因为工作原因,就不一一列出实列了,只贴实际使用的代码,如果有使用的问题的话,可以共同交流一下。<template> <img ref="img"></template><script>...转载 2020-10-13 11:31:02 · 2647 阅读 · 0 评论 -
js实现GIF图片的分解和合成
https://www.jb51.net/article/172709.htm这篇文章主要为大家详细介绍了js实现GIF图片的分解和合成,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下无意中看到一篇文章写得是关于纯前端处理GIF图片的问题,感觉挺有意思的所以自己也实现了一下;主要用到的有两个第三方库:合成GIF图片的gif.js和分解的libgif.js;分解GIF1. 引入Git库 1 import SuperGif f转载 2020-10-13 11:24:20 · 1507 阅读 · 0 评论 -
js实现年月日三级下拉菜单联动
[html] view plain copy print?html> head> title>年月日三下拉框联动title> meta http-equiv='Content-Type' content='text/html; charset=gb2312'> head> body> form name=form1>转载 2016-08-09 21:26:50 · 712 阅读 · 0 评论 -
javascript操作Select中的 options集合
object.options.add(new Option(label,value))方法向集合里添加一项option对象; object.options.remove(index) 方法移除options集合中的指定项; object.options(index)或options.item(index)可以通过索引获取options集合的指定项;转载 2016-08-10 19:26:23 · 1621 阅读 · 0 评论 -
JQuery日期插件datepicker的使用
jQuery是一款非常优秀的脚本框架,其丰富的控件使用起来也非常简单,配置非常灵活。下面做一个使用日期插件datapicker的例子。 1、下载jQuery核心文件就不用说了吧,datepicker是轻量级插件,只需jQuery的min版本就行了,然后到官网http://jqueryui.com/download下载jquery-ui压缩包(可以选择喜欢的theme),里面就包含对date转载 2016-08-11 08:28:37 · 376 阅读 · 0 评论 -
Highcharts绘制饼图
1、使用Highcharts制作饼图的效果图如下:2、对应的JavaScript代码---pie-chart.js如下:[javascript] view plain copy$(function () { var chart; var totalMoney=50000 $(doc转载 2016-08-11 22:53:05 · 450 阅读 · 0 评论 -
js取鼠标坐标位置
js取鼠标坐标位置取鼠标坐标位置有这些:鼠标在视口的坐标位置(clientX,clientY),鼠标在页面的坐标位置(pageX,pageY),鼠标在屏幕的坐标位置(screenX,screenY),其中鼠标在视口的坐标位置(clientX,clientY),以及鼠标在屏幕的坐标位置(screenX,screenY)在所有的浏览器中都支持,但是鼠标在页面的坐标位置(pageX,pageY)转载 2016-08-25 22:04:22 · 367 阅读 · 0 评论 -
JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的转载 2016-09-18 21:48:16 · 275 阅读 · 0 评论 -
JQUERY方法应用
演示所用数组var _mozi=['墨家','墨子','墨翟','兼爱非攻','尚同尚贤'];1. $.each遍历示例[常用]$.each(_mozi,function(key,val){ //回调函数有两个参数,第一个是元素索引,第二个为当前值 alert('_mozi数组中 ,索引 : '+key+' 对应的值为: '+val);});2. $.grep()转载 2016-08-26 21:06:15 · 405 阅读 · 0 评论 -
jquery操作字符串常用方法总结及工作代码
1.javascript数组用法方法描述FFIEconcat()连接两个或更多的数组,并返回结果。14join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。14pop()删除并返回数组的最后一个元素15.5push()向数组的末尾添加一个或更多元素,并返回新的长度转载 2016-08-26 21:11:27 · 689 阅读 · 0 评论 -
Jquery数组和对象操作
1.迭代jQuery.each( object, callback )返回值:Object说明:通用例遍方法,可用于例遍对象和数组。不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它转载 2016-08-26 21:14:42 · 1228 阅读 · 0 评论 -
Console命令详解,让调试js代码变得更简单
Firebug是网页开发的利器,能够极大地提升工作效率。但是,它不太容易上手。我曾经翻译过一篇《Firebug入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。===================================Firebug控制台详解作者:阮一峰出处:http://www.ruanyifeng.com/blog/2011/03/firebug_转载 2016-08-26 21:25:22 · 478 阅读 · 0 评论 -
JQuery对数组的一些操作总结
$.each(array, [callback]) 遍历不同于例遍 jQuery 对象的 $.each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量或内容. 如果需要退出 each 循环可使回调函数返回 false, 其它返回值将被忽略.each遍历,相信都不陌生,在平常的事件处理中,是for循环转载 2016-08-26 21:28:21 · 546 阅读 · 0 评论 -
Firebug Tutorial – Logging, Profiling and CommandLine (Part I)
FIREBUG TUTORIALSECTION 1: CONSOLE TAB : LOGGING, PROFILING AND COMMANDLINE (PART II)Overview of Console TabThis tab is mainly used for logging. It also can be used as CommandLine window (li转载 2016-08-26 21:36:05 · 410 阅读 · 0 评论 -
js,jquery,数组操作小结
----------------------------------------------------------定义数组----------------------------------------------------------$(function(){ var aArray = {};//定义一个数组 aArray['name'] = "张三"; aArray['sex']转载 2016-08-26 22:20:05 · 569 阅读 · 0 评论 -
JS中数组的操作
1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值 要说明的是,虽然第转载 2016-08-26 22:27:17 · 363 阅读 · 0 评论 -
JS最新手机号码检验正则表达式
看到网上很多代码都很复杂,还包括以中文开头的86,17951,其实谁会填这么多,无非是检验一下他们是否位数对不对,开头有没有写错而已。下面我们从百度百科的手机号码历程来看:现在的手机号码段有联通、移动和电信。电信中国电信手机号码开头数字2G/3G号段(CDMA2000网络)133、153、180、181、1894G号段 177联通中国联通手机号码开头数字转载 2016-09-06 17:54:41 · 398 阅读 · 0 评论 -
JavaScript中的正则表达式总结
定义正则表达式的方法定义正则表达式的方法有两种:构造函数定义和正则表达式直接量定义。例如:var reg1 = new RegExp('\d{5, 11}'); // 通过构造函数定义var reg2 = /\d{5, 12}/; // 通过直接量定义正则表达式直接量字符\o:NUL字符(\u0000)\t:制表符(\u0009)\n:转载 2016-09-06 17:56:23 · 268 阅读 · 0 评论 -
js最新手机号码、电话号码正则表达式
正则表达式(regular expression)是一个描述字符模式的对象。使用javascript正则表达式可以进行强大的模式匹配和文本检索与替换功能。手机号码正则表达式验证。function checkPhone(){ var phone = document.getElementById('phone').value; if(!(/^1[3|4|5|7|8]转载 2016-09-06 17:57:38 · 585 阅读 · 0 评论 -
学习正则表达式
今年的第一篇javascript文章就是这个正则表达式了,之前的文章是转载别人的,不算自己的东西,可以忽略不计,最近突然想把转载别人的东西统统删掉,因为转载过的文章,我根本没有从中获得收获,纯粹是浪费时间,虽然说可以留着以后需要的时候来查看,可是这是一个非常不好的念头。今年我将不会再转载别人的一篇文章了,如果觉得有用,我会把它收藏到云笔记上,推荐使用印象笔记,比网易的云笔记好了N倍,谁用谁知道。转载 2016-09-06 17:58:46 · 262 阅读 · 0 评论 -
使用Twitter Bootstrap的五大理由
Twitter Bootstrap是基于HTML、CSS和JavaScript的简洁灵活的流行前端框架及交互组件集。它是Twitter在2011年8月开源的一整套前端解决方案,拥有非常完备和详尽的开发文档,有了它,Web开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。尽管也有不少网页设计师抱怨Bootstrap网站结构臃肿、不灵活并且难以维护,但是Bootstrap转载 2016-12-23 14:17:59 · 1337 阅读 · 0 评论 -
kindeditor编辑器 php获取内容
在使用kindeditor编辑器的时候,使用js点击提交表单PHP不能获取对应的编辑器内容需要添加的代码为:[javascript] view plain copy KindEditor.ready(function(K) { editor = K.create('#editor', { resiz转载 2017-02-16 17:15:39 · 785 阅读 · 0 评论 -
20个优秀的前端框架
1. Twitter BootStrap (Apache v2.0;响应式)时髦、直观并且强大的前端框架,让Web开发变得更加容易。2. Foundation (MIT;响应式)最先进的响应式前端框架。3. 960gs(GPL&MIT;响应式)960gs提供了一个简单的网格系统,适合快速开发。 4. Ske转载 2017-02-20 13:55:33 · 4986 阅读 · 0 评论 -
highcharts
$(function () { $('#container').highcharts({ title: { text: 'Fixed tooltip' }, tooltip: { positioner: function () { return {转载 2017-03-13 13:54:30 · 606 阅读 · 0 评论 -
[JavaScript]JS中常遇到的浏览器兼容问题和解决方法
JS中常遇到的浏览器兼容问题和解决方法 今天整理了一下浏览器对JS的兼容问题,希望能给你们带来帮助,我没想到的地方请留言给我,我再加上;常遇到的关于浏览器的宽高问题://以下均可console.log()实验 var winW=document.body.clientWidth||document.docuem转载 2017-04-01 13:44:56 · 4595 阅读 · 1 评论 -
欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客这里写代码片本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用转载 2017-04-01 13:54:38 · 192 阅读 · 0 评论 -
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
文章来源:http://m.jb51.net/article/16319.htm下面比较了几种浏览器之间的差异,在写javascript代码时 要时刻注意这些差异序号操作分类IE(6.0)FireFox(2.0)Mozilla(1.5)当前浏览转载 2017-04-01 13:50:04 · 618 阅读 · 0 评论 -
kindeditor编辑器代码过滤解决方法
kindeditor编辑器代码过滤解决方法.jiaoguoqiang 发布于 2014-07-26分类:JavaScript阅读(1134)评论(0)很多朋友在使用Kindeditor编辑器的时候都会遇到这样一个问题,如:给A标签加上title属性过后,浏览的时候,却神奇般地发现title属性没有了。再次切换html源代码的时候,返现编辑器将title属性给删掉了。追究其根本原因主要是转载 2017-03-25 15:48:01 · 795 阅读 · 0 评论 -
《Web全栈工程师的自我修养》浓缩笔记(上)
本书的作者余果,腾讯社交用户体验设计部高级UI工程师,前端开发组负责人,熟悉前端开发、iOS开发、PHP开发和Ruby开发等。这本书所讲的内容适合所程序员,不限于前端后端客户端,很多内容其实都是常识。第二遍阅读,特此整理此书精华内容笔记。一、什么是全栈工程师?对于全栈工程师 ,业界并没有严格的定义 ,并不是说一定要一种都不能少地具备哪几项知识才能叫做全栈工程师 。我倾向于认为 ,应转载 2017-04-02 15:21:55 · 705 阅读 · 0 评论 -
jQuery.validate学习笔记
jQuery的validate验证功能十分强大,但是能够自定义验证方法更具有灵活性,所以我只是把自定义的说明一下。添加自定义方法是使用jquery的jQuery.validator.addMethod方法,这个方法的完整定义如下:[javascript] view plain copyjQuery.validator.addMethod("myV转载 2017-04-14 11:28:21 · 6983 阅读 · 0 评论 -
百度分享js代码
转自:http://www.internetke.com/effects/run/2013/1108/117.html[html] view plain copyspan style="font-size:24px;"> div id="bdshare" class="bdshare_t bds_tools get-code转载 2017-05-17 14:49:57 · 739 阅读 · 0 评论 -
javascript Date format(js日期格式化)
[javascript] view plaincopy// 对Date的扩展,将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: //转载 2017-05-09 13:40:02 · 216 阅读 · 0 评论 -
使用Node.js+Socket.IO搭建WebSocket 实现多人群聊
今天我们做的就是无刷新实时多人聊天,最终效果我们可以看下:Node.jsNode.js采用C++语言编写而成,它不是JavaScript应用,而是一个javascript的运行环境,据node.js创始人Ryan Dahl回忆,他最初希望采用Ruby来写Node.js,但是后来发现Ruby虚拟机的性能不能满足他的要求,后来他尝试采用V8引擎,所以选择了C++语言转载 2017-08-24 09:27:55 · 700 阅读 · 0 评论 -
AngularJS所有版本下载地址
原创 2016年05月05日 19:25:3753456813AngularJS官网本身采用AngularJS库构建,页面中的AngularJS库通过Google的CDN(内容分发网络)引入,所以国内访问会有问题。大家可以从下面地址获取AngularJS所以版本: https://code.angularjs.org/转载 2017-10-07 17:17:09 · 806 阅读 · 0 评论