• CSS Grid布局了解

    Hello ,CSS Grid

    之前做一个分块展示页面,其页面布局大致如图所示:
    image
    遇到这样的布局,在不考虑浏览器兼容性的情况下,我认为使用Grid布局应该是一种很不错的选择 —— 容器元素间没有太深的层级关系,且容器外观大致相似。在此第一次尝试了Grid布局方式。

  • 将Anikyu的构建工具由Webpack迁移到Rollup

    之前封Anikyu库的时候,主要是参考使用vue-cli脚手架构建应用程序的相关配置来进行的,因此之前的构建工具使用的是Webpack。但经过笔者的一些了解,很多库(例如,ECharts、Vue.js、Three.js)的构建工具并非Webpack,而是Rollup。当然也有部分库(例如,Axios)的构建工具使用的是Webpack。事实上,就在早前,Vue.js曾放出了Vue.js 3.0的相关消息,未来的项目将可能会使用一款名为Vite的工具来进行打包,而它基于的打包工具便是Rollup。

  • 有关js函数防抖、节流的一些简单认知

    用户在浏览网页的时候,总会不断与浏览器页面产生交互,产生各种与UI相关的事件,比如点击、按键、滚动,甚至包括动画以及DOM变动,等等。在产生这些交互的时候,必然会占用浏览器的一些资源,倘若某些事件触发过多,必然会对页面性能产生一定影响,因此我们就需要限制这些事件出发的次数。这不,防抖与节流就来了~

  • 初识Web Components

    当前的前端时期(2020),是一个由Vue.js / React框架以及各种控件库所操控的时期

    自从我2019年开始找前端相关的工作开始,无论刷什么招聘软件,只要一输入前端二字,所有的JD上一般都会写“至少熟悉、了解Vue.js / React / Angular三大框架之一;能够使用Element / Antd等UI框架进行开发……”等等诸如此类的要求。
    自从有了这些框架,前端开发可能就和开发桌面程序一样,搭建空白脚手架,直接拖控件;控件样式不对,写一大堆额外代码重置。每次用vue init一类的命令建项目,总能感受到 npm i 的壮观。

  • Three.js官方文档译后感以及翻译记录

    其实最近以来我一直在纠结一个问题,翻译Three.js这件事情我做得到底对不对。。。毕竟 这个issue 是一位大佬提出来的。

  • 绘制一个简单的液晶时钟模型表面纹理

    本文介绍的是如何在Three.js中为一个拆分好uv的3D液晶时钟模型表面增加显示时间的表盘。主要用到的是Canvas以及Date相关函数,用到了Moment库。

  • dl、dt、dd(定义列表)元素

    之前在公司的项目里看到别的同事有用过这三个元素,不知道什么意思,遂百度了一下。

  • 关于JavaScript浏览器中事件的一些小了解

    笔者最近封装了一个用于制作关键帧动画的库 —— Anikyu,开发过程中遇上了一些坑,事件便是其中之一,在此来记录一下。

  • 说一说能让你的网页~Bling~Bling~的东西 —— 滤镜(CSS3)

    2020年4月4日清明节,全国范围内举行了哀悼活动。当天,互联网上很多国内网站的首页也都由彩色变成了黑白色。在此,我们来探讨一下如何使用前端来一秒实现网站变黑白。即:不借助包括但不限于JavaScript在内的任何脚本语句,给网页加特效。例如,让网页变为灰色。

  • 来看看Promise到底是什么以及怎么用

    要问最熟悉的陌生人是什么,我觉得Promise一定可以算一个吧。Promise到底是啥?总能听到这个词,好像是用来处理异步操作的一种东西,之前还做过相关的demo,但一用的时候,就完全给忘了。。。脑壳痛,在此就再回顾一下吧。希望写完这篇博客,我能够常常记起它到底是啥以及如何使用。