![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 74
凉城以北夜微凉
只要你足够努力,没有什么是不可能的。
展开
-
原生js拖拽
.drag{ position:absolute; width:200px; height:200px; cursor: move; display: block; border:1px solid #000; background-color:red; } window.onload=function(){ var drag原创 2017-05-12 11:25:57 · 246 阅读 · 0 评论 -
通用的事件侦听器函数
markyun.Event={ //页面加载完成后 readyEvent:function(fn){ if(fn==null){ fn=document; } var oldonload=window.onload; if(typeof window.onload!='function'){ window.onload=fn; }else{ window.原创 2017-06-24 20:11:25 · 550 阅读 · 0 评论 -
前端知识
1、深度拷贝 var arr=[1,2,34]; var json={a:6,b:4,c:[1,2,3]}; var str='sdfsdf'; var json2=clone(json); alert(json['c']); function clone(obj){ var oNew=new obj.const原创 2017-06-13 20:27:45 · 214 阅读 · 0 评论 -
js获取非行间样式
#div1{ width:100px; height:100px; background-color: red; } window.onload=function(){ var oDiv=document.getElementById("div1"); cons原创 2017-06-14 09:30:34 · 299 阅读 · 0 评论 -
图片懒加载
*{ margin:0; padding:0; } img{ width:100%; margin-bottom: 30px; min-height:400px; background-color: #ddd;原创 2017-06-14 10:09:24 · 288 阅读 · 0 评论 -
浏览器加载和渲染html的顺序-css渲染效率的探究
1.浏览器加载和渲染html的顺序 1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。 2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完) 3、如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载。 4、并且在下载后进行解析,解析过程中,停止页面所有往下元素的原创 2017-06-14 11:22:31 · 410 阅读 · 0 评论 -
简单的幻灯片实现
1、第一种方法 img { display: none; width: 100px; height: 100px; } input:checked + img { display: block; } input { position: absolute;原创 2017-06-14 17:04:25 · 221 阅读 · 0 评论 -
实现瀑布流
瀑布流布局 *{padding:0;margin:0;} .clearfix:after, .clearfix:before { content: " "; display: table; } .clearfix:after { clear: both; } .main { position: relative; -webkit-column-原创 2017-06-15 15:43:13 · 350 阅读 · 0 评论 -
Vuejs几个小实例
1、双向数据绑定 [v-cloak] { display: none; } *{ margin:0; padding:0; } body{ font-family:Microsoft YaHei; text-align:center; } li{ list-style:none; } .tooltip{ background-color:#5c9原创 2017-07-27 14:05:09 · 2812 阅读 · 0 评论 -
javascript的几种继承方法
1、原型链 原理:利用原型让一个引用类型继承另外一个引用类型的属性和方法。 构造函数,原型,实例之间的关系:每个构造函数都有一个原型对象,原型对象包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。 原型链实现继承例子: function SuperType() { this.property = true; } SuperType.prototype.g原创 2017-06-23 10:17:04 · 195 阅读 · 0 评论 -
清除浮动的几种方式
1、父级定义高度 .content{ width:90%; margin:0 auto; } .header{ height:60px; width:100%; border:1px solid blue;原创 2017-06-11 15:01:26 · 246 阅读 · 0 评论 -
初级编程
1、首字母大写算法挑战 题目:确保字符串的每个单词首字母都大写,其余部分小写。 像'the'和'of'这样的连接符同理。function titleCase(str) { str=str.toLowerCase().split(" "); for(var i=0;i<str.length;i++){ str[i]=str[i][0].toUpperCase()+str[i].原创 2017-05-23 13:13:43 · 385 阅读 · 0 评论 -
js中的事件委托或是事件代理详解
js中的事件委托或是事件代理详解 起因: 1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的; 2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考; 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件原创 2017-05-31 14:47:57 · 294 阅读 · 0 评论 -
前端笔试题
一、时间绑定的方法 1、在Dom元素上直接绑定 function testAlert(){ alert("hello world!"); } 2、js代码中绑定 document.getElementById("demo").onclick=function testAlert(){ alert("hello world!"); } 3、绑原创 2017-06-15 16:32:59 · 782 阅读 · 0 评论 -
前端面试常见算法题
1、判断一个单词是否是回文? 思路:先把单词转换为数组,再通过reverse函数进行反转,进行比较。 var str="abababa"; function checkPalindrom(str){ return str==str.split('').reverse().join(''); } console.log(checkPalindrom(str)); var原创 2017-05-21 09:48:36 · 881 阅读 · 0 评论 -
js中的深拷贝和浅拷贝
在JavaScript中对象的浅拷贝和深拷贝有如下区别: 浅拷贝:仅仅复制对象的引用,而不是对象本身。 深拷贝:复制对象所引用的全部对象。 浅拷贝: 1.自定义实现 function simpleClone(obj) { var simpleCloneObj = {}; for (var i in obj)原创 2017-06-02 09:20:20 · 340 阅读 · 0 评论 -
知识点总结
1、redis数据库 功能:主要是用来做缓存的非关系型数据库。 基本数据类型:字符串(string)、哈希(Hash)、列表(list)、集合(Set)、有序集合(sorted set)。 主要使用场景:当数据不常用时适合做缓存可以用redis,提高页面加载速度。 2、SVN和git的区别 1.git是分布式的,而svn不是(最核心的区别) 这是GIT和其它非分布式的版本控制系原创 2017-06-21 11:16:58 · 198 阅读 · 0 评论 -
session和cookie的区别详解
二者的定义: 当你在浏览网站的时候,WEB 服务器会先送一小小资料放在你的计算机上,Cookie 会帮你在网站上所打的文字或是一些选择, 都纪录下来。当下次你再光临同一个网站,WEB 服务器会先看看有没有它上次留下的 Cookie 资料,有的话,就会依据 Cookie 里的内容来判断使用者,送出特定的网页内容给你。 Cookie 的使用很普遍,许多有提供个人化服务的网站,都是利用 Cooki原创 2017-11-13 09:28:23 · 200 阅读 · 0 评论