Web秀
首页
专栏
文章
问答
热点
导航
实例
文章
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
登录
综合
Uni-App
Webpack
React
Html
Electron-Vue
Electron
Vue-Nuxt
TypeScript
NodeJs
web前端
Vue
Css
JavaScript
比特币
ThreeJs
工具类
面试
服务器
小程序
其他
展开
推荐
最新
热榜
chokcoco
Lv0
iCSS前端趣闻
0
关注
0
关注者
关注
chokcoco
2年前
Css
巧用渐变实现高级感拉满的背景光动画
背景在上一篇巧用滤镜实现高级感拉满的文字快闪切换效果中,我们提到了一种非常有意思的之前苹果展示文字的动画效果。本文,会带来另外一个有意思的效果,巧用渐变实现高级感拉满的背景光动画。此效果运用在苹果官网iPhone13Pro的介绍页中:实现这个效果想利用CSS完全复制是比较困难的。CSS模拟出来的光效阴影相对会Low一点,只能说是尽量还原。其实每组光都基本是一样的,所以我们只需要实现其中一组,就几乎能实现了整个效果。观察这个效果:它的核心其实就是角向渐变--conic-gradient(),利用角向渐变,我
545277
3360
0
前端小智
Lv
0
关注
0
关注者
关注
前端小智
2年前
工具类
创建现代npm包的最佳实践
技术一直在变化,我们的流程和做法也需要跟上这些变化。因此,虽然npm已经有12年的历史了,但围绕npm包创建的做法应该更现代。在这节课中,我们使用现代最佳实践(截至2022年)一步一步地创建一个npm包。首先学习如何创建一个npm包,这样你就可以熟悉构建和发布一个包到np
545126
3247
0
冴羽
Lv0
理想主义者,个人微信:mqyqingfeng ,带你看技术与生活的诗与远方
0
关注
0
关注者
关注
冴羽
2年前
Vue
从零实现一个 VuePress 插件
前言在《一篇带你用VuePress+GithubPages搭建博客》中,我们使用VuePress搭建了一个博客,最终的效果查看:TypeScript中文文档。但在搭建VuePress博客的过程中,也并不是所有的插件都能满足需求,所以本篇我们以实现一个代码复制插件为例,教大家如何从零实现一个VuePress插件。本地开发开发插件第一个要解决的问题就是如何本地开发,我们查看VuePress1.0官方文档的「开发插件」章节,并没有找到解决方案,但在VuePress2.0官方文档的「本地插件」里,却有写道:推荐你
546333
3238
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
3年前
其他
说说 HTTP1.0/1.1/2.0 的区别?
一、HTTP1.0HTTP协议的第二个版本,第一个在通讯中指定版本号的HTTP协议版本HTTP1.0浏览器与服务器只保持短暂的连接,每次请求都需要与服务器建立一个TCP连接服务器完成请求处理后立即断开TCP连接,服务器不跟踪每个客户也不记录过去的请求简单来讲,每次与服务器交互,都需要新开一个连接例如,解析html文件,当发现文件中存在资源文件的时候,这时候又创建单独的链接最终导致,一个html文件的访问包含了多次的请求和响应,每次请求都需要创建连接、关系连接这种形式明显造成了性能上的缺陷如果需要建立长连接
546055
3330
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
6年前
Vue
vue插件总结——总有你能用上的插件
UI组件框架element-饿了么出品的Vue2的webUI工具套件mint-ui-Vue2的移动UI元素iview-基于Vuejs的开源UI组件库Keen-UI-轻量级的基本UI组件合集vue-material-通过VueMaterial和Vue2建立精美的app应用muse-ui-三端样式一致的响应式UI库vuetify-为移动而生的VueJS2组件框架vonic-快速构建移动端单页应用vue-blu-帮助你轻松创建web应用vue-multiselect-Vue.js选择框解决方案VueCircle
570276
3878
2
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
5年前
Vue
2019 Vue开发指南:你都需要学点啥?
如果您是Vue开发的新手,您可能已经听过很多关于它的专业术语了,例如:单页面应用程序、异步组件、服务器端呈现等。另外您可能还经常听到和Vue一起提到的工具和库,如Vuex、Webpack、VueCLI和Nuxt。也许您在面对这些未知的术语和工具时会感到无助和绝望,没关系,您并不孤单,因为这是所有新手在初次接触Vue时都会有的感受。但如果您试图要一次掌握所有这些内容,那么这些庞大的体系很可能会压垮你。为此,我在这里将为大家展示一个“知识图表”,它包含了所有在专业Vue开发过程中的关键部分。您可以参考这个图为
553483
3663
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
2年前
NodeJs
说说对 Nodejs 中的事件循环机制理解?
#面试官:说说对Nodejs中的事件循环机制理解?#一、是什么在浏览器事件循环(opensnewwindow)中,我们了解到javascript在浏览器中的事件循环机制,其是根据HTML5定义的规范来实现而在NodeJS中,事件循环是基于libuv实现,libuv是一个多平台的专注于异步IO的库,如下图最右侧所示:上图EVENT_QUEUE给人看起来只有一个队列,但EventLoop存在6个阶段,每个阶段都有对应的一个先进先出的回调队列#二、流程上节讲到事件循环分成了六个阶段,对应如下:timers阶段:
545487
3238
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
5年前
Vue
Vue手把手带你撸项目系列之动态面包屑
面包屑应该是我们在项目中经常使用的一个功能,一般情况下它用来表示我们当前所处的站点位置,也可以帮助我们能够更快的回到上个层级。今天我们就来聊聊如何在Vue的项目中实现面包屑功能。以下案例都是使用Element-UI进行实现。最笨的方式首先我们想到的最笨的方法就是在每个需要面包屑的页面中固定写好。<template><divclass="example-container"><el-breadcrumbseparator="/"><el-breadcrumb-ite
556325
3802
0
chokcoco
Lv0
iCSS前端趣闻
0
关注
0
关注者
关注
chokcoco
2年前
Css
妙啊!CSS动画还可以这样控制?
今天,有在群里看到这样一个问题:有一个动画,一开始静止处于第一帧,只在用户hover的时候运行动画,在运行一次后停止,并且停留在最后一帧,使用CSS可以完成么?像是这样:一个非常有意思的问题,答案是可以的。我们抽取一下其中的关键点:动画只运行一次,未运行前处于第一帧,运行完后处于最后一帧动画通过hover驱动,只有用户hover元素的时候,动画才进行animation-fill-mode控制元素在各个阶段的状态首先,动画只运行一次,未运行前处于第一帧,运行完后处于最后一帧。这个刚好利用CSS动画的anim
546343
3247
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
6年前
Css
2018年十大轻量级的CSS框架为构建快速网站
如果你正在寻找一个新的CSS框架为你的下一个前端开发项目,请阅读一个开发人员对一些流行的选择的评论。当建立一个网站时,使用CSS框架是一个真正的节省时间的方法,因为它为你提供了每个网页设计师在制作网站时需要的工具。但是正如你所知道的,加载速度是一个非常重要的质量因素。因此,我编写了一个当前十大轻量级CSS框架的实现列表,用于创建漂亮的、功能强大的、超快的加载网站。1、PureCSS只有3.8KB的缩小和压缩,但是充满了功能!多年来,纯CSS一直是我选择的轻量级框架,包括与外包软件开发团队合作。在线演示2、
557829
3786
0
下拉加载更多
您好
去签到
你已经连续签到
0
天
猜你喜欢
换一换
最新文章
更多