首页
学习
活动
专区
工具
TVP
发布

前端之旅

专栏作者
146
文章
226707
阅读量
29
订阅数
Tailwind CSS (可能)是名过其实的
Tailwind CSS 是一个工具集 CSS 框架,网上很多文章已对其有详尽的介绍。本文不是官方文档的复述,也不是系列优点的罗列,作者 Gerard 会从另一个角度出发,在尽力保持客观的前提下,立足于实际开发的场景,指出 Tailwind CSS 存在的一些问题。事实上,除了文中提及的,Tailwind CSS 还存在着不少缺点,比如对高度定制化的支持程度不足、记忆大量预定义类名带来的心智负担等。友情提醒,你不一定会赞同这篇文章的看法,因为我们的看法会受到自身认知和使用体验的影响,但更重要的是可能是作者对新兴技术的态度,用他的原话说,就是:“When everyone is shouting that it’s awesome, it’s usually a good moment to sit down and have a good look at it”
Chor
2021-03-30
2K0
30 个案例教你用纯 CSS 实现常见的几何图形
我们知道,如果设置一个盒子的宽高为 0,盒子就会变成一个点。此时再给上下左右四个 border 一定的宽度和不同的颜色,那么单纯由 border 填充的盒子看起来是这样的:
Chor
2021-02-24
4.1K0
关于 z-index,你可能一直存在误区
z-index 这个属性表面看上去很简单,但如果你想搞清楚其工作原理的话,其实是有不少值得探讨之处的。本文将从层叠上下文(stacking contexts)和一些实际案例出发,谈一谈 z-index 的内部工作原理。
Chor
2020-08-14
1K0
Vue+Koa2 前后端分离项目线上部署
昨天尝试部署一个 Vue+Koa2 的前后端分离项目,没想到因为前端项目部署的问题,卡了一整天,今天才终于找到了问题所在,成功解决。这篇文章主要谈谈:
Chor
2020-08-02
2.4K0
Chrome 调试技巧简记
ctrl + shift + P 打开命令面板,搜索 screen 可进行各类截图,包括节点截图、区域截图和全屏截图
Chor
2020-02-20
1.1K0
「译」无处不在的微浏览器
最近对交互设计方面比较感兴趣,关注了 Medium 的一些相关栏目,有很多文章虽然篇幅不长,但是讲的东西都是我们在使用 app 时经常接触到的,所以阅读这类文章我觉得是一个满足好奇心、增长知识的过程。这篇文章讲的恰好就是这种主题,如果注意观察,你会发现很多聊天 app 或者购物 app 在分享链接的时候能够自动抓取并生成网页的预览图或文本说明,这样即使我们最终没有点击进入链接,也能大概知道网站内容。那么这种技术是怎么实现的呢?本文将会告诉你答案。
Chor
2019-12-24
7060
AJAX 与跨域通信(三):跨域解决方案
承接上文,继续补充跨域方案:postMessage、location.hash、WebSocket、Nginx 反向代理、Nodejs 中间件代理。
Chor
2019-11-12
7960
AJAX 与跨域通信(一):AJAX 与同源策略
在远古时代,如果浏览器需要从服务器请求资源,其交互模式为 “客户端发出请求 -> 服务端接收请求并返回相应 HTML 文档 -> 页面刷新,客户端加载新的 HTML文档”,很显然,在这种情况下,即使只是为了更新部分数据,我们也不得不重新加载整个重绘的页面。而 AJAX 的出现解决了这个问题。
Chor
2019-11-11
1K0
AJAX 与跨域通信(二):跨域解决方案
本篇讲解常见的几种跨域方案:JSONP、CORS、图像Ping、document.domain、window.name。
Chor
2019-11-11
1.3K0
「译」如何用原生JS打造一款简易谷歌插件
今天,我打算向你们展示如何用原生JS—-不依靠任何诸如React、Angular或者Vue框架的原生JS做一款谷歌插件。
Chor
2019-11-08
1.5K0
折腾博客系列之编辑工具的选择
Hexo是静态博客网站,必须先在本地编辑好md文件再推送到网站上去—md文件也就是所谓的用markdown语法编写内容的文件。“工欲善其事,必先利其器”,因此我们需要一个合适的markdown编辑工具,它必须具备以下特点: 1.可导出md文件到本地,并随时进行修改 2.可提供分屏预览,支持同步滚动和定位 3.启动时响应速度快,编辑时渲染速度快
Chor
2019-11-08
6210
Sublime Text3插件简易使用教程
作为一款轻便的编辑器,Sublime Text3的下载和安装都比较简单,这里一并略过,只说安装插件的事情。Sublime Text3支持各种强大的插件,可以在一定程度上提高打码速度。
Chor
2019-11-07
8990
DOM Core 与 HTML-DOM
DOM(文档对象模型)是由W3C制定的一套访问和操作XML(eXtensible Markup Language)文档的标准,即API。比如DOM告诉JavaScript引擎如何在浏览器窗口中显示和操作XML创建的标记(Tag)。
Chor
2019-11-07
1.8K0
闭包和计数器
之前想不通的一道题—–主要是不知道思路怎么来的,为何会想到用闭包。本来打算就将原博客转载过来,但是刚刚重新审视这道题的时候,好像看到了以前没有发现的东西,有种恍然大悟的感觉,所以决定用自己的话来解释这道题的思路。
Chor
2019-11-07
1.1K0
「译」利用 JavaScript 复制文本到剪贴板
一个小小的诀窍。实现主题的复制代码功能时,思路刚好和这篇文章差不多,不过这篇文章的代码要更加合理。
Chor
2019-11-07
1.6K0
CSS 基础系列:常见布局方式
给 header、content、footer 设置相同的 width 或者 max-width(显示的宽度都一样,但是前者内容过长会溢出,后者会换行),再设置 margin 达到水平居中。
Chor
2019-11-07
1.7K0
「译」一个案例搞懂 Vue.js 的作用域插槽
作用域插槽是 Vue.js 中一个很有用的特性,可以显著提高组件的通用性和可复用性。问题在于,它实在不太好理解。尝试搞清楚父子作用域之间错综复杂的关系,其痛苦程度不亚于求解一个棘手的数学方程。
Chor
2019-11-07
1K0
Webpack(二):使用 loader
Webpack 提倡一切皆模块,所有类型的文件(css、图片等)都可以经过 loader 处理变成我们可加载的模块。
Chor
2019-11-07
9080
Webpack(三):使用 plugin 以及本地服务器搭建
webpack 自带 BannerPlugin,我们只需要在 webpack.config.js 中配置即可:
Chor
2019-11-07
9980
没有更多了
社区活动
RAG七天入门训练营
鹅厂大牛手把手带你上手实战
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档