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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

编程微刊

专栏作者

1224

文章

3148210

阅读量

105

订阅数

css可继承的属性有哪些？

css text 继承模型指针

在 CSS 中，有一些属性是可继承的，这意味着当应用于父元素时，它们会自动应用到子元素上。以下是一些常见的可继承属性：

2023-11-14

2140

微信小程序简单的用户页面模板

css 编程博客工作前端

📷 wxml <view class='index-contier'> <view class="index-center"> <view class="logo"> <open-data type="userAvatarUrl" class="userinfo" id="userinfo1"></open-data> </view> <view id="userinfo2"> <open-data type="userNickName" class="u

2022-05-13

1K0

微信小程序picker选择器渲染json数据

css json 数据

json数据 { "msg": "查询成功", "code": 1, "data": [{ "id": 1413, "organName": "广西化工有限公司" }, { "id": 1414, "organName": "安全环保部" }, { "id": 1415, "organName": "综合管理部" }, { "id": 1416,

2021-06-29

1.2K0

微信小程序提交form表单内容

wxml <form catchsubmit="confirmPublish"> <view class="cu-form-group margin-top"> <view class="title d-flex"> 姓名 </view> <view class="w-100 h-100 borderBottom flex-1 d-flex jc-start ai-center" style="height:100rpx;"> <input maxleng

2021-06-29

1.5K0

jQuery实现可拖动控制进度条

css jquery range

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>jQuery可拖动控制进度条</title> <style type="text/css"> .demo {

2021-05-19

5K0

html2canvas 一个强大的使用js开发的浏览器网页截图工具

html canvas css

html2canvas是一个JavaScript类库，它使用了html5和css3的一些新功能特性，实现了在客户端对网页进行截图的功能。html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。

2020-12-29

9710

关键词高亮：HTML字符串中匹配跨标签关键词

html 编程算法 css 正则表达式

很久之前写过一个Vue组件，可以匹配文本内容中的关键词高亮，类似浏览器ctrl+f搜索结果。实现方案是，将文本字符串中的关键字搜索出来，然后使用特殊的标签（比如font标签）包裹关键词替换匹配内容，最后得到一个HTML字符串，渲染该字符串并在font标签上使用CSS样式即可实现高亮的效果。

2020-12-01

1.7K0

3分钟教你用css3做一个求婚小动画！

📷 首先放张效果图 📷 然后一步步分析一下：首先是刚出现的新郎的动画 .w-m img{ margin-right: 0; float: right; margin-top: 60px; animation: toWoman 0.5s ease .5s both; } @keyframes toWoman{ 0%{ opacity: 0; transform: translate(-200px); } 100%{

2020-12-01

3880

小程序Echarts图表组件使用

css 小程序 https 微信网络安全

https://github.com/ecomfe/echarts-for-weixin

2020-11-30

1.1K0

2020前端技术栈

css vue.js javascript gulp sass

一、HTML、CSS基础、JavaScript语法基础。二、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。三、ES6语法。这部分属于JS新增的语法， promise、async 等内容要尤其关注。四、HTML5和CSS3。要熟悉其中的新特性。五、canvas。加分项。六、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。七、前端框架：Vue.js和React。这两个框架至少要会一个。入门时，建议先学Vue.js，上手相对容易。但无论如何，同时掌握 Vue 和 React 才是合格的前端同学。八、Node.js。属于加分项。九、自动化工具：构建工具 Webpack、构建工具 gulp、CSS 预处理器 Sass 等。注意，Sass 比 Less 用得多，gulp 比 grunt 用得多。十、前端综合：HTTP协议、跨域通信、安全问题（CSRF、XSS）、浏览器渲染机制、异步和单线程、页面性能优化、防抖动（Debouncing）和节流阀（Throtting）、lazyload、前端错误监控、虚拟DOM等。十一、编辑器相关。Sublime Text 是每个学前端的人都要用到的编辑器。另外，前端常见的IDE有两个：WebStorm 和 Visual Studio Code。WebStorm 什么都好，可就是太卡顿；VS Code就相对轻量很多。十二、TypeScript（简称TS）。ES 是 JS 的标准，TS 是 JS 的超集。TS属于进阶内容，建议把上面的基础掌握之后，再学TS。

2020-11-26

1.1K0

我现在写jquery，你们会不会打我？？

css jquery 游戏

jquery在设计之初都是围绕着核心思想write less do more来设计的。整体使用思路与原生js没有太大区别，所以jquery做的最多的一件事情就是简化原生js的代码量。选择器在操作dom上使用非常频繁，所以jq一定会简化选择器使用方式。原生选择器使用如下：

2020-11-19

4430

用一个 CSS 属性打造自适应网站

用一个css属性创建一个响应式网站，让我们来看看它是如何做到的。以这个模板为例，没有应用css属性。

2020-11-10

6880

20个 CSS 快速提升技巧

css svg 网站企业

css重置库如normalize.css已经被使用很多年了，它们可以为你的网站样式提供一个比较清晰的标准，来确保跨浏览器之间的一致性。

2020-11-02

3.2K0

利用jQuery手动实现一个轮播图

目前有很多的轮播图插件，但是有些时候需要兼容低版本浏览器的时候，很多插件就不再兼容，因此我们需要自己手动的实现轮播图的功能，下面给大家简单的介绍一下如何使用jQuery开发一个轮播图。

2020-10-28

2K0

听说你还不会玩转 CSS 变量

编程算法 css

如果当年的 css 预处理器变量对于初入前端的我来说是开启了新世界的大门，那么 css 变量对于我来说无疑就是晴天霹雳。其功能不但可以优雅的处理之前 js 不好处理或不适合的业务需求。更在创造力无穷的前端开发者手中大放异彩。

2020-10-28

1.4K0

2020年，9个前端的顶级 VS Code 扩展插件

git javascript ide css

VS Code 的插件甚至是主题都数不胜数，开发者根据自己的需求可以自由选择。一个配置合适的 VSC 可以提高开发效率，有的则能够帮助开发者写出更简洁美观的代码。在大量的插件中，为了避免大家挑花眼，我在这里和大家分享12个我个人认为对前端开发最有利的扩展。

2020-10-26

1.5K0

收藏夹吃灰了：GitHub 上值得收藏的100个精选前端项目

react node.js css html html5

codrops 一系列具有相当具有创意且有趣的前端效果的集合，是非常棒的学习资料，可以欣赏和下载使用。并且有些项目，也托管到了github仓库中

2020-10-23

2.2K0

css文字底部阴影效果

今天要实现一个文字的阴影效果，大概是这个样子的 📷 代码如下： <!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>css文字阴影效果</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; cha

2020-09-27

2K0

border-radius 兼容 IE8浏览器

我们都知道，前端开发最让人头疼的事情，就是兼容ie系列的浏览器了，不但麻烦还让人头秃，今天记录一个border-radius属性IE8浏览器兼容的问题。在IE8浏览器里面，border-radius这个属性是不起作用的，这个时候，就需要进行一些处理了，首先下载pie.htc文件pie.htc是一个可以解决IE6/7/8无法支持CSS3属性的文件

2020-06-03

1.2K0

uni-app学习笔记-引入全局uni.css和flex布局（七）

1：把uni.css放在公共文件夹里面 2：打开App.vue，引入全局uni.css @import './common/uni.css'; 3：实现flex布局样式 <template> <view> <view class="uni-padding-wrap uni-common-mt"> <view class="uni-flex uni-row"> <view class="text" style="width: 20

2019-12-16

3.6K0

点击加载更多

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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