笔记

零度沈

零度沈|angular验证表单

发布于 28 分钟前 浏览:10 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>angular表单验证</title><style>.box{width:500px;height:auto;border:solid1px#ccc;box-shadow:2px2px8px#999;margin:100pxauto;}.box>div{box-shadow:-2px-2px8px#999;padding:25px;}p{color:#f00;}* ...

Lookforto

Lookforto|实现框选。

发布于 半小时前 浏览:4 类型:原创 - 随笔 分类:JavaScript 举报

由于时间紧,代码杂乱加,有人整理后记得发我一份html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><style>#box{width:600px;height:200px;margin-left:100px;background:#CCCCCC;border:1pxsolid#000;overflow:hidden;posi ...

迷途的狐狸

迷途的狐狸|JS,Jquery获取各种屏幕的宽度和高度

发布于 5 小时前 浏览:28 类型:原创 - 随笔 分类:JavaScript 举报

Javascript:网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth(包括边线的宽)网页可见区域高:document.body.offsetHeight(包括边线的高)网页正文全文宽:document.body.scrollWidth网页正文全文高:document.body.scrollHei ...

Undo

Undo|字符串操作方法

发布于 5 小时前 浏览:18 类型:原创 - 随笔 分类:JavaScript 举报

二、字符串操作方法以下三个方法只传一个参数时,都是从index位置截取到最后1)substr(index,[count]),从index位置开始截取,截取count个字符,只传一个参数从index位置截取到末尾2)substring(index1,[index2])3)slice(index1,[index2])和substring(index,[index] ...

fe_kevin

fe_kevin|canvas绘制一个常用的emoji表情

发布于 5 小时前 浏览:48 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>装逼表情</title><metaname="viewport"content="initial-scale=1,maximum-scale=1"><metaname="apple-mobile-web-app-capable"content="yes"> ...

欧阳翠花

欧阳翠花|物体固定区域内运动

发布于 5 小时前 浏览:38 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<html><head><title>物体区域内运动</title><styletype="text/css">*{padding:0;margin:0;}#area{width:300px;height:300px;border:1pxsolid#ccc;margin:0auto;position:relative;}#ball{width:24px;height:24px;border:1pxsolidorange;background-color:orange;border-radius:50%;posit ...

862300268

862300268|多读英文文档。。。

发布于 7 小时前 浏览:68 类型:原创 - 随笔 分类:JavaScript 举报

ReadmoreEnglishdocumentsandsourcecode,毕竟还没过四级。学前端半年了,也来记记笔记。最近学习没啥计划,上班看看书,下班撸啊撸。刚完成一个几个页面得项目,用angular(毕竟公司用angular1)试了下,感觉自己也就只能做做简单交互。还有很多路要走,等下看下requirejs和js高程。多用点心。诶 ...

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>一级又一级的json</title><style>h1{font-size:16px;}h2{font-size:14px;padding-left:16px;}h3{font-size:12px;padding-left:30px;}#jsonListdiv{float:left;margin:20px60px;}</styl ...

pangmr

pangmr|使用Swiper制作webapp菜单栏切换

发布于 7 小时前 浏览:53 类型:原创 - 随笔 分类:JavaScript 举报

先上代码html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>使用Swiper制作webapp菜单栏切换</title><metaname="viewport"content="width=100%;initial-scale=1.0;maximum-scale=1.0;user-scalable=0;"/><scriptsrc="https://code.jquery.com/jquery-2.2.4.min.js ...

bad丶小

bad丶小|canvas初级---雪花进化

发布于 8 小时前 浏览:89 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><title></title></head><body><canvaswidth="700"height="500"id="canvas_id"></canvas><script>varcanvas=document.getElementById("canvas_id");varc=canvas.getCon ...

首先了解构造函数的写法functionPoint(x,y){this.x=x;this.y=y}Point.prototype.toString=function(){return'('+this.x+','+t ...

妙味课堂

妙味课堂|每天一点小练习:卡牌游戏诞生记

发布于 19 小时前 浏览:684 类型:原创 - 随笔 分类:JavaScript 举报

这是一群和你们一样热爱前端的小伙伴,他们正在学习中。JavaScript学了快两个月了,从最初的“基础语法、数据类型、判断循环、数组字符串…到现在的DOMBOMEVENT…”在艰苦的学习期间,发生了许多小故事,譬如今天我们要说的这个:···|卡牌游戏诞生记|···编程小分队出场组员:喵喵、小唯、小柯、唐唐这 ...

lois200

lois200|几分钟前 几小时前 几天前... 7个阶段

发布于 昨天 20:23 浏览:134 类型:原创 - 随笔 分类:JavaScript 举报

getDateDiff(1490703429000);传入时间戳(毫秒)javascript代码效果预览functiongetDateDiff(dateTimeStamp){varminute=1000*60;varhour=minute*60;varday=hour*24;varhalfmonth=day*15;varmonth=day*30;varnow=newDate().getTime();vardiffValue=now-dateT ...

Vue.js篇Vue.js里面有用到很多es6的语法,在使用Vue的时候都没有感觉到,有时间也做一篇关于es6语法的笔记。另外我在写这篇笔记的时候发现,vue更新得太快,当你运用报错的时候才发现方法迁移了。1.概念---轻量级的MVVM框架,有React组件化的概念数据展示分离,有AngularJS的灵活的指令跟页面操作方法。不支持IE8及以 ...

Vue.js篇【!从入门到放弃,提供练习源码】上
小柒_912

小柒_912|shift , unshift ,pop , push , 的区别

发布于 昨天 18:48 浏览:71 类型:原创 - 随笔 分类:JavaScript 举报

shift()定义和用法shift()方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。语法:arrayObject.shift()返回值:数组原来的第一个元素的值。说明:如果数组是空的,那么shift()方法将不进行任何操作,返回undefined值。请注意,该方法不创建新数组,而是直接修改原有的arrayObject。 ...

fe_kevin

fe_kevin|解决微信IOS不能自动播放音频问题

发布于 昨天 18:13 浏览:77 类型:原创 - 随笔 分类:JavaScript 举报

坑爹的H5audio一直有兼容性问题,特别是微信端ios和android自动播放问题,ios不能自动播放。我之前的解决方案是使用trigger模拟用户点击实现ios也能自动播放。今天看了@Chiffon的文章,试着按照他的方法测试了一下,确实可行。html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><meta ...

Joudee

Joudee|深入理解闭包

发布于 昨天 17:34 浏览:142 类型:原创 - 随笔 分类:JavaScript 举报

很多博客都很直观的说,闭包就是一个函数内嵌套着另一个函数,作用就是私有化。这么说是对的,但看完根本不知道闭包到底有什么用。这篇随笔就带大家深入的理解一下闭包。网上有这么个例子,相信很多人都看过,但我觉得这不是闭包javascript代码效果预览for(vari=0;i<10;i++){setTimeout(function(){ ...

bad丶小

bad丶小|一个猜数字游戏

发布于 昨天 16:38 浏览:156 类型:原创 - 随笔 分类:JavaScript 举报

初学笔记——三!看你需要猜几次才能猜到那个正确的数字!html代码效果预览<!DOCTYPEhtml><html><head><metahttp-equiv="content-type"content="text/html;charset=utf-8"/><title>猜数字游戏</title><scripttype="text/javascript"charset="utf-8">window.onloa ...

帽子

帽子|回顶部 js方法

发布于 昨天 16:31 浏览:118 类型:原创 - 随笔 分类:JavaScript 举报

$(function(){$(window).scroll(function(){var$scrollTop=document.documentElement.scrollTop||window.pageYOffset||document.body.scrollTop;//兼容浏览器if($scrollTop>1){//滚动高度可调,也可以为某个div的sc ...

帽子

帽子|判断鼠标移入方向及移出方向

发布于 昨天 16:26 浏览:112 类型:原创 - 随笔 分类:JavaScript 举报

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>判断鼠标进入方向</title></head><body><style>html,body{margin:0;padding:0;}#wrap{width:300px;height:300px;background:#33aa00;margin:50px;display:inline-block;font-size:50px;text-al ...