腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端说吧

专栏作者

292

文章

660172

阅读量

44

订阅数

【xingorg1-ui】基于vue3.0从0-1搭建组件库 (一) 环境配置与目录规划

css dart 编程算法 vue.js javascript

使用vue-cli搭建项目框架，需要用vue3的话，得先把vue-cli的版本升级到vue-cli@4.5以上

2020-11-24

1.2K0

Vue + TypeScript 踩坑总结

vue.js javascript typescript ide css

vue 和 TypeScript 结合的情况下，很多写法和我们平时的写法都不太一样，这里总结我项目开发过程中遇到的问题和问题的解决方案有些问题可能还没解决，欢迎各位大佬给与提点。另外，使用本文前可以先看vue 官方文档关于 typescript 的使用讲解

2019-12-12

5.1K0

canvas实现有递增动画的环形进度条

vue.js canvas css 编程算法

drawBaseCanvas：用来绘制底部灰色圆环。由于灰色圆环没有动画效果，所以一开始就绘制一个完整的灰色圆环即可。

2019-07-10

2.4K0

css3 - 纯css实现一个轮播图

以上gif，只用到了5张图片，一个html+css，没有任何js。然后实现了自动轮播效果。

2019-04-25

2.4K2

css特效 - 环形文字

记一次群友问题和回答：下面这种效果，文字是动态的，不能使用图片的情况下，前端怎么实现？一、插件实现： arctext.js 教程地址：实现文字平滑弯曲弧形效果的插件-arctext.js 二、原生

2019-03-04

4.5K0

css布局 - 两栏自适应布局的几种实现方法汇总

这种两列布局的样式是我们在平时工作中非常常见的设计，同时也是面试中要求实现的高频题。很有必要掌握以备不时之需：

2019-02-20

1.7K0

Sass-学习笔记【进阶篇】

打包 sass php css 编程算法

没有sass基础请移步：【Sass-学习笔记【基础篇】】http://www.cnblogs.com/padding1015/articles/7056323.html

2019-02-20

3.6K0

JS-JavaScript类库整理 [更新中...]

http jquery css javascript html

　　http://www.bootcss.com/p/chart.js/docs/

2019-02-20

2.6K0

css - 移动端h5在iphonex的适配

1 @media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) { 2 body:after { 3 content: ''; 4 z-index: 9998; 5 position: fixed; 6 left: 0; 7 bottom: -.68rem; 8 width: 100%; 9 height: .6

2018-06-25

5810

CSS3-column分栏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>column分栏</title> <style> div{ width: auto; margin-bottom:30px; padding: 10px; outline: 2px solid #ff04bb; }

2018-05-17

1K0

CSS3中的animation动画

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>animation制作复杂帧动画</title> <style> body{ background-color: rgba(163, 207, 255, 0.69); } a:link{ color: #ff5ee6; }

2018-05-17

8090

CSS-论css如何纯代码实现内凹圆角

background-image: radial-gradient(200px at 50px 0px, #fff 50px, #4169E1 50px); 这是做内凹圆角的核心代码，就是背景图的ra

2018-05-17

4.8K0

CSS-各种cs样式之浏览器兼容处理方式汇总大全（更新中...）

页面模板 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="description" content="本网站的目的是....." /> 7 <meta name="keywords" content="作品集,素材库"

2018-05-17

1.6K0

Css中Position定位属性与层级关系

今天同事发现一个有意思的问题，关于position的层级关系的，他要不说我也没注意过测试后果然有趣，有待深入研究： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Css中Position定位属性与层级关系</title> 6 <style type="text/css"> 7 #W{ 8

2018-05-17

1.4K0

分页效果布局

1 <p class="jcFY"> 2 显示 3 <select name="" id=""> 4 <option value="10">10</option> 5 <option value="20">20</option> 6

2018-05-17

9830

CSS-项目中遇到IE兼容问题，处理随笔

总是忘记给ie做特殊样式处理，以前打游击，不做也就算了，以后可不行，得对自己的“孩子”负责。。一、先说IE老大的兼容知道了一些常用的css属性兼容方法确实可以解决问题，但我不知道我自己的ieTester是不是假的，很多网上说的ie8能识别、ie6,7不能识别的符号，我的ieTester6,7还是能识别。针对ie的兼容还有后缀\9\0写道一起的方法，说是只针对ie9，其实ie8也可以、怀疑自己用的是假的ie9。总结了一些，常见的IE hack写法，对比正常写法，列表及实际功能如下　backgrou

2018-05-17

2K0

CSS-自定义高度的元素背景图如何自适应以及after伪类在ie下的处理

我都好久没更新了！遇到一个效果，之前没有考虑清楚，设置了固定高度，到了后边，产品要加长，我就觉得设计得从新弄张长点的背景图！这不多余么？其实分析原图还是可以再切分，再细化到不用改设计图，让我们前端

2018-05-17

1.3K0

两列布局——但只用右浮动

通过这个实验我明白了一个知识点，做左右结构的时候，不用把左边的写上左浮动，只需要把有浮动的块放到最前边，并设置有浮动，左边的放在有浮动的下边而且不用管，这样，父元素也不用清楚浮动，左边的元素也不用左浮动，一切就依旧会和自己做左右布局的老方法一样的效果。切记，结构上，把有浮动的元素放到前边，并设置右浮动。为了试验不用清楚浮动，我把clearfix的相关代码注销了。上代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset

2018-05-17

8500

Sass-学习笔记【基础篇】

最下边附结构图在线编辑器网址如下：http://sassmeister.com/ 注意编写的时候，符号千万别用了中文的：、；、。...之类的，会报错，Sass也转换不成css。 less和sass的区别：博客园文章—http://www.cnblogs.com/wangpenghui522/p/5467560.html 本章主要内容：变量、混合宏、继承、占位、插值、运算、数据类型 1：定义 Sass是css预处理器的一种，也是最早的css预处理语言。Sass采用Ruby语言编写，为css增

2018-05-17

4.8K0

css3-巧用选择器 “:target”

今天（昨天）又发现一个知识盲区 css3的：target标签，之前学习的时候就是一眼扫过，说是认识了，但其实也就记了三分钟，合上书就全忘光了。直到昨天，遇到一个有意思的题目，用css3新特性做一个类

2018-05-17

6890

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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