前端技术分享|前沿资讯|读书分享-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端技术分享|前沿资讯|读书分享

专栏成员

73

文章

197824

阅读量

19

订阅数

css点击控制动画暂停播放

当前好多使用到css动画的场景，并且需要鼠标控制动画的播放或暂停，如上图所示，点击水龙头时出水，松开鼠标停止出水，保持停止时的状态。接下来要介绍的便是一种脱离JS，使用纯CSS属性来写动画并控制播放暂停。

2021-06-16

1.9K0

css书写规范

在前端领域，CSS(层叠样式表:Cascading Style Sheets)是绕不过的话题。

2021-01-28

8020

【优化】vue项目缓存引发的白屏

缓存 vue.js css html nginx

近期vue项目在构建完成上线之后，每次往线上更新版本，总会收到一部分反馈——web页面白屏，需要清除缓存数据重新加载才能正常访问。

2020-12-15

2.9K0

webpack实战——生产环境配置【中】

文件存储 webpack javascript 打包 css

上一篇中，描述了一些关于生产环境的配置：环境变量的使用、配置文件描述、开启生产模式、环境变量自定义配置等，从这几个方面入手都可以对生产环境产生一些有利影响。

2020-09-24

1.4K0

webpack实战——样式预处理

css sass webpack javascript node.js

在目前的前端项目中，经常可以看到使用SASS和LESS来对CSS进行处理，那么在webpack中如何配置？

2020-08-27

8970

webpack实战——样式文件分离

css 打包 webpack javascript html

在之前篇章里面主要是对js的打包应用和处理，而打包方面另外一个重要工作就是样式处理。

2020-08-14

5020

webpack实战——预处理器(loader)【上篇】

webpack javascript 打包 css 编程算法

当使用 babel-loader 将 ES6+ 代码转化为 ES5 时，带入公式：

2020-07-28

9780

webpack实战——一切皆模块

webpack javascript css 打包 html

这是webpack实战系列笔记的第4篇记录，简单描述一个思想：模块化思想——一切皆模块。本系列前几篇：

2020-07-24

1.1K0

lib-flexible适配大屏方案（附移动端适配）

javascript npm html vue.js css

相信大多数移动端前端开发者都是用过 lib-flexible来作为移动端适配的解决方案。lib-flexible是淘宝项目组开发出来的一个小插件，属于开源项目，可以在各类项目中引入并使用，为移动端的开发者带来了无穷的便利。

2019-10-30

5.9K0

开发姿势篇——动效设计1

继上篇基础开发篇，了解页面基础搭建和布局之后，接着便是对用户更加友好的动效体验。上面关于动画中提起，动画可以定义为使用绘画的手法，创造生命运动的艺术，因此在基础篇后，如何让页面/元素动起来，就是我们开发中的乐趣与艺术所在。本片总结参考凹凸实验室小册——大厂h5开发实战手册。

2019-10-15

7380

开发姿势篇——基础开发

近期学习了一下大厂h5开发实战内容，并且参考实战手册做一些记录。大概包括以下几个方面内容：

2019-10-12

1.1K0

进入移动Web世界

android css html 网站

那么问题来了，为什么会有一个默认的viewport呢？我们知道，pc端页面，在移动端查看的时候，由于像素不匹配，但是为了能够给用户展现一个比较完整的页面，因此会虚拟出一个viewport出来，在此viewprot上渲染页面。也就是说，最终目的，是为了排版正确。但是由于一般默认情况下，给出的viewport像素宽对页面来说是不友好、不规范的，因此我们还需要解决一个规范问题。解决方案：在head中加一个meta标签格式如下：<metaname="viewport"content="name=value, name=value">

2019-09-17

1K0

CSS——loading动画

由图可见，动画1中有三根竖线，在进行变长变短的高度变化以及线条的颜色变化，因此分为以下几个步骤：

2019-08-28

3.7K0

切换模块下划线跟随效果

javascript css html jquery border

经常看到一些网页的导航栏点击切换时，不仅改变当前样式，同时下划线会跟随鼠标点击的标签栏缓慢滑到相应位置，那么这个简单而又好看的效果是如何实现的呢？

2019-08-12

1K0

电商放大镜及动态边框效果

但是以上两个思路均有问题。如果设置border，如何使其边框动画？如果周边设置4个div，那么不仅是需要js操控，并且无形之中增加了许多复杂度，与编程思想背道而驰。那么我们还有别的办法来处理使边框动起来吗？首先，动画是一定要有的。其次，如果不能用border，那么用background怎么样呢？ justdoit.

2019-08-12

1.9K0

vue弹窗屏蔽滑动的两种解决方案

在开发过程中，我们经常会遇到要加弹窗的需求，而如果当前页的展示数据一屏展示不完，则在打开弹窗后，有滑动操作时，页面也会随之滑动。那么如何处理这一问题呢？

2019-08-12

1.9K0

vue-cli 解决白屏、兼容、压缩及清除console

打包 css javascript npm html

描述 npm run build打包后，生成 dist文件夹。从该文件夹打开 dist/index.html页面，发现页面空白，且控制台报错。原因是路径配置有问题。方案根目录打开/新建 vue.config.js，配置路径：

2019-08-12

4.6K0

520特辑———旋转爱

520：网络情人节是信息时代的爱情节日，定于每年的5月20日和5月21日。该节日源于歌手范晓萱的《数字恋爱》中“520”被喻成“我爱你” ，以及音乐人吴玉龙的网络歌曲中“我爱你”与“网络情人”的紧密联系。后来，“521”也逐渐被情侣们赋予了“我愿意、我爱你”的意思。“网络情人节”又被称为“结婚吉日”、“表白日”、“撒娇日”、“求爱节”。那么，作为程序员，如何通过专业技能向自己的另一半表达爱意呢？

2019-08-12

1.4K0

js模拟交通信号灯

css javascript node.js

首先，div元素块设置css变圆；其次，每隔一定时间，转换元素块背景色；接着，控制显示时长；然后，将上两步组合；最后，无限循环执行。

2019-08-12

2K0

v-html指令渲染出的内容如何添加样式

html css vue.js 渲染

在vue使用中，指令 v-html渲染页面经常用到，类似于jQuery的$('x').html( )去渲染。通过指令 v-html渲染出来的内容还会带有原来的标签及其样式，如果需要修改或者重设其样式，应该如何去做呢？

2019-08-12

4.6K0

点击加载更多

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态