笔记

zhangliuxiaomin

zhangliuxiaomin|充分理解这几张图,你就是js小牛了

发布于 2015-01-07 10:52:46 浏览:1.29万 类型:转载 - 随笔 分类:JavaScript 举报

...

penghe

penghe|这20个正则表达式,让你少写1,000行代码

发布于 2016-06-12 20:09:13 浏览:4116 类型:原创 - 随笔 分类:JavaScript 举报

正则表达式经常被用于字段或任意字符串的校验,比如下面这段校验基本日期格式的JavaScript代码:varreg=/^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/;varr=fieldValue.match(reg);if(r==null)alert('Dateformaterror!');1、校验密码强度密码的强度 ...

qqkillqq2016

qqkillqq2016|前端学习书籍大全 包含PDF地址

发布于 2016-02-24 09:02:43 浏览:1.55万 类型:原创 - 随笔 分类:JavaScript 举报

JavaScript类:javascript高级程序设计pdf下载---->教程javascript权威指南pdf下载---->教程javascript基础教程pdf下载javascriptDOM编程艺术pdf下载网站优化:高性能网站建设进阶指南pdf下载XHTML+CSS类:CSS网站布局实录pdf下载HTML和XHTML权威指南pdf下载CSS禅意花园pdf下载精通CSSpdf下载网 ...

造梦师_Jean

造梦师_Jean|分享一些前端开发中最常用的JS代码片段~ 干货~

发布于 2016-05-10 12:33:50 浏览:7453 类型:原创 - 随笔 分类:JavaScript 举报

逛社区时看到的文章,我修改调整了内容,如果大家觉得也有帮助可以收藏下~HTML5DOM选择器javascript代码//querySelector()返回匹配到的第一个元素varitem=document.querySelector('.item');console.log(item);//querySelectorAll()返回匹配到的所有元素,是一个nodeList集合varitems=document.queryS ...

WebMaster

WebMaster|多年JavaScript学习笔记整理

发布于 2016-10-18 09:38:03 浏览:5337 类型:原创 - 随笔 分类:JavaScript 举报

在闲暇时间里,把较为凌乱的JavaScript学习笔记做了个整理,也算是复习了一遍。每一篇文章的内容都会根据学习到的新知识后续添加进去。目录词法结构类型、值和变量语句对象数组函数表达式和运算符DOMDOM--属性和CSSEvent事件window对象正则表达式AJAX多媒体、Canvas常用API合集HTML5API上面都是学习笔记,如有不对的地 ...

okuboy

okuboy|2017最新整理移动Web开发遇到的坑坑坑坑~~~~

发布于 2017-02-16 12:01:47 浏览:2922 类型:原创 - 教程 分类:JavaScript 举报

随着前端的热度不断升温,行业对前端的要求越来越高;精准无误的实现UI设计,已成为前端职业更加精细化的一种表现;随着移动互联网的发展、WebApp似乎一种不可逾越的鸿沟;越来越多的企业开始趋势于轻量级的设计,H5正在慢慢的发酵可以完成更多的原生体验;交互质量的提升,对前端更是一种质的飞越;前端作为门槛低,精深 ...

2017最新整理移动Web开发遇到的坑坑坑坑~~~~
拎壶充

拎壶充|17款抽奖源码下载,非常实用

发布于 2016-09-28 10:35:39 浏览:3745 类型:转载 - 随笔 分类:JavaScript 举报

1.jQuery抽奖圆盘旋转插件今天我们要来分享一款很酷的jQuery抽奖插件,这款jQuery抽奖插件是一个可以旋转的圆盘,我们只需点击抽奖按钮即可启动圆盘旋转,最后圆盘停止后指针所指的就是你本次抽奖获得的奖品,赶紧来试一下吧。在线预览源码下载2.jQuery抽奖动画特效之前我们分享过一款jQue ...

booogle

booogle|web前端35个jQuery小技巧!

发布于 2016-05-19 09:34:56 浏览:4758 类型:原创 - 随笔 分类:JavaScript 举报

1.禁止右键点击$(document).ready(function(){$(document).bind("contextmenu",function(e){returnfalse;});});2.隐藏搜索文本框文字Hidewhenclickedinthesearchfield,thevalue.(examplecanbefoundbelowinthecommentfields) ...

王小白

王小白|AngularJS入门基础

发布于 2016-03-02 20:18:42 浏览:1.12万 类型:原创 - 教程 分类:JavaScript 举报

