IMWeb前端团队-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

IMWeb前端团队

IMWeb前端团队专栏

专栏成员

1369

文章

1929312

阅读量

215

订阅数

移动端重构实战系列6——icon与图片

css 容器 android svg

”本系列教程为实战教程，是本人移动端重构经验及思想的一次总结，也是对sandal及sheral UI的一次全方位剖析，首发在imweb和w3cplus两大站点及“前端Talk”微信公众号，其余所有标注或没有标注来源的均为转载。“

IMWeb前端团队

2019-12-04

7020

前端图表可视化的应用实践总结

svg css react html

腾讯企鹅辅导在学生上课结束后推送“学习报告”，是课程所提供的一项重要服务。家长在“学习报告”中能查看孩子上课时间及互动情况，答题及掌握知识点，作业考试分数，班级排名等诸多数据，继而让学生家长及时掌握孩子的学习情况。

IMWeb前端团队

2019-12-04

8460

初窥 SVG Path 动画

本文讨论的主题是 SVG Path 动画(路径动画)。之所以要讨论这个话题，是因为在项目中有要求用到它。所谓 SVG Path 动画，就是让图形有像人实时绘制一样的动画效果，就比如下面这种：

IMWeb前端团队

2019-12-04

1.8K0

如何在react中使用svg icons

首先，react是支持svg，所以使用svg是没有问题的，但是到目前为止(版本为v15.3.0)还不支持svg的use标签，所以打算使用svg symbol还是趁早放弃，以下为官方的svg支持标签：

IMWeb前端团队

2019-12-04

1.5K0

重构不完全教程集之二

字体方面主要包括：字体渲染方式，浏览器默认字体及重置，@font-face自定义字体，字体性能等

IMWeb前端团队

2019-12-04

9800

Web-Fontmin -- 在线提取你需要的字体

svg http 网站编程算法

@font-face是CSS3中的一个模块，使用 @font-face 可以自定义网页字体，即使用户的电脑没有安装某种字体。怎么用 @font-face 呢？你可能见过类似下面的代码片段，它可以让 @font-face 兼容所有浏览器。

IMWeb前端团队

2019-12-04

3.5K0

移动端重构实战系列7——环形UI

这里主要分析下圆环的实现，蓝色的进度条圆环由左右两边构成，这里以右半边的为例，html结构为.circle-right > .right-inner(为了视觉效果，把蓝色放在里面了，而非覆盖在灰色上)，如下图：

IMWeb前端团队

2019-12-04

9840

如何编写fis3插件

svg css html npm 单元测试

官方的这张图，对fis的构建流程讲述的很清楚了，主要包括单文件编译和打包，业务中的插件也主要是这两种，至于是pre还是post，差别不是特别大。主要记住一点区别：单文件编译阶段，无法获取文件之间的关联信息；打包阶段，能够拿到项目的所有文件

IMWeb前端团队

2019-12-03

5330

Iconfont在教育平台的实践

性能优化是前端开发不得不面对，必须重视的一个经久话题。教育平台项目除了常规的web性能优化外，图片资源站到了流量的70%+，因此图片的性能优化是个重中之重。除了常规的图片优化外，课程封面和机构上传的图片采用了webp格式，之前已介绍过，不再赘述。这样，对平台图片的优化已经达到极致了吗？

IMWeb前端团队

2019-12-03

1.2K0

svg css android

在所有包含ui的程序架构中，以上不同的ui元素在各种环境中都会遭遇到不同的问题，同时也都有与之对应的解决方案 iconfont 就是一个解决【图标】问题的解决方案之一

IMWeb前端团队

2019-12-03

1.5K0

和弦推导逻辑简析与实现，以及Raphael库试用

诚然，吉他有上千个和弦。世界上最厉害的吉他大师，也无法一眼辨识出所有的和弦。更多时候，我们熟记几个基本的和弦，然后通过一定的计算法则，去推导其他的和弦。因而推导的逻辑就非常重要。

IMWeb前端团队

2019-12-03

7330

phantomjs小试

svg canvas javascript node.js 网络安全

简单来说，phantomjs就是一个运行在node上的webkit内核，支持DOM渲染，css选择器，Canvas，SVG等，在浏览器上能做的事情，理论上，phantomjs 都能模拟做到。

IMWeb前端团队

2019-12-03

1.1K0

lottie系列文章(四)：源码分析——svg渲染

json svg 网站

lottie为全局变量，主要有一个loadAnimation的方法，来加载和解析json，播放动画。

IMWeb前端团队

2019-12-03

2.2K0

Webpack实战-加载SVG

svg c++css html php

SVG 作为矢量图的一种标准格式，已经得到了各大浏览器的支持，它也成为了 Web 中矢量图的代名词。在网页中采用 SVG 代替位图有如下好处：

IMWeb前端团队

2019-12-03

2.2K0

在物理引擎中画圆弧

因为需求的需要，要使用在物理引擎中使用四分之一圆弧，我们来看看怎么实现在物理引擎中画出四分之一的圆弧，

IMWeb前端团队

2019-12-03

1.5K0

Web-Fontmin -- 在线提取你需要的字体

关于@font-face @font-face是CSS3中的一个模块，使用 @font-face 可以自定义网页字体，即使用户的电脑没有安装某种字体。怎么用 @font-face 呢？你可能见过类似下面的代码片段，它可以让 @font-face 兼容所有浏览器。 [@font-face](/user/font-face) { font-family: "SentyZHAO"; src: url("/fonts/SentyZHAO.eot"); /* IE9 */ src: url("

IMWeb前端团队

2018-01-15

7.7K0

移动端重构实战系列7——环形UI

该文介绍了移动端UI组件库中各种UI组件的实现，包括按钮、输入框、下拉框、卡片、进度条、圆环、轮播图等。文章还介绍了如何使用Vue.js、Ant Design、Echarts等工具来实现各种UI组件，并给出了具体的代码示例和详细注释。此外，文章还讲解了在移动设备上实现UI组件的注意事项和技巧，如响应式布局、组件复用等。

IMWeb前端团队

2018-01-08

1.8K0

Iconfont在教育平台的实践

IMWeb前端团队

2018-01-08

1.6K0

在物理引擎中画圆弧

本文作者：IMWeb zzbozheng 原文出处：IMWeb社区未经同意，禁止转载因为需求的需要，要使用在物理引擎中使用四分之一圆弧，我们来看看怎么实现在物理引擎中画出四分之一的圆弧，

IMWeb前端团队

2018-01-08

2.5K0

初窥 SVG Path 动画

图像处理 svg

本文主要介绍了如何使用 SVG Path 实现绘制可循环播放的动画，包括动画的起点、终点和循环路径，以及如何使用 CSS3 的 keyframes 和 animation 实现动画效果。同时，还介绍了一些 SVG Path 的常见属性，包括 stroke-dasharray、stroke-dashoffset 等，以及如何通过修改这些属性来实现动画效果。

IMWeb前端团队

2017-12-29

2.8K0

点击加载更多

社区活动

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

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

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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