dykingdy

下面列举一些 CSS 不经常使用，但却很有用的小技巧。 1. cursor CSS 属性 cursor 用来设置光标的类型，在鼠标指针悬停在元素上时显示相应的样式。 cursor 属性可以为零个或多个<url>值，它们之间用逗号分隔，最后必填一个关键字值。每个&#x3…

HTML 并不是一个新技术，做前端的同学第一个要掌握的就是 HTML。本文将列举一些平时不经常用到但是却很有用的 HTML 标签或者属性。 1. details 标签 利用<details>标签，我们可以很方便的控制内容的展开和收起。 2. contenteditab…

1. 背景图片根据窗口大小自适应 2. 同时叠加显示多张背景图 3. 创建三角形背景图 4. 背景图添加渐变效果 5. 颜色渐变背景图动画 6. 网格背景图 7. 背景图作为文本颜色

目前组件化开发思想已经成为了前端的主流。三大框架(Vue, React, Angular)都是组件化开发最好的引领者。 社区有很多的文章告诉我们如何做组件划分，应该遵循哪些原则。并且在做项目的过程中你也一定有一些自己的关于组件划分的心得体会。 所有的这些，归根结底，都是在教导我…

做前端开发，你一定或多或少的用过一些CSS工具库，比如Bootstrap, Tachyons等。 但是不同的库对于类名的定义不尽相同，使用起来难免有些不太得心应手。 本文将教你怎么用sass一步一步构建自己的样式库。 其实不难。如果对sass用法还不太熟悉，可以先看下这篇文章S…

加载资源的方式通过script标签从上到下, 文件的加载顺序非常重要。 如果再加上defer和async, 加载的逻辑就会更加复杂。 每个文件中的方法和变量都在全局作用域，变量和方法不容易维护，容易污染全局作用域。 大型项目资源难以维护，特别是多人合作的情况下，资源的引入会让人…

本篇文章将会介绍如何使用nodejs+vuejs构建个人博客。 这是一个强大的构建工具，使用它可以很方便的管理一个vue的项目，并且不需要更多的webpack配置。建议全局安装： 后端要用到的数据库。直接去官网下载对应系统的版本就好，注意要下载server版。下载地址： 对于出…

Since launching this year's Front-End Tooling Survey in March, 5,097 front-end developers have taken the time to fill it in. Thanks to all …

临近年尾，实在无心工作，逛着论坛突然灵光一闪，人家的个人博客是怎么弄出来的？突然就来了兴致，打算研究一二。 过程到没费太多周折，用了一天左右就弄了个大概的雏形，主要是基于GitHub Page + Jekyll。以下是我参考收藏的一些教程链接。 这年…