关于我学前端的一些不值一提的记录

前端成长笔记

已于 2022-11-09 11:40:00 修改

阅读量163

点赞数

文章标签： js html react 前端

于 2021-05-20 15:30:31 首次发布

本文链接：https://blog.csdn.net/ds0604/article/details/109842370

版权

关于我学前端的一些不值一提的记录

1、项目里升级依赖包命令
yarn upgrade 包名比如antd@version(版本号可以写可以不写）

————————————————————————————————————
更新网址：http://www.sc-yf.com:8868/
1.配置path，环境变量，就把这两个配好即可，cmd里面node-v看有没有，有就成功了
请添加图片描述

——————————————————————————
1.标签怎么显示base64的图片
2.表格的td设置width无效，可以这样写

<td>
<div style="width:100px">
这里是内容
</div>
</td>

<img src="data:image/jpeg;base64,+imgurl" />

以上更新
*1.在英文状态下直接按ESC下面的点就可以打出来（fake-list-${i}）这个引号。
你是否不知道fake-list这句话的引号怎么打出来的？
2.实现对数组的转换
将这个数组变成以下格式：
array:[“张三”,“张四”,“王二麻子”]——>
list: [{
userid: 0,
username: “张三”
}, {
userid: 1,
username: “张四”
}, {
userid: 2,
username: “王二麻子”
}]
使用如下代码即可：

const list=[];
var arrs=[];
arrs = ['张三','李四','王二麻子'];;
 var length=arrs.length;
 for(let i=0;i<length;i+=1){
list.push({
    userid:`${i}`,
    username:arrs[i]
  })
 }
 console.log(list)

3.新建VUE项目
用HbuilderX编辑器，新建一个项目，选择vue项目普通模式在这里插入图片描述
4.单行文字溢出省略
这是HTML代码

<div class="shopping-item">
   <div var="title">超出300px的部分会被省略</div>  
</div>

这是css代码

 .shopping-item {
   width: 300px;
 }
 .shopping-item>div {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }

这是效果
在这里插入图片描述
5.给表单赋初始值
①value+state（如果需要map循环会遇到更新不及时拿不到值的问题，并且值是不能修改的，普通数据可以）
②defaultvalue（循环map时不能及时赋值，普通数据可以）
③const [form] = Form.useForm();

写在方法里面
form.setFieldsValue({
                    属性名:值
                })
<Form  form={form}>

6.用map遍历option选项的时候需要加上return（这是争对react说的）
7.react-antdesign框架里边有个Protable组件，有个自带的搜索表单，里面的内容是不需要手动写就能呈现的，如果想要改变显示的内容，在columns里面普通写法是这样，
在这里插入图普通片描述
改变内容的话加上renderFormItem，return里面写上你想改成什么组件都行，如果是简单的组件需求，增加valueType的值就行，这是一个带搜索的下拉框
在这里插入图片描述
比如这样，设置为percent或者是money，input输入框都会变成数字输入框

———— ———— ———— ———— ————会一直更新（可能就我自己能看懂，，，）———— ———— ———— ————
1.基础的react项目怎么给单页应用加title，各种信息：
第一：npm install --save react-helmet
安装好依赖
第二：import { Helmet } from ‘react-helmet’
引用
第三：在每个页面的开始加上这段话，内容看你需要啥加啥

<Helmet>
          <meta charset="utf-8" />
          <title>title</title>
          <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
          <meta name="keywords" content="content" />
          <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
          <meta name="google-site-verification" content="FTeR0c8arOPKh8c5DYh_9uu98_zJbaWw53J-Sch9MTg" />
          <meta name="description" property="og:description" content="content"/>
        </Helmet>

2.本地文件夹怎么跟线上的gitee仓库建立联系？
本地文件夹打开之后右键，git bash here
然后依次输入
git init
git remote add origin加上仓库地址，打开仓库有一个克隆的地方复制链接即可
git remote -v检查是否链接成功
git add .上传缓存
git commit -m"修改内容"
git push origin master +分支名字，传到某个分支
如果仓库有内容先git pull origin +分支
3.public 文件夹下可以放一些 favicon 大点的视频还有 script 直接加载的稳定 lib 库之类的，图片之类的文件放在src-assets文件里
4.flex布局
如果flex-direction为row,那么justify-content属性就是规定横向的左中右的排列
如果flex-direction为column，那么align-items属性就是规定横向的左中右排列
5.yarn install 报错
试试这个yarn config set “strict-ssl” false -g