![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML CSS JS
邓闰土
我的简书 http://www.jianshu.com/u/f109f1576a46
展开
-
JS Array常用方法indexOf/filter/forEach/map/reduce详解
Array共有九个方法Array.prototype.indexOfArray.prototype.lastIndexOfArray.prototype.everyArray.prototype.someArray.prototype.forEachArray.prototype.mapArray.prototype.filterArray.prototype.reduceArray转载 2017-05-16 15:07:44 · 466 阅读 · 0 评论 -
Indexed Database
Indexed Database,也可简称为 IndexedDB(以前被称作 WebSimpleDB),同样是一个 Web 客户端存储结构化数据的规范,在 2009 年由 Oracle 提出。如果说 Web SQL Databae 在客户端实现了 传统的 SQL 数据库操作,那么 Indexed Database 更类似于 NoSQL 的形式来操作数据库 , 其中最重要的是 Indexed Dat原创 2017-05-08 09:51:27 · 277 阅读 · 0 评论 -
让内容居中
内容居中这块,可是参考 vertical-align:middle但是这个属性只在有vertical属性的元素中适用参考该属性,将需要居中的元素属性设置为display:table-cell;父元素属性display:table;原创 2017-05-08 09:51:18 · 257 阅读 · 0 评论 -
css 宽度 百分比与数值加减
width:calc(100%-8px);width:-webkit-calc(100% - 16px);width:-moz-calc(100% - 16px);注意减号 前后有空格原创 2017-05-08 09:51:21 · 5290 阅读 · 0 评论 -
js attr 对复选框无效
console.log($(this).attr("checked"))console.log($(this).prop("checked"))原创 2017-05-08 09:51:09 · 314 阅读 · 0 评论 -
js获取element的相对绝对位置
var X = $('#DivID').offset().top;var Y = $('#DivID').offset().left; var C = $('#DivID').position().top; var D = $('#DivID').position().left;原创 2017-05-08 09:50:51 · 2207 阅读 · 0 评论 -
js jquery 获取其他兄弟element
var xx =$(this).siblings()原创 2017-05-08 09:50:19 · 1062 阅读 · 0 评论 -
js jquery 获取 index
var index = $(this).index()原创 2017-05-08 09:50:13 · 361 阅读 · 0 评论 -
settimeout
function timedMsg(){var t=setTimeout("alert('5 seconds!')",5000)}原创 2017-05-08 09:50:07 · 138 阅读 · 0 评论 -
jQuery $(this) 无法获取 value解决方法
varindex = 0;//第一项varrs = $("li").eq(index).get(0).getAttribute("value");varrs=$("li").eq(index).get(0).attr("value");alert(rs);//getAttribute("value")返回value的属性值//get(0)将jquery对象转为dom对象//因为li的value不属原创 2017-05-08 09:50:05 · 3915 阅读 · 0 评论 -
jQuery取得select选中的值
本来以为jQuery("#select1").val();是取得选中的值,那么jQuery("#select1").text();就是取得的文本。这是不正确的,jQuery("#select1").text();会返回 select 中所有的额值。正确做法是:jQuery("#select1 option:selected").text();原创 2017-05-08 09:50:02 · 185 阅读 · 0 评论 -
Flex 布局教程:语法篇 作者: 阮一峰 日期: 2015年7月10日 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + po
Flex 布局教程:语法篇作者: 阮一峰日期: 2015年7月10日网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年转载 2017-07-12 17:59:23 · 1260 阅读 · 0 评论 -
js 深拷贝与简拷贝
前提,老生常谈的,基本变量传值,对象传址那么怎么拷贝一个对象呢简单方法 const target = JSON.parse(JSON.stringify(source));缺点不能拷贝方法,拷贝数据还是可以的。复杂一点的方法function defineMethods(protoArray, nameToFunc) { protoArray.forEach(function(proto原创 2017-09-03 11:15:37 · 358 阅读 · 0 评论 -
三十分钟学会 Less
每一门技术的出现都是为了解决现存的问题,同样的,Less 的出现是为了解决 CSS 中过于呆板的写法。Less 官方文档 中对 Less 的使用有详细的介绍,总结一下为:Less = 变量 + 混合 + 函数。如果你对 js 和 css 有所了解,那么就可以很快的掌握并在你的项目中使用 Less。一、Less 使用初体验1. 使用 Less 写样式使用 Npm 全局安装 Less$ np转载 2017-12-02 17:28:06 · 600 阅读 · 0 评论 -
10分钟 深入less
Less三种方式引用less浏览器引用 less.js Link type=”text/lesssnode中使用 lesssc less.lesslessc less.less css.csslessc less.less css.css –clean-css工程中使用在file watch 中添加 less变量 @key:valuevalue 通常带单位, 单位运算的时候会保留的原创 2017-12-02 21:46:24 · 424 阅读 · 0 评论 -
canvas 平移 缩放 旋转
canvas 平移 缩放 旋转的原理在canvas 画上一个图形后将canvas 进行平移,之后在使用相同的位置画上一个图形,发现能达到预期的效果因为 canvas 平移 旋转 缩放 是针对坐标轴的刚开始的坐标 (0,0)位置 位于左上定点,使用平移后,坐标初始位置 分表加减x,y使用选装后,坐标轴方位发生该表使用缩放后,坐标轴的比例车发生该表,(初始100对应100px,缩放0.5 后100原创 2017-05-08 09:51:30 · 1171 阅读 · 0 评论 -
canvas 阴影
canvas 的阴影有四个参数控制 分别是X 偏移 Y偏移 阴影颜色 阴影尺寸。context.shadowOffsetX = 10;context.shadowOffsetY = 10;context.shadowColor = 'rgba(100,100,100,0.5)';context.shadowBlur =5;原创 2017-05-08 09:51:33 · 378 阅读 · 0 评论 -
setInterval方法与requestAnimationFrame 取舍
setInterval方法与requestAnimationFrame方法的区别较为微妙。一方面,最明显的差别表现在setInterval可以手动设定FPS,而requestAnimationFrame则会自动设定FPS;但另一方面,即使是setInterval也不能保证按照给定的FPS执行,在浏览器处理繁忙时,很可能低于设定值。当浏览器达不到设定的调用周期时,requestAnimationFr原创 2017-05-08 09:53:56 · 1951 阅读 · 0 评论 -
背景图片自适应
background:url(../images/1.jpg) center no-repeat fixedbackground-size:cover注:原创 2017-05-08 09:54:07 · 200 阅读 · 0 评论 -
Js 框架模块
11月中旬在伦敦举行的jQuery Summit顶级大会上有个session讲的是大型JavaScript应用程序架构,看完PPT以后觉得甚是不错,于是整理一下发给大家共勉。PDF版的PPT下载地址:http://www.slideshare.net/jibyjohnc/jqquerysummit-largescale-javascript-application-architecture注:在整原创 2017-05-08 09:53:47 · 359 阅读 · 0 评论 -
Review word
1.新建 index.html2.新建main.js之后在 index 中引入main. js引入的位置在之前图-1在index 文件中添加3.打开mian.js 敲入以下代码var dom=document.querySelector('h1');dom.innerText='Review word';4.使用浏览器打开index页面。图-2整个过程可以简括为两布var dom=doc原创 2017-05-08 09:53:44 · 284 阅读 · 0 评论 -
js 获取属性
1. 使用“ . ”来访问对象属性语法:objectName.propertyName其中,objectName 为对象名称,propertyName为属性名称。2. 使用“ [ ] ”来访问对象属性语法:objectName[propertyName]其中,objectName 为对象名称,propertyName为属性名称。原创 2017-05-08 09:53:38 · 215 阅读 · 0 评论 -
js hex 转 rgb值
function hexToRGB(hex) { 第一步 hex 转string var num= hex.toString(16); 第二步:判断num的长度 switch(num.length) { case2:第三布:补全rgb值。原创 2017-05-08 09:53:35 · 528 阅读 · 0 评论 -
js对象管理基于事件驱动
接上一篇,公司造了一栋大别野,大别野门口有个警报器,有个喷泉,还有个大灯。var fountain;var annunciator;var light;需求:警报器 喷泉 大灯 状态联动:打开大灯时 警报器 关闭 喷泉打开打开警报器时 大灯关闭 喷泉关闭打开喷泉时 大灯打开 警报关闭白天 大灯不能打开=================喷泉、灯、警报器的方法合计fou原创 2017-05-08 09:53:32 · 378 阅读 · 0 评论 -
js 创建对象模式分析
面向对象的编程总是避免不了创建对象,更加之任何事物都可看做对象,这样子我们书写代码的时候,就会遇到各种千奇百怪的问题。需要一个合理的模式完成对象的创建。 集团、工厂、产品线。 假设工地现在需要一堆建筑材料,有长方形的墙体,原型的柱子三角形的屋顶还有些许当前未知但后期会出现的需求 这个时候可以采取 集团 工厂产品线的方式. 集团:我们当前需要的建原创 2017-05-08 09:53:29 · 182 阅读 · 0 评论 -
jq iframe 子父 调用
父——>子$("#ii")[0].contentWindow.test()$("#ii")[0].contentWindow.ff$("#ii")[0].contentWindow.$('body').val();$("#ii")[0].contentWindow.ff="sssssssssssss";子——>父parent.$("#ii").attr("id");parent.$("#ii").原创 2017-05-08 09:52:30 · 282 阅读 · 0 评论 -
防止HTML页面被嵌套的方法
判断 当前是否为 父窗口 if(window !=window.top){//替换当前页面内容window.top.location.replace(window.location)}原创 2017-05-08 09:52:28 · 1293 阅读 · 0 评论 -
jq鼠标移动
$('#map').mousemove(function(e){x=e.pageX;y=e.pageY;parent.$("#a")[0].contentWindow.$('#map').find('.poi-h').css({left:x})parent.$("#a")[0].contentWindow.$('#map').find('.poi-w').css({top:y-50})parent原创 2017-05-08 09:52:13 · 389 阅读 · 0 评论 -
iframe 跨域
第一种不跨域领导:document.getElementByI d("iframe").contentWindow.document.getElementByI d("message").value员工:parent.document.getElementByI d("message").value第二种主域相同领导:document.domain=主域名 document.g原创 2017-05-08 09:51:45 · 187 阅读 · 0 评论 -
frame父子兄弟之间通过jquery传值
frame父子兄弟之间通过jquery传值(contentWindow && parent),iframe的调用包括以下几个方面:(调用包含html dom,js全局变量,js方法)主页面调用iframe;iframe页面调用主页面;主页面的包含的iframe之间相互调用;主要知识点1:document.getElementById("ii").contentWindow 得到iframe对象后,原创 2017-05-08 09:51:42 · 442 阅读 · 0 评论 -
canvas save and restore
var canvas = document.getElementById(id);if (canvas == null)return false;var context = canvas.getContext("2d");context.fillStyle = "red";context.save(); //保存了当前context的状态context.fillStyle = "black";co原创 2017-05-08 09:51:36 · 204 阅读 · 0 评论 -
css3 中dispaly:none 动画处理
大体思路,将动画过程添加在当前状态与display为none之间,在display为none之前,保存一个状态为视觉为空。监听css3的transitionend 在,动画完成后为元素添加 display 为none: 上代码 使用的less在构建项目,为了避免对其他依赖冲头,这里将样式的前缀抽离了出来。@prefix: nb;.@{prefix}-hidden { display:原创 2017-12-18 16:45:08 · 5106 阅读 · 0 评论