dongkan8129-CSDN博客

转载【转】这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已

【转】这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已Javascript是一门很吊的语言，我可能学了假的JavaScript，哈哈，大家还有什么推荐的本文秉承着：你看不懂是你SB，我写的代码就要牛逼。1、单行写一个评级组件"★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);定义一个变量rate是1到5的值，然后执行上...

2017-09-01 21:11:00 176

转载史上前端面试最全知识点

史上前端面试最全知识点一.html & js & css1.AMD和CMD是什么？它们的区别有哪些？ AMD和CMD是二种模块定义规范。现在都使用模块化编程，AMD，异步模块定义；CMD，通用模块定义。AMD依赖前置，CMD依赖就近。CMD的API职责单一，没有全局require，AMD的一个API可以多用。2.web开发常见的漏洞。 XSS（跨...

2017-09-01 21:06:00 339

转载 CSS3布局之flex布局效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0; } .contai...

2017-09-01 21:04:00 169

转载简单实现数组去重

1.遍历数组法最简单的去重方法，实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多写一些兼容低版本浏览器代码，源码如下：?1234567891011// 最简单数组去重法 ...

2017-08-17 16:15:00 123

转载 js中的基本数据类型与引用数据类型

js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Null,Undefined）,和一种混合数据类型（Object）。前面说到js中变量是松散类型的，因此有时候我们需要检测变量的数据类型。typeof操作符可以检测变量的数据类型（输出的是一个关于数据类型的字符串）。返回如下6种字符串：number,string,boolean,objec...

2017-08-17 15:47:00 100

转载 css代码中的“~”和“>”是什么意思

css中“~”是:为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置样式：p~ul{　　width：100px；}<p>1</p><ul>　　<li>2</li>　　<li>2</li>　　<li>2</li>...

2017-08-11 11:20:00 2835

转载 css3+jquery写一个选项卡

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script src="js/jquery-1.10.2.min.js"></script> <style> ...

2017-08-03 09:49:00 105

转载前端工程师面试题汇总（转载）

HTMLDoctype作用？严格模式与混杂模式如何区分？它们有何意义?HTML5 为什么只需要写 <!DOCTYPE HTML>？行内元素有哪些？块级元素有哪些？空(void)元素有那些？页面导入样式时，使用link和@import有什么区别？介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问...

2017-08-03 09:45:00 134

转载 css3写一个简单的轮播图

直接上代码，拿去就能用，换图片直接改<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #frame { position:...

2017-08-02 12:32:00 195

转载伪类选择器和伪元素是什么？css3中引入的伪类选择器有哪些？css3中伪元素有哪些？...

伪类用一个冒号来表示，而伪元素则用两个冒号来表示。伪类选择器：由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。伪元素选择器：并不是针对真正的元素使用的选择器，而是针对CSS中已经定义好的伪元素使用的选择器；css3中引入的伪类选择器：:root()选择器，根选择器，匹配元素E所在文档的根元素。在HTML文档中，根元素始终...

2017-07-31 21:18:00 432

转载让一个div 上下左右居中

