Vue复刻华为官网 (二)
看了这个gif后,可以清楚的看到产生了三个动画效果:图片"拉近","了解更多"从下往上显示出来,阴影。我看了华为官网的源代码,发现图片本身就是有一个mask的,这样能让图片看起来暗一些,也就意味着,当鼠标进入的时候,只需要让mask的背景颜色更深一些,就实现了阴影的效果。至于图片"拉近",我早就写过
JS中的 回调函数(callback)
目录1.什么是回调函数(callback)呢?2.回调函数有哪些特点?3.回调函数中this的指向问题4.为什么要用到回调函数?5.回调函数和异步操作的关系是什么?回调函数是异步么?把函数当作一个参数传到另外一个函数中,当需要用这个函数是,再回调运行()这个函数.回调函数是一段可执行的代码段,它作为
vue自适应布局(各种浏览器,分辨率)
主要使用了flex布局的flex:1属性和自适应的css+vh+百分比这种方式,开局设置overflow:hidden,主体main部分要设置:overflow:auto,这种方式可以自动使得菜单的滚动条和内容的滚动条在一个区域内滚动,后续我会把完整代码放在个人主页KinHKin的博客_CSDN博客
HTML+CSS+JS+Jquery+练手项目+...合集(前端学习必备,持续更新中...)
非常实用的前端教程+案例,均有详细的步骤讲解,不懂得可以私信博主,看到就会回的!未来将继续更新Vue,React等更多前端知识,欢迎收藏关注!
Web实训项目--网页设计(附源码)
我们要使用这些知识实现一个简单的网页设计,利用HTML的a标签做文本内容跳转以及超链接的应用,CSS设计内容样式和图片、动画、视频的大小位置格式,JavaScript实现轮播图效果等。学习如何设计网页中的轮播图和动画效果,并掌握a标签文本内容跳转、超链接的应用、播放音乐与视频等操作。通过对Web知识
20分钟上手ES6,不会ES6好意思说自己会JS ?
20分钟上手ES6,快来学习吧,原创不易,多多支持呀!
postman测试带token验证的接口,解决token为空问题
postman测试带token验证的接口,解决token为空问题
vue+element-ui前端使用print-js实现打印,可自定义样式
实现纯前端的打印功能,可自定义打印样式,使用print-js实现。
解决element-ui动态加载级联选择器默认选中问题(Cascader)
整理了75个JS高频面试题,并给出了答案和解析,基本上可以保证你能应付面试官关于JS的提问。有需要的小伙伴,
Autojs Pro 9.3解除布局识别限制、解除打包后限制
Autojs Pro 9.3解除布局识别限制、解除打包后限制
element ui datepicker时间控件实现范围选择周,季,年。
官网elementui仅有日和月的范围选择控件。所以开发了周季年。
Element UI - v-infinite-scroll无限滚动组件
InfiniteScroll 无限滚动
Vue复刻华为官网(三)
如上图,这整个的大盒子,又可以被分为上中下三个小盒子,上、下盒子都被分为左右两个小盒子。这部分的难点主要体现在搜索栏上,特别是搜索栏聚焦的时候,会有一个阴影的效果,失去聚焦之后阴影效果会消失。如下这部分可以使用两个鼠标事件搞定,@focus (组件获取焦点的时候触发)、@blur (组件失去焦点的
HTML小游戏9 —— 潜行游戏《侠盗罗宾汉》(附完整源码)
100个H5游戏专栏🎮 目前已有100+小游戏,源码在持续更新中,前100位订阅限时优惠,先到先得。🐬 订阅专栏后可阅读100个HTML小游戏文章;还可私聊进前端/游戏制作学习交流群;领取一百个小游戏源码。在线演示地址:源码也可在文末进行获取。
牛客前端刷题(十)—— 设计模式篇
前端面试题你想轻松掌握吗?想收到自己满意的offer吗,来牛客—起刷题呀
JavaScript上部分--头歌(educoder)实训作业题目及答案
目录 JS简介 第1关: JavaScript基础入门 第2关: JavaScript 与 HTML 第3关: JavaScript 变量 JS 数据类型 第1关: JavaScript 数据类型介绍 第2关: JavaScript 数据类型转换 JS运算符 第1关: 算术运算符 第2关: 比较和逻
青龙面板拉库命令大全最新【2022-10-13】
很久没有更新文章了,今天测试青龙面板,正好需要用到一些库,就网上收集了下,这里分享给大家。脚本搜集于网络,自行分辨食用。
【JavaScript】手撕前端面试题:寄生组合式继承 | 发布订阅模式 | 观察者模式
带你手撕前端面试题:寄生组合式继承 | 发布订阅模式 | 观察者模式。基础不牢,地动山摇!快来巩固基础、强化知识、冲击大厂吧!
Node.js | 从前端到全栈的必经之路
深入浅出Node.js,最适合前端开发人员进入全栈时学习的服务端语言,以JavaScript为基础,使前端人员能够平滑过渡到全栈,赶快来认识一下Node.js吧!
Vue 报错error:0308010C:digital envelope routines::unsupported
Vue 报错error:0308010C 处理