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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Web前端开发

专栏作者

162

文章

263311

阅读量

29

订阅数

CSS Flex 实现 Alignment Shifting Wrapping

实现效果： 📷 1、用 float 实现 .html： <h3 class="title float-title"> <span class="title-main">Main Title Here</span> <span class="title-note">This subtitle is floated.</span> </h3> .css： .title { border-bottom: 1px solid #ccc; margin: 40px auto; } .title-no

2022-05-07

1790

CSS Flex 实现文本截断

实现效果： 📷 .html： <div class="filename"> <span class="filename__base">this-file-has-a-really-really-really-long-filename.</span> <span class="filename__extension">pdf</span> </div> .css： .filename { display: flex; } .filename__base { text-overflow: e

2022-05-07

1.2K0

JSX onClick 和 HTML onclick 的区别

jquery html react

在 JSX 中可以通过 onClick 这样的方式给一个元素添加一个事件处理函数，当然，在 HTML 中也可以用 onclick (小写 c)，但在 HTML 中直接书写 onclick 一直就是为人垢病的写法，网页应用开发界一直倡导的是用 jQuery 的方法添加事件处理函数，直接写 onclick 会带来代码混乱的问题。

2021-07-08

1.7K0

Vue computed 声明类型时踩坑记录

computed 类型声明需要用泛型错误写法 const a: Xx[] = computed(()=>{}) 正确写法 const a = computed<Xx[]>(()=>{}) 直接使用时需要加上 .value 例如 a.value HTML 中可直接使用 :xx="a"

2020-12-22

1.7K0

Web前端性能优化-资源合并与压缩

文件存储 node.js html css javascript

一、HTML 压缩 1、利用在线网站进行压缩（https://tool.oschina.net/） 2、nodejs 提供了 html-minifier 工具 3、后端模板引擎渲染压缩二、CSS 压缩 1、利用在线网站进行压缩 2、使用 html-minifier 对 html 中的 css 进行压缩 3、使用 clean-css 对 css 进行压缩三、JS 压缩与混乱 1、无效字符的删除 2、剔除注释 3、代码语义的缩减和优化 4、代码保护四、文件合并（将 a.js、b.js、c.js 合并成一

2020-04-17

7980

深入理解iframe

iframe 用于在页面内显示页面，使用 <iframe> 会创建包含另外一个文档的内联框架（即行内框架）

2019-08-25

4K0

Vue计算属性和侦听器

模板内的表达式非常便利，但放入太多的逻辑会让模板过重且难以维护，所以，对于复杂的逻辑，可以使用计算属性 computed。

2019-08-23

6380

Vue模板语法与常用指令总结

html 编程算法 vue.js javascript

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数，结合相应系统，在应用状态改变时，Vue 可以智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。

2019-08-23

1.2K0

querySelector和getElementById方法的区别

这两个新添加的 API 与 getElementById() / getElementsByTagName() 有什么区别呢？

2019-08-23

1.9K0

跨域的简介与解决方案

php html json javascript

跨域是指一个域下的文档或脚本试图去请求另一个域下的资源（只要域名、协议和端口有任一个不同，就被当作是跨域）

2019-08-23

6680

CSS3背景与渐变

一、CSS3 背景图像区域 background-clip（指定背景绘制区域） ackground-clip: border-box / padding-box / content-box; /*没有padding的时候，content-box和padding-box效果一样*/ 兼容性：IE9+、FireFox、Chrome、Safari、Opera 二、CSS3 背景图像定位 background-position （背景定位） background-position: px / %

2019-08-23

9880

没有更多了

社区活动

RAG七天入门训练营

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

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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