
歌谣--前端--小案例
歌谣--前端--小案例
前端大歌谣
歌谣 答应我 无论什么时候 请你保持对技术得热爱 佛系玩家~
展开
-
【练习案例React十】封装一个锚点tab栏
前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 今天是继续做开源项目的一天 今天封装了一个锚点的切换功能 继续上代码 代码部分 /* * @Description: 锚点组件 * @FilePath: \pinlor-yoao-static-pc-platform\src\common\c...原创 2021-12-20 09:07:55 · 1004 阅读 · 2 评论 -
【练习案例React九】封装一个标题显示栏
前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 今天是继续做开源项目的一天 今天是准备封装一个带个标题栏的一个组件 还是日常的一个过程 我们先上个代码 代码部分 import React, { Component } from 'react'; import { Card } from 'antd';.原创 2021-12-20 09:06:51 · 957 阅读 · 0 评论 -
【练习案例React八】前端判断数组中是否有该元素,有就删除,没有则加进去
目录 前言 导语 代码部分 运行结果 前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 目前的开源项目主要记录一些方法的实现 这边最近也新加了一个方法 就是封装了一个方法 代码部分 /** * 判断数组中是否有该元素,有就删除,没有则加进去 * @param {Array} arr.原创 2021-12-18 09:37:34 · 2100 阅读 · 0 评论 -
【练习案例React七】前端处理金额数据
前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 目前开源项目持续还在提交过程中 对于我们平时的项目中需要对金额进行一个处理 我们的xx同事又说了 要处理金额了 代码部分 class MethodTest extends Component { state={ } formatMoney原创 2021-12-17 09:23:59 · 944 阅读 · 2 评论 -
【练习案例React七】React结合ant design封装一个按钮组件
React结合ant design封装组件 适合有基础的react学习者原创 2021-12-15 19:21:58 · 6338 阅读 · 2 评论 -
【练习案例React六】项目中开始引入ant模块
前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 目前当前的一个开源项目每天都有更新 现在要加入一个新的模块了 ant的 平时工作中用到也有ant design 解决思路 yarn add antd 注意在app.css的头部加上 @import'~antd/dist/antd.css'; 引..原创 2021-12-15 14:12:40 · 753 阅读 · 0 评论 -
【练习案例React五】react中引入sass模块
前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 继续上次的需求 继续说 这次为了样式定义的方便 就见了一个index.scss文件 但是是刚搭建的脚手架 立刻报错 Node Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.原创 2021-12-15 14:09:08 · 644 阅读 · 0 评论 -
【练习案例React四】react中传入图片得问题小结
前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 继续上次得开发继续说 遇到两个问题 引入图片得方式 //弹性布局 import React, { Component } from 'react'; //引入图片得方式 import nuli from './img/nuli.jpg' class .原创 2021-12-14 09:13:58 · 1280 阅读 · 0 评论 -
【练习案例React三】如何创建一个新的组件引入
目录 前言 导语 代码 引入 运行结果 前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 今天得话继续上次开源项目案例得一个编写 然后这边接着编写 目前想在这个基础上再添加一个新的组件 然后就新建了一个文件夹 里面多定义了一个新组件 文件目录common/buttonGroup用于后期.原创 2021-12-14 09:13:23 · 848 阅读 · 0 评论 -
【练习案例React二】如何在gitee上面创建自己的仓库
前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 接着上次的项目继续说 这次先建立一个仓库 为了后续的项目更新 需求 ...原创 2021-12-13 16:26:57 · 796 阅读 · 0 评论 -
【练习案例React一】创建React项目
前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 这段时间为了不断提升自己的一个代码技巧 开始自己手动写一个React的demo进行练手 创建项目 npm install -g create-react-app # Windows create-react-app+项目名 cd ...原创 2021-12-13 16:15:32 · 845 阅读 · 0 评论