用echarts做大屏可视化的时候会遇到不是用电脑投屏而是直接在大屏打开的情况，这时候大屏幕下固定的px为单位的字体就会显得很小。有一种解决方法就是采用rem为单位，根据屏幕的宽度调整html的font-size. 获取…
分类：css
Codepen 每日精选（2018-4-9）
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 前端工程师的技能树https://codepen.io/SoyEva/ful… 纯 css 写的咖啡机动画https://codepe…
CSS3的content属性详解
CSS中主要的伪元素有四个：before/after/first-letter/first-line，在before/after伪元素选择器中，有一个content属性，能够实现页面中的内容插入。 插入纯文字 conte…
前端实例练习 - 可搜索列表
可搜索列表 代码储存在Github效果预览 初衷：很多人在初学前端的时候都会问，“如何入门前端？”同为在前端学习道路上，奋力追赶的一员，本人对于目前网络上所能看到的 “入门级” 的教材并不太满意。学习一门新知识，实例是尤…
ES6之Iterator、Generator
Iterator的作用 一是为各种数据结构，提供一个统一的、简便的访问接口；(统一)二是使得数据结构的成员能够按某种次序排列；（按序）三是ES6创造了一种新的遍历命令for…of循环，Iterator接口主要…
Webpack4教程 - 第二部分，使用loader处理scss,图片以及转换JS
转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 今天继续我们的Webpack 4入门教程。在介绍了Webpack的基本概念之后，是时候更深入一点了。这次我们会涉及Webpack…
初识wkhtmltopdf
背景 最近接到一个客户需求，要求将学生的考试结果分析表格和图表导出到PDF。表格使用的是普通的table，图表引用了https://www.chartjs.org/ 遇到的问题详见wkhtmltopdf chartjs …
fe6-1：CSS部分
一、CSS 的使用： 内联(inline style attribute) <head> 标签内的 <style> 标签 <link> 标签中的外联二、三种主要的选择器(应用CSS) …
async/await 异步应用的常用场景
前言 async/await 语法用看起来像写同步代码的方式来优雅地处理异步操作,但是我们也要明白一点,异步操作本来带有复杂性,像写同步代码的方式并不能降低本质上的复杂性,所以在处理上我们要更加谨慎, 稍有不慎就可能写出…
CSS基础知识整理
1 什么是CSS？ CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML…
编写可维护的前端代码
最近在看JavaScript高级程序设计，看到可维护代码的编写，做一下笔记与总结，方便以后查看。 1.代码约定 1.1可读性 代码的格式化 使用若干个空格来进行缩进，因为制表符在不同编辑器种的显示效果不同 注释函数和方法…
web前端开发之几种布局方式之响应式布局
一理解几种布局的概念 1、静态布局（Static Layout） 即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分； 意思就是不管浏览器尺寸具体是多少…
