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