W3C前端开发

专注前端开,关注用户体验

MENU

CSS Grid VS Flexbox:实用比较

04-25阅读(207)Tom

不久以前,所有 HTML 页面的布局还都是通过 tables、floats 以及其他的 CSS 属性来完成的。面对复杂页面的布局,却没有很好的办法。 然而 Flexbox 的出现,便轻松的解决了复杂的 Web 布局。它是一种专注于创建稳定的响应式页面的…

JavaScript高级程序设计——闭包

04-24阅读(94)Tom

前言 有很多人搞不清匿名函数和闭包这两个概念,经常混用。闭包是指有权访问另一个函数作用域中的变量的函数。匿名函数就是没有实际名字的函数。 闭包 概念 闭包,其实是一种语言特性,它是指的是程序设计语言中,允许将函数看作对象,然…

让你更好的编写 JavaScript(ES6) 中条件语句的5个技巧

04-23阅读(164)Tom

使用 JavaScript 时,我们经常需要处理很多条件语句,这里分享5个小技巧,可以让你编写更好/更清晰的条件语句。 1.使用 Array.includes 来处理多个条件 我们来看看下面的例子: // condition function test(fruit) { if (fruit …

Notyf – 响应式的 JavaScript 通知插件

04-20阅读(312)Tom

简要教程 notyf.js是一款超级简单的响应式纯js消息通知插件。它使用纯javascript来制作,没有任何外部依赖,通过简单的设置,即可生成漂亮的消息通知效果。 安装 可以通过npm来安装notyf.js消息通知插件。 npm i notyf 使用方法 在页面中…

大部分教程不会告诉你的12个JS技巧

04-16阅读(319)Tom

1. 过滤唯一值 ES6 引入了 Set 对象和延展(spread)语法…,我们可以用它们来创建一个只包含唯一值的数组。 const array = [1, 1, 2, 3, 5, 5, 1] const uniqueArray = [...new Set(array)]; console.log(uniqueArray); //…

10个有趣的JavaScript和CSS库

04-10阅读(621)Tom

Cube.js 强大的开源框架,用于开发复杂的,定制的分析系统。由前端SDK和API后端组成,适用于大多数数据库,包括MySQL,Postreges和MongoDB。 Water.css 一个just-add-css框架,它可以应用样式而无需定义元素类。只需通…

理解 CSS 布局和 BFC

04-09阅读(824)Tom

CSS布局中有一些概念,一旦你理解了它们,就能真正提高你的 CSS 布局能力。本文是关于块格式化上下文(BFC)的。你可能从未听说过这个术语,但是如果你曾经用CSS做过布局,你可能知道它是什么,理解什么是 BFC,怎么工作以及…

echarts设置坐标轴区域中的分隔线颜色

04-04阅读(608)Tom

想要设置区域分割线颜色首先要知道他的属性是什么,splitLine 顾名思义”分割线”。知道了分割线是什么属性后我来看看他都包含哪些特性。 从API中可以看出他是坐标轴xAxis和yAxis中的一个splitLine:{} 对象,证明他的内…

CSS 函数calc() 与 CSS 变量var()的混合使用

04-03阅读(837)Tom

CSS 变量混合使用加法减法 当设置一个变量为200px时后期不满足需求需要增加10px或20px时而需要扩展; 例如我们需要给一个div的宽度设置为210px,但我们的变量是200px,这时我们就可以用变量的值加上10px就行了,如下 (本篇所使用的宽…

ckeditor 从入门到放弃

04-02阅读(228)Tom

CKEDITOR网页编辑器还是挺复杂的,有一个 CKEDITOR 的全局空间,有一个 CKEDITOR.instances的全局实例引用,有 Classic 编辑和 Inline 编辑两种模式,有 Plugin 也有 Widget,有自成一体的编译打包工具,与 …