草庐IT

有意思的鼠标指针交互探究

今天,来实现这样一个有意思的交互效果:将原本的鼠标指针样式,修改成自己想要的效果,并且添加上一些特殊的交互效果。修改鼠标样式首先,第一个问题,我们可以看到,上图中,鼠标指针的样式被修改成了一个圆点:正常而言应该是这样:当然,这里比较简单,在CSS中,我们可以通过cursor样式,对鼠标指针形状进行修改。利用cursor修改鼠标样式cursorCSS属性设置鼠标指针的类型,在鼠标指针悬停在元素上时显示相应样式。cursor:auto;cursor:pointer;...cursor:zoom-out;/*使用图片*/cursor:url(hand.cur)/*使用图片,并且设置fallback兜

记录--千万别让 console.log 上生产!用 Performance 和 Memory 告诉你为什么

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助很多前端都喜欢用console.log调试,先不谈调试效率怎么样,首先 console.log有个致命的问题:会导致内存泄漏。为什么这么说呢?用Performance和Memory工具分析下就知道了。我们准备这样一段代码:一个按钮,点击之后创建一个数组,执行一些计算。很常见的逻辑。我们最后加了一个console.log打印了下这个数组。起个静态服务:浏览器访问:  点击performance下的垃圾回收按钮,手动触发一次GC:  勾选Memory,然后开始录制,点击3次按钮,再执行一次GC:你会发现内存是这样的:内存占用有三次增长,因

31张图总结!一鼓作气学会“UI绘制流程详解(整体启动流程)”

前言在android当中对于UI体系当中往往我们会在绘制UI的时候碰到各种各样的问题而不知道从何解决,也有时需要开发更改自定义组件时,需要做自己的调整,或者是实现某个自定义特效时的思路不明确,想要达到去玩转UI的最为基础的部分,就是去全面的深入了解UI的绘制流程.所以接下来带大家去进行全面分析UI整体的绘制体系.UI整体的绘制体系思路及疑惑思路android程序启动--->Activity加载并完成生命周期--->setContentView--->图形绘制疑惑:1.Android程序是如何启动,Activity生命周期如何调用?2.在ActivityonCreate当中我们的setConte

记录--千万别让 console.log 上生产!用 Performance 和 Memory 告诉你为什么

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助很多前端都喜欢用console.log调试,先不谈调试效率怎么样,首先 console.log有个致命的问题:会导致内存泄漏。为什么这么说呢?用Performance和Memory工具分析下就知道了。我们准备这样一段代码:一个按钮,点击之后创建一个数组,执行一些计算。很常见的逻辑。我们最后加了一个console.log打印了下这个数组。起个静态服务:浏览器访问:  点击performance下的垃圾回收按钮,手动触发一次GC:  勾选Memory,然后开始录制,点击3次按钮,再执行一次GC:你会发现内存是这样的:内存占用有三次增长,因

31张图总结!一鼓作气学会“UI绘制流程详解(整体启动流程)”

前言在android当中对于UI体系当中往往我们会在绘制UI的时候碰到各种各样的问题而不知道从何解决,也有时需要开发更改自定义组件时,需要做自己的调整,或者是实现某个自定义特效时的思路不明确,想要达到去玩转UI的最为基础的部分,就是去全面的深入了解UI的绘制流程.所以接下来带大家去进行全面分析UI整体的绘制体系.UI整体的绘制体系思路及疑惑思路android程序启动--->Activity加载并完成生命周期--->setContentView--->图形绘制疑惑:1.Android程序是如何启动,Activity生命周期如何调用?2.在ActivityonCreate当中我们的setConte

Dubbo架构设计与源码解析(三)责任链模式

作者:周可强一、责任链模式简介1、责任链模式定义责任链(ChainofResponsibility)模式的定义:为了避免请求发送者与多个请求处理者耦合在一起,于是将所有请求的处理者通过前一对象记住其下一个对象的引用而连成一条链;当有请求发生时,可将请求沿着这条链传递,直到有对象处理它为止。在责任链模式中,客户只需要将请求发送到责任链上即可,无须关心请求的处理细节和请求的传递过程,请求会自动进行传递。所以责任链将请求的发送者和请求的处理者解耦了。2、责任链特点责任链模式是一种对象行为型模式,其主要优点如下。1).降低了对象之间的耦合度。该模式使得一个对象无须知道到底是哪一个对象处理其请求以及链的

离谱的 CSS!从表盘刻度到艺术剪纸

某日,群里有这样一个问题,如何实现这样的表盘刻度:这其实是个挺有意思的问题,方法也有很多。单标签,使用conic-gradient实现表盘刻度最简单便捷的方式,就是利用角向渐变的方式conic-gradient,代码也非常简单,首先,我们实现一个重复角向渐变:div{width:300px;height:300px;border-radius:50%;background:repeating-conic-gradient(#0000,#000.8deg,transparent1deg,transparentcalc((360/60)*1deg));}其实比较难理解的是calc((360/60)

夯实基础上篇-图解 JavaScript 执行机制

前言讲基础不容易,本文希望通过9个demo和18张图,和大家一起学习或温故JavaScript执行机制,本文大纲:hoisting是什么一段JavaScript代码是怎样被执行的调用栈是什么文末有总结大图。如果对本文有什么疑问或发现什么错漏的地方,可在评论区留言~如果对你有帮助,希望三连~夯实基础系列:夯实基础上篇-图解JavaScript执行机制夯实基础中篇-图解作用域链和闭包hoisting是什么先来个总结图压压惊~正文开始~提问环节:下面这段代码打印什么?为什么?showSinger()console.log('第1次打印:',singer)varsinger='Jaychou'cons

一个 "开箱即用" 个人博客全栈系统项目!vue+node+express+mysql+sequlize+uniapp

"?MG'Blog"一个"开箱即用"个人博客全栈系统项目!探索本项目的源码»?前台预览·?管理端预览?v1.0.2小程序预览?v1.0.2介绍芒果’个人博客系统,包括前后台完整基础功能,小程序,web前台站点一键置灰,支持移动端适配;管理端常用增·查·改页面代码自动生成即可,sql文件已附上,开箱即用,如果对你有帮助,留个star⭐⭐再走呗⭐项目面向前端学习node.js,mysql等后端基础和小程序学习者⭐有好的建议欢迎交流学习1840354092@qq.com⭐项目启动安装有问题可以留言,会及时解答v1.0.1前台:Gblog管理端:vue-element-adminNode服务端:exp

Dubbo架构设计与源码解析(三)责任链模式

作者:周可强一、责任链模式简介1、责任链模式定义责任链(ChainofResponsibility)模式的定义:为了避免请求发送者与多个请求处理者耦合在一起,于是将所有请求的处理者通过前一对象记住其下一个对象的引用而连成一条链;当有请求发生时,可将请求沿着这条链传递,直到有对象处理它为止。在责任链模式中,客户只需要将请求发送到责任链上即可,无须关心请求的处理细节和请求的传递过程,请求会自动进行传递。所以责任链将请求的发送者和请求的处理者解耦了。2、责任链特点责任链模式是一种对象行为型模式,其主要优点如下。1).降低了对象之间的耦合度。该模式使得一个对象无须知道到底是哪一个对象处理其请求以及链的