前端
Web_front
这个作者很懒,什么都没留下…
展开
-
React
1. 开始React 是一个用于构建用户界面的 JavaScript 库。你可以在首页或教程中学习什么是 React。1.1 React是什么?React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面,这些代码片段被称作“组件”。React 中拥有多种不同类型的组件,我们先从 React.Component 的子类开始介绍:class ShoppingList extends React.Comp原创 2020-06-09 23:34:04 · 179 阅读 · 0 评论 -
关于Vue项目的优化
一、console的移除开发阶段,我们会编写大量的 console 语句用于测试使用 build 命令打包时,会作为警告提出,因为上线之后,这些 console 语句是没有任何作用的,所以警告你应该移除挨个文件手动删除的方法,会有两个问题耗时耗力代码中其实还是需要console的,只是打包后,希望生成的文件中不包含而已解决的办法比较多babel-plugin-transform-r...原创 2020-04-29 23:20:33 · 263 阅读 · 0 评论 -
Web前端面试题
为了满足面试问题,以下就是各面试问题的总结:请点击链接打开:http://blog.poetries.top/FE-Interview-Questions/base/#_29-stylus-sass-less%E5%8C%BA%E5%88%AB:原创 2020-04-29 22:28:03 · 253 阅读 · 0 评论 -
移动web开发
移动web开发1.像素1.1 什么叫做物理像素比如,手机像素是1792×828分辨率,就是手机屏幕横向828个点,手机屏幕纵向上有1792个点,同等大小屏幕下,点越多,图像显示越精信。上面所说的屏幕上一个个点就是物理像素(phy sical pixel),物理像素也叫设备像素(dp:device pixel)。其实,每个像素就是一个点,每个点由红绿蓝三种色组成,只需要控制每个点每种颜色...原创 2019-12-23 21:07:43 · 183 阅读 · 0 评论 -
前端swiper实现轮播图
1.普通的轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...原创 2019-12-22 15:26:18 · 1214 阅读 · 0 评论 -
前端echarts框架实现饼状图、柱状图和折线图
1.饼状图<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta htt...原创 2019-12-22 15:10:50 · 4549 阅读 · 1 评论 -
容器和网格系统类名汇总
1、容器:container 固定宽度,不同尺寸固定了不同的宽度container-fluid 100%宽度2、阴影:shadow-none 无阴影shadow-sm 小阴影shadow 普通阴影shadow-lg 大阴影参数-完整案例shadow-lg p-3 mb-5 bg-white rounded 设置大阴影3、...原创 2019-12-19 14:32:13 · 589 阅读 · 0 评论 -
bootstrap4常用样式类名
bootstrap4 常用样式类名 (供自己参考)1、容器和网格系统容器container 固定宽度,不同尺寸固定了不同的宽度container-fluid 100%宽度栅格系统cal-xs//<768pxcal-sm //>=768pxcal-md //>=992pxcal-lg //>=1200px2、字体颜色及背景颜色字体text-muted ...原创 2019-12-16 21:34:53 · 1226 阅读 · 0 评论