方法1：.div1{ width:400px; height:400px; border:#CCC 1px solid; background:#99f; position:absolute; left:50%; top:50%; transform: tran...

2017-07-30 15:39:00 223

转载用JS改变的元素CSS样式

CSS样式的引用有3种方式：style引用、class引用、id引用，所以js改变元素的样式我们也分3种来说。1.js改变由style方式引用的样式：方法一：document.div.style.cssText="border:1px solid #000000;color:#FF0000";方法二：document.div.setAttribute("s...

2017-07-29 19:51:00 250

转载 css !important声明强制优先

CSS优先级中还有一个最无敌的声明，就是!important。在CSS样式表中，带有!important声明的样式优先使用，它的优先级会超越任何地方、任何方式的样式声明，包括行内style属性中声明的样式。比如下面代码：<styletype="text/css">div{color:red!important;} </style...

2017-07-29 19:48:00 170

转载 cookie的设置获取和删除

cookie是运行在客户端的，可以用JS来设置cookie.首先需要稍微了解一下cookie的结构，简单地说：cookie是以键值对的形式保存的，即key=value的格式。各个cookie之间一般是以“;”分隔。JS设置cookie:假设在A页面中要保存变量username的值("jack")到cookie中,key值为name，则相应的JS代码为：代码如下:...

2017-07-28 21:00:00 128

转载前端开发面试问题及答案收录

转：前端开发面试知识点大纲：HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。JavaScript：数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON...

2017-07-28 20:33:00 358

转载不管页面内容是不是占满一屏，footer都保持在最底部

直接上代码：<style>*{ margin:0; padding:0} #container{background:#33CCFF} #footer{background:#FFCC00;width:100%;} </style><div id="container"> 5416416410</div> <div id="foo...

2017-07-28 17:44:00 223

转载各种收集到的前端开发中出现的兼容性问题

1、html部分 a、最突出也是最容易想到的就是高版本的浏览器用了低版本的浏览器无法识别的元素，从而导致不能解析。这点主要体现在html5的新标签上解决办法是：htmlshim框架可以让低于IE9的浏览器支持html5 b、img的alt属性，在图片不存在的情况下，各浏览器的解析不一致在chrome下显示的是一张破损的图片，在ff下显...

2017-07-28 17:41:00 127

转载 html5新增加的属性

新增的属性：对于js进行添加的属性。<script defer src=".....js" onload="alert('a')"></script><script async src=".....js" onload="alert('b')"></script>如果没有以上两个属性的话，执行顺序为先加...

2017-07-28 16:56:00 211

转载 html5新增加的标签

增加标签：1、结构标签（1）section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分；（2）article：特殊独立区块，表示这篇页眉中的核心内容；（3）aside：标签内容之外与标签内容相关的辅助信息；（4）header：某个区块的头部信息/标题；（5）hgroup：头部信息/标题的补充内容；...

2017-07-28 16:55:00 108

转载 html5新特性

1、语义特性：HTML5赋予网页更好的意义和结构。2、HTML5APPCache及本地存储：基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度3、设备兼容：HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以与浏览器内部的数据直接相连。4、连接特性：更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交...

2017-07-28 16:51:00 720

转载了解javascript闭包是什么？

闭包是Javascript语言的一个难点，但是很多高级应用都要依靠闭包实现。闭包的特性1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量闭包的缺点就是常驻内存，会增大内存使用量，使用不当很容...

2017-07-28 16:38:00 59

转载 CSS 控制元素上下左右居中

此文章为转载，目的是自己好参考左右居中:　　#method.　　　　-->. margin:0 auto;View Code效果图：上下居中：　　在介绍方法之前，我先声明一下，这里的上下居中法，都是已知 height的，总结分两种情况，1. 具体height 和 2.百分比height，但无论哪种形式的height...

2017-07-28 00:12:00 152

转载 jquery中bind和live方法的差别

差别：.bind()是直接绑定在元素上.live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到document DOM节点上。和.bind()的优势是支持动态数据。.delegate()则是更精确的小范围使用事件代理，性能优于.live().on()则是最新的1.9版本整合了之前的三种方式的新事件绑定机制转载于:https://www.cnblogs.com/old...

2017-07-27 21:10:00 91

转载 jquery实现简单的tab选项卡

选项卡是大家平时在工作中经常用到的一个效果，下面我给大家一个比较简单的选项卡demo。 html：<ul class="tab"> <li>11</li> <li class="cur">22</li> <li>33</li> </...

2017-07-27 20:41:00 72

转载子元素绝对定位，父元素高度自适应子元素高度

子元素设置了绝对定位，父元素没有设置相对定位，因此子元素脱离了文档流，父元素高度就变成没有了，如何让父元素高度自适应子元素高度。子元素的高度是不确定的可以JS设置父元素高度<body><<span class="<<span class=" hljs-keyword" style="box-sizing: border-b...

2017-07-26 18:34:00 2016

转载实现弹出层，遮罩层

开发中经常会用到弹出遮罩层的时候，下面是一个简单的遮罩层弹窗<style type="text/css"> <!-- body, td, th { font-size: 12px; padding: 0; margin: 0; } .tanchuang { width: 100px...

2017-07-26 18:26:00 235

转载 css样式重置表

一般在我们的开发中，由于浏览器的不同，会出现很多样式的问题，所以，一份样式重置就很有必要了。下面是代码：html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,tex...

2017-07-26 18:13:00 80

dongkan8129的博客