- 博客(6)
- 收藏
- 关注
原创 获取随机名称、昵称、男女名称的小插件smileyqp-ui的randomName
//安装smileyqp-ui(推荐使用cnpm)cnpm install smileyqp-ui --saverandomNamegetName获取随机任意名称getMaleName获取随机男性名称getFemaleName获取随机女性名称getFamilyName获取随机姓氏getNickName获取随机昵称import {randomName} from 'smileyqp-ui';function App() { return ( <div classNa
2021-01-20 17:17:25 646
原创 【前端面试题1】Link和@import有什么区别
从属关系级别,页面导入样式时候@import只能导入样式而link还可以定义rss、rel链接属性,引入网站图标等加载顺序:加载页面时候,link标签引入的css被同时加载,而@import进去的会在也见面加载完毕之后加载兼容性区别...
2021-01-18 15:44:22 319
原创 关于Typscript
之前一直用js没有用过typscrip,最近考虑写一个UI组件库以方便实际开发,并定义相关的UI规范。于是去搜集相关文档等。看到很多UI组件库中都是用typscript进行开发写的,于是决定还是去了解一下这个称之为JavaScript的超集。本篇是typescript的基础知识:背景知识typescript是Javascript的超集,支持ES6标准TS是给JS添加特性的语言扩展类型批注&编译时类型检查类型退服安类型擦除接口枚举Mixin泛型编程名字空间元组awai.
2021-01-15 17:53:46 153 1
原创 项目添加less支持;以及解决less支持过程中报错问题
安装相关依赖 cnpm install --save-dev less less-loader react-app-rewrite修改 package.json/* package.json */"scripts": {- "start": "react-scripts start",+ "start": "react-app-rewired start",- "build": "react-scripts build",+ "build": "react-.
2021-01-12 16:36:24 975
原创 前端媒体查询常用
判断设备横竖屏/* 横屏 */@media all and (orientation :landscape) {} /* 竖屏 */@media all and (orientation :portrait) {}判断设备宽高/* 设备宽度大于 320px 小于 640px */@media all and (min-width:320px) and (max-width:640px) { }判断设备像素比/* 设备像素比为 1 */@media only scree
2021-01-08 16:57:41 421
原创 项目流程
产品出圆形产品和后端开需求研讨会ui和前端开界面研讨会一般网站的主色调不超过三种:一个主题色+两个配色layout整个布局风格不会超过三四种- 主题色- 字体色- 布局- 风格- 配色前端根据UI界面研讨会出基础css,根据主题色定义一个样式一个类(背景色,主题颜色以及字体大小,一级标题二级标题等字体大小,做成通用样式,以及常用操作)...
2021-01-07 15:20:20 83
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人