- 博客(20)
- 收藏
- 关注
RSS订阅原创 React中的函数组件详解
1. 创建方式 // 写法一const Hello = (props) => { return <div>{props.message}</div>} // 写法二const Hello = props => <div>{props.message}</div> // 写法三function Hello(props) { return <div>{props.message}</
2022-04-22 16:06:00
15091
4
原创 vue，小程序，html，js 60道常见面试题
1.什么是vuevue 是一个以数据驱动视图的渐进式 mvvm 模式框架2.vue指令？v-if v-show ；v-html v-text区别v-for，v-model，v-bind，v-on， v-once；v-if控制的是元素的加载与销毁，v-show控制元素的display样式；v-html可以渲染dom片段，v-text只能渲染文本3.vue组件通信1.父传子：父组件用v-bind绑定自定义属性将数据传给子组件件，子组件props接收2.子传父：父组件用v-on绑定自定义事件将函数
2021-10-12 14:58:05
687
原创 小程序入门学习
一、准备工作-相关资料1.官网：https://mp.weixin.qq.com/2.微信开发工具下载地址： https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=20183153.开发文档：https://developers.weixin.qq.com/miniprogram/dev/framework/4.小程序文件：-1.全局配置：app.json—官网—指南—配置小程序—全局配置作用：对微信小程序进行全局配
2021-09-10 16:18:19
111
原创 开发H5项目在手机查看
一：电脑的防火墙关掉二：cmd输入：ipconfig。获取自己电脑ip三：Ip+3000(项目启动host地址) ；例：http:192.xxx.xxx.xxx:3000
2021-09-03 15:08:55
187
原创 html 标准文档结构
PC版<!DOCTYPE html><html><head> <!-- 国际统一字符编码集一定要写在最前面 --> <meta charset="UTF-8"> <!-- 解决浏览器兼容，以webkit内核解析，ie 以最高内核解析或以谷歌内核 --> <meta name="renderer" content="webkit"/> <meta http-equiv="X-
2021-09-01 09:30:25
195
原创 git常用命令、ssh密钥生成及分支管理
一、git ssh密钥生成 git ssh git clone git add --all git commit -m 'up' - git ssh 生成。在企业中如果企业中的运维要，那你就给这个pub 文件就对了 git config --global user.name "" git config --global user.email "你自己的邮箱" ssh-keygen -t rsa -C "你自己的邮箱" id_rsa.pub
2021-08-31 14:01:37
118
原创 React hooks认知及使用
Hook介绍Hook 是 React 16.8 的新增特性。它是完全可选的，并且100%向后兼容。它可以让你使用函数组件的方式，运用类组件以及 react 其他的一些特性，比如管理状态、生命周期钩子等。从概念上讲，React 组件一直更像是函数。而 Hook 则拥抱了函数，同时也没有牺牲 React 的精神原则。优点：1、代码可读性更强，原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中，容易使开发者不利于维护和迭代，通过 React Hooks 可以将功能代码聚合，方便阅读维护。2、组件树层级
2021-08-24 20:05:10
90
转载 12种数组遍历方法、5种对象遍历方法
https://blog.csdn.net/qq_41613768/article/details/108342974?ops_request_misc=&request_id=&biz_id=102&utm_term=%E6%95%B0%E7%BB%84%E9%81%8D%E5%8E%86%E6%96%B9%E6%B3%95&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~defa
2021-08-23 16:12:14
68
原创 npm包发布、本地发布、线上发布
本地发布第一步：安装sinopianpm install -g sinopia或yarn global add sinopia第二步：启动sinopia -l 127.0.0.1:4873此终端为一，一直开着，不要输入别的命令开启终端二：cd 到某个指定仓库 mkdir unit-restful-axios(包的名称)cd unit-restful-axiosnpm init 生成package.jsonPS:main 为index.js 在index.js 中复制 unit/in
2021-08-23 08:52:15
488
2
原创 nvm安装使用及卸载
1，nvm是什么？通过它可以控制自己node版本。以此方便我们对不同项目node版本的随意切换。2，下载使用NVM需要注意什么，以及步骤。 1.我们要先把电脑上已有的node.js删掉。 2.下载nvm，安装路径可以自己定义。 3.之后再去官网安装node.js。安装时路径一直默认就好。 4.之后就是一些详细步骤，请往下看 ^_^ 。 3，检查node以及nvm是否安装成功。 ...
2021-08-11 11:22:07
36729
原创 react中context的使用详解
先说一说context是干什么的： 跨层级通信一般组件通信的方法都是通过props来传递，不过这种方法当有了第三级或往后孙孙组件的时候就显得比较繁琐。以及不好修改。这时我们可以使用context来管理这些数据，不管多少层级都能让想要使用这些数据的组件能拿到。还有别的方法，mobx或redux。这些可以自行了解说一下文件目录以及思路： 创建index文件作为父组件，child1组件为子组件，child2为子子组件。同级下创建一个store.j...
2021-08-09 16:28:08
1329
原创 react动态路由的使用，二级三级页面的实际应用
这个只有粉丝能看，所以知道啥意思就行，组件名，大解释什么的就不改了。（不要问为什么，懒！）先说一下需求：首页跳到列表页，列表页里面有通过页面和未通过页面，还有一个其他页面。通过页面里有一个通过详情页，未通过里只显示未通过信息，其他页面里有两个选项，可以跳到选项一和选项二页面。注意：第三方页面使用路由信息用withRouter，路由信息match方法。打印match可以给你帮助这里写一下地址栏的需求：list 列表页list/tong
2021-08-02 20:22:41
1022
3
原创 HTTP状态码
我们先说一下http状态码是什么：当我们访问一个网页时，浏览器会向网页所在的服务器发出请求，当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头用以响应浏览器的请求。它由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字没有分类的作用。HTTP状态码分类：1开头的：信息，服务器收到请求，需要请求者继续执行操作2开头的：成功，操作被成功接收并处理3开头的：重定向，需要进一步的操作以完成请求4开头的：客户端错误，请求包含...
2021-07-29 11:02:15
74
原创 react点击事件控制div盒子的显示隐藏
index.jsximport React, { Component } from 'react';class show extends Component { constructor(props) { super(props) this.state = { cls: 'parent_kb' } } changeCls(cls) { this.setState({ .
2021-07-23 14:13:32
1258
原创 React中input表单双向绑定的方法总结
一，单个表单的数据修改import React, { Component } from 'react';class index extends Component { constructor(props) { super(props) this.state = { name: '', // 后续添加 } } setName(e) { let value = e.
2021-07-20 21:09:49
4769
3
原创 React分页效果，导航样式可控
这是一个用react加原生js写的分页效果，前面loading动画大家可自行添加。具体先看效果图接下来上代码:导航栏代码和scss代码。import React, { Component } from 'react';// 分页效果的导航部分class Com extends React.Component { constructor(props) { super(props) let { defaultCurrent, total }..
2021-07-20 19:31:53
325
原创 两列三列布局(附代码&图)
两列布局1：浮动：左边的给宽高，右边的不设宽，用margin-left把左边的宽给留出来2：相对绝对定位：给父级加position:relative,左边的给宽高并absolute,右边的不设宽，给高度并用margin把left的宽留出来3：flex：给父级设flex，left给宽高，right设置flex为1，给高效果图：<!DOCTYPE html><html lang="en"><head&g...
2021-07-13 12:10:59
2604
1
原创 数组，字符串，对象，Number的常用方法。附代码
数组的方法 改变原数组 1.concat：连接两个或多个数组，并返回结果var a=[1,2,3]; a.concat([4,5]); 结果：[1, 2, 3, 4, 5] a：[1, 2, 3]2.join：把数组的所有元素放入一个字符串，并使用指定的分隔符进行分隔数组转化为字符串var a=[1,2,3]; a.join("|"); 结果："1|2|3" a：[1, 2, 3]3.slice：从已有数组中选定元素，并返回选定的...
2021-07-07 17:06:44
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人