06 2018 档案

DOM事件总结
摘要:1.DOM事件: DOM0: element.onclick=function(){} DOM2: element.addEventListener(‘click’,function(){}) addEventer接受三个参数: type:事件名称,大小写敏感。 listener:监听函数。事件发生 阅读全文
posted @ 2018-06-30 17:45 静谧coding 阅读(188) 评论(0) 推荐(0)
CSS实现跳动的桃心
摘要:又来刷题--CSS动画实现跳动的桃心,从哪里跌倒就从哪里爬起来,哈哈哈~ 分析:首先,得画出一个桃心,然后再用动画效果让它跳起来(关于动画,实在是弱项啊~~~,得补补了)。 第一步:画桃心,思路是一个正方形+两个半圆,拼起来,然后旋转45度(百度告诉我的,嘿嘿) 1.用CSS绘制一个正方形+两个半圆 阅读全文
posted @ 2018-06-26 16:05 静谧coding 阅读(1076) 评论(0) 推荐(0)
web安全--<a>标签带有target=“_blank”
摘要:超链接标签带有target=“_blank”属性的,容易被利用进行诸如钓鱼等攻击,怎么防范 阅读全文
posted @ 2018-06-25 15:49 静谧coding 阅读(1384) 评论(0) 推荐(0)
JS函数节流和防抖
摘要:看JS高级程序设计时,了解到一个概念--函数节流,是为了防止在高频率触发某些事件导致浏览器崩溃。最近又了解到另一个概念,防抖,感觉和函数节流很像,也查看了很多篇博文,算是理解了。 区别: 函数节流:频繁调用某方法,在一定的时间间隔内至少会触发一次 防抖:在一定时间间隔内频繁调用某方法,只响应最后一次 阅读全文
posted @ 2018-06-25 15:19 静谧coding 阅读(164) 评论(0) 推荐(0)
JS数组扁平化
摘要:JS实现将数组进行扁平化处理,即将多维数组展开为一维数组 方法一、递归 方法二、arrary.reduce 考察升级:要求这个函数接受一个参数来确定扁平化深度 阅读全文
posted @ 2018-06-24 16:19 静谧coding 阅读(192) 评论(0) 推荐(0)
JS面试题--使用for循环打印1-10,每个数字出现的间隔约500ms
摘要:又来刷面试题啦,哈哈。 要求:使用for循环打印1-10,每个数字出现的间隔约500ms。 分析:考察点--闭包,块级作用域 方式一、使用闭包+立即执行函数,自己当时的思路也是这样想的,但是,结果却没有体现间隔500ms 经过修改,结果满足要求:1.setTimeout每次的间隔500*i,保证每隔 阅读全文
posted @ 2018-06-24 13:58 静谧coding 阅读(7751) 评论(0) 推荐(2)
css布局--两列布局,左侧固定,右侧自适应(其中左侧要可以拖动,右侧水平滚动条)
摘要:(css布局所要实现的效果) 在前端面试中经常会被问到CSS布局,两列布局,左侧固定,右侧自适应。前几天去面试,遇到了这道题的升级版,要求左侧可拖动,右侧要有水平滚动条。拿到题目确实有些大脑短路,不知道如何实现左侧可拖动的效果,面试官最后给的提示是设置resize属性+flex布局 resize定义 阅读全文
posted @ 2018-06-24 10:57 静谧coding 阅读(2275) 评论(0) 推荐(0)
css布局--垂直水平居中
摘要:最近在总结前端知识,也参加了一些面试,面试中遇到一道题要求垂直水平居,现在对这进行一下总结,也好巩固一下知识。 方案一、flex布局 方案二、margin:auto 这里的section设置任意的高度和宽度都可以实现水平垂直居中的效果。 方案三、transform 使用transform方式可居中任 阅读全文
posted @ 2018-06-23 21:02 静谧coding 阅读(1079) 评论(0) 推荐(0)
vue-router介绍及简单使用
摘要:一、vue-router介绍 vue-router是vue官方提供的一个路由框架,控制页面路由,使用较为方便。 1.路由模式 hash(浏览器环境默认值),使用 URL hash 值来作路由,支持所有浏览器。 history:依赖HTML5 History API和服务器配置 abstract: 支 阅读全文
posted @ 2018-06-20 11:14 静谧coding 阅读(440) 评论(0) 推荐(0)
vue新手入坑之mounted和created的区别(生命周期)
摘要:这几个月用vue框架新做了一个项目,也算是边学习边实践吧。学习中也看过一些别人的开源项目,起初对mounted和created有一些疑惑,查询相关资料发现,这和vue的生命周期有关,在此也就做一个总结。 每个 Vue 实例在被创建时都要经过一系列的初始化过程——如,需要设置数据监听、编译模板、将实例 阅读全文
posted @ 2018-06-20 10:16 静谧coding 阅读(22032) 评论(0) 推荐(0)