文章首发于个人博客:http://heavenru.com 在最近项目中需要实现一个精灵动画,素材方只提供了一个短视频素材,所以在实现精灵动画之前先介绍两个工具来帮助我们更好的实现需求。在这篇文章中,主要是介绍两个命令行…
分类:css
js实现鼠标拖拽多选功能
最近做了一个用js实现鼠标拖拽多选的功能,于是整理了一下思路,写了一个小demo:遮罩出现:被遮罩盖住的,即为选中的块(背景色为粉色)下面是具体代码,注释已在文中,与大家交流。 <!DOCTYPE html>…
用JS写一个计算器(兼容手机端)
先看成果:1.PC端2. 首先确立html,有哪些东西我们要知道。布局大概的样子在心里有个数 <!DOCTYPE html> <html> <head> <meta charse…
使用css3实现骰子动画
思路:骰子有6个面,那么创建6个div为6个面,然后用css3的旋转属性旋转每个面到相应位置,每个面里面的点使用绝对定位确实位置。骰子旋转写一个动画改变rotate值。效果预览:https://leeseean.gith…
写了一个时间管理的小程序
前言 以前看过《把时间当作朋友》这本书,里面有个管理时间的观点个人觉得很有用,就是养成记录自己每天的时间消耗的一个习惯,这样有助于更有效地管理自己的时间。但是个人觉得每天在笔记本上记录时间有点麻烦,就写一个简单的小程序来…
JD+XX金融的面试
好多记不得了,选了几个有映象的 1.盒模型 不想多说,太基础了 2.项目中的实现 针对性的问你一些做过的项目,但是dj这次面试基本问题都是从项目出发问的,很少问到基础,问性能优化相对多一点 3.jQuery经常用到那些方…
DOM操作--你究竟知道多少
前言 DOM常常挂在我们嘴边,但是我们又是否理解它呢?带着这个疑问我开始了 CSS如何工作? 但浏览器显示文档时,它必须将文档的内容与其样式信息结合。分为以下两个阶段处理文档: 浏览器将HTML和CSS转化成DOM(文档…
前端资源收集整理
工作原因,最近一年断断续续写了一点前端代码,收集整理了一些资料,和大家共享。 Github版本:Front-End Resource Collection 前端相关资源汇总 学习指导 精华文章 Web前端的路该怎么走?:…
前端面试题2017(篇幅长,附答案)
说明:简答题没有固定答案,以下给出的答案是从别处摘录或自己总结,有错之处欢迎指出。 html 篇 标签上title和alt属性的区别是什么? alt是html标签的属性,而title既是html标签,又是html属性。 …
vue 仿segmentfault App
前言 这是一个基于vue-cli构建的前端项目,外观尽可能去还原app的样式,但是因为水平有点渣,好多地方都是得过且过,罪过罪过,这个项目主要还是面向新手吧~希望和大家多学习学习 技术栈 vue vuex vue-cli…
001-DOM事件
决定还是继续写博客,记录工作学习中遇到的问题,每天晚上对学习和遇到的问题进行总结。 1.DOM事件 1.HTML事件处理程序2.DOM的0级事件(把一个函数函数赋值给一个事件处理程序属性)element.onclick(…
创建前端平移动画为何 translate() 优于 top/right/bottom/left
前言 研究这个问题的起因,源于我在阅读作曲家与听众这篇文章时,看到的这样一句话。 例如,我对很多开发者(不管新手还是老手)仍然使用 CSS 的 top 和 left 而不是 transform 创建平移动画感到震惊,尽管…