CSS 技术
浏览本篇文章前可以先看之前的前端网页介绍和html常用标签以便更容易理解 本文目录: CSS相关查阅文档:https://kohler.lanzouo.com/i0XFcz8svob 文档截图 CSS 技术介绍 CSS 是「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一 ...
文字轮播与图片轮播?CSS 不在话下
今天,分享一个实际业务中能够用得上的动画技巧。 巧用逐帧动画,配合补间动画实现一个无限循环的轮播效果,像是这样: 看到上述示意图,有同学不禁会发问,这不是个非常简单的位移动画么? 我们来简单分析分析,从表面上看,确实好像只有元素的 transform: translate() 在位移,但是注意,这里 ...
前端周刊:2022-10 期
前端周刊:2022-10 期 前端开发 现在 vue3+vite2 成熟了吗,可以用在生产环境吗? Vue3 确实还是有问题 百度统计支持单页应用啦 单页应用设置 首个彻底解决缓存和数据库一致性问题的方案 业务开发中能遇到的问题多数都是工程问题而不是技术问题,前后端都适用 微信公众号/小程序获取当前 ...
阴影进阶,实现更加的立体的阴影效果!
CSS 阴影的存在,让物体看上去更加有型立体。 然而,在最简单的阴影使用之上,我们可以实现更多有意思且更加立体的阴影效果。 本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。 CSS 阴影基础 CSS 中,明面上可以实现阴影的有三个属性: box-shadow - 盒阴影 te ...
vue - vue基础/vue核心内容
终于算是顺利进入vue了,确实也只有学了过后才知道,之前三过vue而不学,确实是对的,现在进来了一点都不后悔,ajax、node.js、promise、webpack、git等等确实是除了三大基础外还需要额外学的。 终于能够一窥vue的真容了,学了这么久,说实话一直都忍着,不去触碰这一条线,就想留着 ...
vue - Vue脚手架/TodoList案例
今天做了一个案例,可以好好做做能够将之前的内容结合起来,最主要的是能对组件化编码流程有一个大概的清晰认知,这一套做下来,明天自己再做一遍复习一下,其实组件化流程倒是基本上没什么问题了,主要是很多vue的方法需要多熟悉一下,毕竟打破了之前的一些对于传统js的认知,还需要多熟悉一下。 这两天可能内容不是 ...
vue - Vue脚手架
今天的内容vue脚手架,越来越有内味了,也慢慢地开始有点难度了哈哈,但是没有关系,慢慢学慢慢琢磨,我倒是感觉有点越来越像node了,不知道怎么回事,这是要向后端发展的节奏啊 一.初始化Vue脚手架 1.说明 一般脚手架选择最新版本 2.具体步骤 全局安装vue/cli脚手架 切换到项目目录,运行 v ...
离谱的 CSS!从表盘刻度到艺术剪纸
某日,群里有这样一个问题,如何实现这样的表盘刻度: 这其实是个挺有意思的问题,方法也有很多。 单标签,使用 conic-gradient 实现表盘刻度 最简单便捷的方式,就是利用角向渐变的方式 conic-gradient,代码也非常简单,首先,我们实现一个重复角向渐变: <div></div> d ...
vue - vue基础/vue核心内容(终结篇)
今天是vue基础、vue核心内容第三天,也是最后一天,后面开始进入组件化学习,整个基础内容以生命周期的结束而结束,不得不说,张天禹把这节课讲活了,开始觉得vue是一个有生命的东西,包括前面所说的很多脏活累活都给他做,我们只管调用,说的我都于心不忍如此对待vue了,所以思来想去,我绝对对待它最好的办法 ...
vue - vue基础/vue核心内容(2)
今天的内容书接上回,同样是vue的核心基础部分,今天偏向于理论性,特别是vue对于数据对象的监测那一块,刚开始琢磨了半天,这股劲一过,现在好理解多了 10.watch和computed对比 计算属性案例(watch来做) 在增加一条需求输入姓后要反应一秒后再响应 computed 区别 : comp ...
vue - Vuex
今天内容挺多,因为想的是必须在一天内把这个vuex完成,说实话这里面要记得东西还是蛮多的,主要是分为原生的和简便方法两种都是vue官方定义的,只不过看你要用哪种,vuex感觉要是用熟练了不得了,直接可以把vue起飞了,数据到处用,那种起飞的感觉,曾经体验过,所以这个应该还是可以多练练的。 明天进入v ...
Web前端开发人员注意了,这些语法错误千万别再犯了
8 个你应该立即停止使用的无效 HTML 元素 HTML 规范的开发是一个渐进的过程,有时会出现问题。随着时间的推移,许多元素和属性被添加到 HTML 中,直到后来 Web 社区集体意识到有更好的方法时才被删除。由于已弃用和过时的元素和属性已经存在于网络上,因此许多现代浏览器继续支持它们的使用。尽管 ...