CSS 最新文章第1页 | Coder·码农网

2018-09-19 13:52 栏目：CSS

原文：作者：译者：西楼听雨

2018-09-19 13:47 栏目：CSS

swagger-bootstrap-ui 1.8.3 发布，Swagger前端 UI 实现

swagger-bootstrap-ui 1.8.3 发布了。swagger-bootstrap-ui 是 Swagger 的前端 UI 实现，目的是替换 Swagger 默认的 UI 实现 Swagger-UI，使文档更友好一点儿swagger-bootstrap-ui 1.8.3 主要更新如下：1、新增tab选项卡,各个api接口详情通过新开选项卡来展现

2018-09-19 13:38 栏目：CSS

基于webpack4[.3+]构建可预测的持久化缓存方案

web缓存的好处不用多说，自从webpack一桶江湖后，如何做Predictable long term caching with Webpack让配置工程师们头疼不已。webpack4.3前，有相当多的文章介绍如何处理（见参考），这里想做些更到位的探索。不要放弃治疗:wine_glass:本文测试时候的一些版本：

2018-09-17 18:51 栏目：CSS

我创建了一个无后端的电商网站！

是的，我创建了一个没有后端的电子商务商店（无服务器，HTML，CSS和JS），不错，你没有看错！我创建了一个电子商务（或电子商店）网站，没有一行后端编程语言。我的职业生涯曾经是一名前端开发人员（虽然我知道后端）。因此，对于创建电子商务网站的这个新项目，我就不想使用我常用的工具，因为它们都涉及到后端。可以使用哪些工具来创建电子商务网站？

2018-09-17 18:49 栏目：CSS

脆弱的HTML模板

在开展我们的项目时，在一些方面，如：注册确认、营销推广等，都需要以给用户发邮件的方式，进行沟通，但是我们编写的HTML邮件，很多主流邮箱都会或多或少的过滤掉一些东西，所以就要考虑如何编写才是能兼容各种。本文原创发表于所问数据HT前端团队：先从整体布局方式说起，常见的两种方式就是iframe和div。首先iframe它其实已经是一个被废弃了，但是在163、sina等这类邮箱，它是在用iframe的。至于为什么会用iframe……

2018-09-17 18:35 栏目：CSS

多页应用增量更新静态资源Webpack打包方案

自从vue、react或者angular这类框架流行后，单页应用的数量也越来越多。但是限制于单页应用的一些缺点，比如：seo、首屏时间等因素，很多应用的结构还是保持了多页面结构。此篇讲述的是如何在多页面应用结构的基础上，利用webpack生成带hashcode文件名的方式实现静态资源的增量更新方案。多页应用的结构在用户访问时往往会在当前页面加载一些公共资源和当前页面的js和css，可能有些应用还在用比较传统的：

2018-09-17 18:30 栏目：CSS

Bootstrap开发框架界面的调整处理

我在之前介绍了很多关于Boostrap的框架方面的文章，主要是介绍各种插件的使用居多，不过有时候觉得基于Metronic的Boostrap框架的界面效果不够紧凑，希望对它进行一定的调整，那么我们应该如何进行相应的样式调整呢，其实找到对应的CSS进行处理即可。同时也可以结合Chrome浏览器的开发者模式下的Source进行一定的调整修改，得到效果后进行项目源码修改。一般对于框架，我也希望尽可能使用默认的效果样式，毕竟设计师都调整的不错了，不过有时候感觉不好的时候，自己也可以根据需要进行一定的调整，我们首先来

2018-09-17 18:27 栏目：CSS

CSS hack方式一览（解决IE6-IE11,Firefox/Safari/Opera/Chrome兼容问题）

由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时，我们为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的CSS样式，我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程，叫做CSS hack!由于不同的浏览器和浏览器各版本对CSS的支持及解析结果不一样，以及CSS优先级对浏览器展现效果的影响，我们可以据此针对不同的浏览器情

2018-09-17 18:25 栏目：CSS

Wine 3.16 发布，更好地支持 MSHTML 中的 CSS 属性

Wine 3.16 发布了，Wine （“Wine Is Not an Emulator” 的递归缩写）是一个能够在多种 POSIX-compliant 操作系统（诸如 Linux，macOS 及 BSD 等）上运行 Windows 应用的兼容层。Wine 不是像虚拟机或者模拟器一样模仿内部的 Windows 逻辑，而是将 Windows API 调用翻译成为动态的 POSIX 调用，免除了性能和其他一些行为的内存占用，让你能够干净地集合 Windows 应用到你的桌面。此次更新内容如下：

2018-09-17 18:23 栏目：CSS

R-网页爬虫：初识

数据处理的数据集并非立即可得，有时我们需要自己收集�数据，对很多研究领域，网页内容是一个重要的数据源。

2018-09-17 18:12 栏目：CSS

用微前端的方式搭建类单页应用

美团已经是一家拥有几万人规模的大型互联网公司，提升整体效率至关重要，这需要很多内部和外部的管理系统来支撑。由于这些系统之间存在大量的连通和交互诉求，因此我们希望能够按照用户和使用场景将这些系统汇总成一个或者几个综合的系统。我们把这种由多个微前端聚合出来的单页应用叫做“类单页应用”，美团HR系统就是基于这种设计实现的。美团HR系统是由30多个微前端应用聚合而成，包含1000多个页面，300多个导航菜单项。对用户来说，HR系统是一个单页应用，整个交互过程非常顺畅；对开发者同学来说，各个应用均可独立开发、独立测

2018-09-14 14:58 栏目：CSS

VUE实例：使用 CSS Filter 处理图片

CSS 的 filter 函数，可以给图像设置高斯模糊，亮度，调整图像的对比度等的效果，利用 Vue.js 的双向绑定，可以十分方便的实现一个利用 filter 处理图片的应用。实现效果首先在 data 属性定义用来设置 filter 的值，取值范围大都是从0到100的，

2018-09-14 14:48 栏目：CSS

读 VuePress（二）：使用 Webpack-chain 链式生成 webpack 配置

vuepress 有三套 webpack 配置：基础配置、dev 配置、build 配置，看似和普通的一个前端项目也没什么差别，但它使用 webpack-chain 生成配置而不是传统的写死配置。相关源码见引入 webpack-chain 后，我们所有的 webpack 配置通过一个链式包装器便可生成了：

2018-09-14 14:47 栏目：CSS

利用Resource Timing监控资源加载速度

浏览器从请求资源到资源下载下来，会经过多个阶段，一个请求生命周期的主要阶段包括：我们可以借助chrome的devtools查看，在network选项卡下，点击某个请求，选中Timing就可以看到devtools给我们提供的关于timing resource各个阶段的详细时间了。Queueing: 请求被阻塞，放入等待队列中等待。

2018-09-14 14:41 栏目：CSS