![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 80
nkxrb!
这个作者很懒,什么都没留下…
展开
-
关于Babel的研究,从零开始一步步深入
记录下关于Babel的研究所需的依赖包常用的插件配置文件参考资料:babel中文网首先,我们需要明白,Babel 是一个 JavaScript 编译器,是对现有功能的扩展或降级实现,来达到兼容低版本浏览器的目的所需的依赖包@babel/core // 核心包,必须。@babel/preset-env // 预处理,根据配置的浏览器环境进行预处理@babel/cli // 命令行,安装后可以通过命令执行babel,并生成编译后的文件,输出到指定目录查看#运行此命令将 src 目录下原创 2021-09-04 10:36:45 · 138 阅读 · 0 评论 -
常用的一些函数封装,JS简单实现
记录一些日常开发需要用到的函数,节流、防抖、函数柯里化、缓存...原创 2021-08-04 00:10:10 · 351 阅读 · 0 评论 -
前端技能自查——JavaScript
JavaScript写在最前面,希望大家能用心体会。对于前端开发来说,JavaScript语言基础非常重要,推荐《JavaScript权威指南》这本书,至少要看完一遍。由于JavaScript语言较为松散,没有过多的类型约束,因此好的编码风格和习惯真的很重要!...原创 2021-05-12 23:32:40 · 127 阅读 · 0 评论 -
前端技能自查——CSS
前端架构师的成长之路(让兼容、适配成为过去式)点亮灯塔,为迷失在大海中的你!废话不多说,上路之前,基础要扎实!由于浏览器厂家的多元化,版本的迭代,显示屏的层出不穷。我们前端开发总会遇到各种各样的兼容、适配问题,那么如何解决这样的问题呢?我想大多人都会处理,加个判断?特殊处理一下?但是一个人的力量终究是有限的,无法做到面面俱到,每个标签,每种样式都有可能出现兼容性问题。技术是不断发展的,...原创 2021-04-25 00:02:24 · 203 阅读 · 0 评论 -
关于HTML标签的选用问题探讨
将DIV作为最后的选择来编写页面吧!!!最近准备做一个UI组件库,在编写按钮组件时,纠结了下使用div,还是button 。所以就了解了下HTML标签选择问题,由于之前一直是div+span写完全套页面,最主要的原因就是样式问题,div用着爽啊,而且很顺手,我想怎样画就怎样画。但经过深入了解后,我改变了对HTML标签的认知,任何事物的诞生都有其用途,而还在不断迭代升级的,就更应该引起重视了。* 提个问题,如果让你写个按钮,你选择怎么实现?我想大家大多会有这么几种写法:UI要求是个方块,圆圈等样式的原创 2021-04-18 11:35:35 · 88 阅读 · 0 评论 -
监听窗口、dom元素的属性变化
前言最近项目好多图表操作,当加载echarts时,希望canvas的宽高能随着屏幕自适应调节大小,因为所用容器都是百分比等份布局,所以想使用echarts的API resize方法实现大小的动态调整。研究历程1.window.onresize首先想到的是window有没有类似的监听事件,好通过它来实现,搜了下,果然有window.onresize = function(){xxxx}// 写法一、<body onresize="alert('You have changed the si原创 2020-07-16 00:56:37 · 1051 阅读 · 0 评论 -
记一次关于JS打包的研究 webpack | rollup
前言最近准备开发一套自己的UI组件库,主要是出于磨练技术的目的,所以所涉及到的技术点,都不自觉的多研究了下。起步先研究了GitHub上优秀的大作,看看大佬们都是怎么搭建项目框架的。在代码最终打包方面,我发现elementUI使用的是webpack,也有些使用的是rollup关于rollup和webpack的优缺点,可以看这篇文章 从webpack到rollup最终我选择了rollup 顺便提下,vue,react源码项目也是使用的rollup打包的,如何更好的配置rollup,可以参考大佬们的写法原创 2020-07-12 22:42:41 · 237 阅读 · 0 评论 -
页面的渲染原理以及在开发中css应该如何规范的书写
页面的渲染原理以及在开发中css应该如何让规范的书写看到一篇不错的文章,记录一下,css规范,并非只是对编码的约束,还有可以让程序变得 更高效,以维护,可升级本来打算自己写一下的,但偶然发现了这篇文章,写得很不错了,所以偷下懒,直接转载啦,原创辛苦!这篇文章主要是介绍了一下页面结构基础,CSS 选择器,页面渲染机制,屏幕适配方案,CSS书写规范。原文链接https://blog.csdn.net/qq_40665861/article/details/106208983...转载 2020-07-05 20:36:43 · 131 阅读 · 0 评论 -
关于npm命令的一些记录
npm install xxx --save–save 可以理解成生产环境,会把依赖包名称添加到 package.json 文件 dependencies 键下,dependencies是运行时依赖。–save-dev 则是开发环境, 添加到 package.json 文件 devDependencies 键下,devDependencies是开发时的依赖,如生产时不需要用到压缩库应该...原创 2020-05-01 10:16:14 · 142 阅读 · 0 评论