去年刚入职领导让我学习一下AngularJS,摸打滚爬了半个多月后整理了一份PPT,今儿翻出来转成文字发给大家,希望对你们有所帮助。学习Angular需要记住三点:1、性能陷阱;2、摆脱思维定式;3、深入理解框架。摆脱思维定式一、Angular简介AngularJS是一个前端JavaScript框架,背后有Google支持。这个框 ...

AngularJS入门基础
cheng52364

cheng52364|前端开发必备网站汇总

发布于 2016-12-26 16:16:19 浏览:3283 类型:原创 - 随笔 分类:JavaScript 举报

写个前端开发者,包含行业大牛博客,前端社区,开发工具,各种预编译工具打包工具和项目构建工具!更多内容持续更新…为了保证内容质量只搜集行业标杆型网站。大牛博客阮一峰博客:http://www.ruanyifeng.com/blog/愚人码头博客:http://www.css88.com/张鑫旭博客:http://www.zhangxinxu.com/wordpress/勾三股 ...

994399414

994399414|就是这个效果啦,打开看看就知道啦!

发布于 2016-06-17 10:34:31 浏览:6540 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title><style>.win{width:700px;height:300px;border:1pxsolid#ccc;margin:20pxauto;position:relative;overflow:hidden;}.title{ ...

html代码效果预览<!DOCTYPEhtml><html><head><title></title><styletype="text/css">html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;}.target{width:250px;border-radius:50%;pointer-events:visible;position:absolute;top:50%;left:50 ...

longqd

longqd|banner无缝轮播【小封装】

发布于 2016-08-24 21:03:43 浏览:5152 类型:原创 - 随笔 分类:JavaScript 举报

一直在重复的写banner,写了了好几个,然后每次写,不停的造轮子,然后渐渐的学会封装,虽然还是不太懂更深层次的东西,但在不断的进步中。html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"><title>图片轮播</title><metaname="d ...

sl_man

sl_man|20个原生JavaScript技巧

发布于 2016-02-29 11:18:55 浏览:5002 类型:原创 - 教程 分类:JavaScript 举报

1、原生JavaScript实现字符串长度截取html代码片段效果预览functioncutstr(str,len){vartemp;varicount=0;varpatrn=/[^\x00-\xff]/;varstrre="";for(vari=0;i<str.length;i++){if(icount<len-1){temp=str.substr(i,1); ...

sjwaj19920509

sjwaj19920509|九张思维导图(JavaScript基础)

发布于 2016-08-03 11:45:53 浏览:4205 类型:原创 - 教程 分类:JavaScript 举报

...

九张思维导图(JavaScript基础)
前端李李

前端李李|DIV+CSS兼容所有浏览器的技巧大全

发布于 2016-11-07 14:37:36 浏览:2750 类型:原创 - 随笔 分类:JavaScript 举报

CSS技巧1.div的垂直居中问题vertical-align:middle;将行距增加到和整个DIV一样高line-height:200px;然后插入文字,就垂直居中了。缺点是要控制内容不要换行?2.margin加倍的问题?设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;?例如:?<#divid= ...

YY砖仔

YY砖仔|玩玩JS,分页

发布于 2016-08-22 23:46:45 浏览:4089 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEHTML><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>js分页</title><styletype="text/css">div,ul,li,body{margin:0;padding:0;font-size:12px;}#containet{display:inline-block;border:1pxsolid#e1dede;padding:19px; ...

胡晗

胡晗|3D照片墙demo

发布于 2017-01-08 21:25:33 浏览:2538 类型:原创 - 随笔 分类:JavaScript 举报

鼠标拖动旋转,松开鼠标后会有惯性,可以直接拖拽本地图片文件进来,图片会自适应可能显示不全,无法调整原始版本:html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>html,body{margin:0;padding:0;background-color:# ...

Js_canves

Js_canves|魔性的舞蹈

发布于 2016-12-21 19:33:46 浏览:1.54万 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>TheLastExperience</title><style>html{overflow:hidden;}body{position:absolute;margin:0;padding:0;width:100%;height:100%;background:#000;}canvas{position:absolute;width:100 ...

老姚

老姚|我也来说说js的事件机制

发布于 2015-12-13 17:37:38 浏览:1.82万 类型:原创 - 随笔 分类:JavaScript 举报

学js,不懂事件机制,基本可以说学了js,就是白学。本人看了很多js相关书籍,评价一本说讲得好不好,我主要看两块儿,一块儿是js面向对象讲得怎么样,另一块儿就是这个事件机制这块儿。面向对象按下不表,这里就详细说说事件机制。事件这个东西可以说js中核心之一。为啥如此重要,因为js是一门事件驱动的语言。说说本文的结 ...