前端
文章平均质量分 86
前端知识汇总
xiangxiongfly915
Android & Flutter & H5
https://github.com/xiangxiongfly
展开
-
Bootstrap4 总结
Bootstrap 是全球最受欢迎的前端开源工具库,它支持 Sass 变量和 mixin、响应式栅格系统、自带大量组件和众多强大的 JavaScript 插件。基于 Bootstrap 提供的强大功能,能够让你快速设计并定制你的网站。原创 2023-07-10 17:18:02 · 1040 阅读 · 1 评论 -
前端工具库
支持拷贝 arrays、 booleans、 date 、map、 numbers, Object 对象, sets, strings, symbols等等。: 返回新的 debounced(防抖动)函数。: 创建一个去重后的array数组副本。返回新的去重后的数组。: 从object中选中的属性来创建一个对象。: 从字符串中移除前面和后面的 空格 或 指定的字符。: 创建一个新数组,过滤掉假值的新数组。: 获取array中的最后一个元素。: 返回节流的函数。: 获取array中的第一个元素。原创 2023-07-05 17:56:09 · 303 阅读 · 0 评论 -
TypeScript 总结
TypeScript 是一种基于 JavaScript 构建的强类型编程语言,可为你提供任何规模的更好工具。原创 2023-07-03 17:43:00 · 968 阅读 · 2 评论 -
Axios 总结
Axios 是一个基于 promise 的网络请求库,可以用于浏览器和 node.js。原创 2023-06-12 10:20:02 · 444 阅读 · 0 评论 -
art-template 模版引擎
art-template 是一个简约、超快的模板引擎它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器原创 2021-06-27 20:15:52 · 483 阅读 · 1 评论 -
Webpack4 应用
使用css-loader和style-loader内联CSS使用css-loader和mini-css-extract-plugin外部链接CSS使用file-loader处理CSS图片使用html-withimg-loader处理HTML图片使用file-loader处理JS图片使用url-loader处理图片webpack-dev-server原创 2023-05-12 15:23:31 · 795 阅读 · 0 评论 -
Webpack4 核心概念
Webpack 是一个现代化的静态资源打包工具,它能够将多个静态资源(例如:JavaScript、CSS、图片等)打包成一个或多个文件,使用的是类似于模块化的方式进行开发。原创 2023-05-11 17:22:41 · 778 阅读 · 0 评论 -
Babel 总结
Babel 是一个 JavaScript 编译器,主要用于在当前和旧的浏览器或环境中,将 ECMAScript 2015+ 代码转换为 JavaScript 向后兼容版本的代码。原创 2023-05-10 17:39:58 · 781 阅读 · 0 评论 -
Swiper总结
Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择原创 2023-05-05 16:42:04 · 1044 阅读 · 0 评论 -
移动端Touch事件点击穿透
在发生触摸动作约300ms之后,移动端会模拟产生click动作,如果touch事件隐藏了原来元素 则click总作用到它底下的具有点击特性的元素,触发新元素的click事件和跳转,此现象被称为点击穿透。原创 2023-04-28 15:41:12 · 710 阅读 · 0 评论 -
移动端click事件300ms延迟
在移动端中,点击屏幕的按钮会产生200~300ms的延迟响应,会导致用户认为页面卡顿问题。原创 2023-04-28 15:19:21 · 1402 阅读 · 0 评论 -
移动端事件
移动端事件可分为:Touch触摸事件Pointer指针事件没有移动端事件时,大部分鼠标事件可以在移动端中使用。苹果推出Touch触摸事件,Touch事件在PC端不会触发。微软推出Pointer事件,直接继承了鼠标事件,在此基础上又添加了其他一些内容,处理 Pointer 事件和处理鼠标事件几乎一致。移动端和pc端适配推荐使用pointer事件。原创 2023-04-28 10:03:36 · 620 阅读 · 0 评论 -
rem&vw布局
rem是相对于根元素(html元素)的字体大小来计算的,因此可以根据不同的屏幕尺寸和设备类型自动调整。通常情况下,我们会将根元素的字体大小设置为一个固定值,然后使用rem单位来定义其他元素的尺寸和位置。这里将屏幕宽划分为10等份,计算每1份的值,将其赋值给根元素的fontSize,也就是1rem的值。vw布局是一种响应式设计的布局方式,它可以根据不同的屏幕尺寸和设备类型自动调整页面布局。vw布局使用相对单位(vw)来定义元素的尺寸和位置,而不是使用固定的像素值。这使得页面可以在不同的设备上自适应,并且可原创 2023-04-23 11:11:38 · 421 阅读 · 0 评论 -
移动端1px边框问题
在移动端开发中,1px的边框在不同手机上显示粗细不一致,特别是在高清屏下会变的粗一些。伪类+transform(推荐)viewport+rem原创 2023-01-31 11:47:49 · 461 阅读 · 0 评论 -
流体布局(百分比布局)
流体布局是一种响应式设计的布局方式,它可以根据不同的屏幕尺寸和设备类型自动调整页面布局。流体布局使用相对单位(如百分比)来定义元素的尺寸和位置,而不是使用固定的像素值。这使得页面可以在不同的设备上自适应,并且可以避免在不同设备上出现滚动条或者元素溢出的问题。流体布局通常配合使用CSS的flexbox或grid布局来实现。这些布局可以让开发者更加方便地定义元素的排列方式,并且可以自动适应不同的屏幕尺寸和设备类型。原创 2023-04-21 14:26:38 · 352 阅读 · 0 评论 -
移动端屏幕适配
移动端适配是指针对移动设备进行特定的布局和设计,以确保在移动设备上的用户体验良好。响应式布局和移动端适配是紧密相关的。原创 2023-04-19 17:51:39 · 648 阅读 · 0 评论 -
CSS 加载进度条
环形加载条条形加载条loading原创 2023-01-19 14:29:54 · 4550 阅读 · 0 评论 -
侧边栏(HTML+CSS+JS)
侧边栏(HTML+CSS+JS)原创 2023-04-04 14:51:16 · 1111 阅读 · 1 评论 -
放大镜效果(HTML+CSS+JS)
放大镜效果(HTML+CSS+JS)原创 2023-03-31 14:32:21 · 270 阅读 · 0 评论 -
CSS 规范
命名规范CSS文件命名法id和class命名法网页元素命名法书写顺序规范注释规范原创 2023-03-01 16:24:22 · 277 阅读 · 0 评论 -
json-server
json-server 是一个 Node 模块,运行 Express 服务器,你可以指定一个 json 文件作为 api 的数据源。 简单的说,它可以模拟小型后台接口,在一个JSON文件中操作数据,是基于的node.js的一个模块原创 2023-02-11 13:24:32 · 979 阅读 · 1 评论