- 博客(31)
- 收藏
- 关注
RSS订阅原创 react中的父子组件传值
父组件定义一个方法通过属性对接上，子组件通过那个属性this.props.xxx(xxx)的方法去触发他，也可以传值。父组件通过属性传值给子组件，子组件通过props获取。
2022-09-09 19:19:14
230
原创 react中BetterScroll的使用
2、引入 import BetterScroll from ‘better-scroll’1、先去下载 npm i --save better-scroll。3、使用 必须是这样的一个框架。
2022-09-09 19:04:04
596
原创 react初始化项目
document.getElementById(‘root’)是public文件夹下的。显示的页面 可以新建js文件 然后rcc快捷建立一个模板。注意App要和index.js中的App保持一致。index.js 项目入口。
2022-09-07 21:25:31
113
原创 react创建
1、npm install create-react-app //只需要输入一次。2、create-react-app xxxx //创建名字为xxx的程序。3、npm start //运行。
2022-09-07 18:10:06
82
原创 vuex学习
三、action是用于处理异步任务，不能直接修改state中的值，必须通过context.commit(‘add’)四、getter是用于对state中的值进行加工处理，形成新的数据，state中的值改变了getter的值也会改变。二、mutation是用于变更state中的数据,只有mutation中才能修改state的值。vuex是实现组件全局状态（数据）管理的一种机制，可以方便组件之间数据的共享。{{num1}}和{{num2}}一、state是提供唯一数据源。在computed:{
2022-09-07 15:26:46
108
原创 【无标题】
https://github.com/xevojapan/h264-converter/tree/master/srchttps://github.com/131/h264-live-player
2021-12-28 15:29:48
77
原创 背景色渐变
基础线性渐变，从上到下background: linear-gradient(blue, pink);改变渐变方向background: linear-gradient(to right, blue, pink);对角线渐变background: linear-gradient(to bottom right, blue, pink);设置渐变角度background: linear-gradient(70deg, blue, pink);...
2021-07-21 15:50:51
58
原创 Font Awesome使用
1、国内推荐 CDN：<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">2、海外推荐 CDN<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">...
2021-06-21 10:57:04
504
原创 ajax调用接口
$.ajax({ #这里填写你在服务器上面的IP/域名 url:"http://www.xxx.xxx:xxxx/api/findActivity", #请求方式 method: "post", #请求参数的格式 data: JSON.stringify(data), #内容结构 contentType: "appli
2021-06-15 09:58:14
348
原创 小程序接口调用
外部因素决定了----post文件的大小有限制，而get没有。 （提交数据的大小）get将提交的数据放到url后面，post将数据放到请求头中 （提交数据的位置）在一次数据的提交中，get提交的数据任何人可见，post提交的数据除本人或黑客拦截请求数据包外，其他人不可见。get{console.log(‘开始请求数据’,new Date());wx.request({// url: app.ctURL + ‘api/region’,url:‘http://datavmap-public.os
2021-06-14 21:55:15
1276
原创 前端 所遇问题
css文字居中 text-align: center;盒子居中 margin：auto；方框弧度 border-radius: 40rpx;在图片上 position: relative;宽度 vw高度 vh第几个标签 nth-child()
2021-06-09 13:23:47
86
原创 vue-----router使用
1、安装：在vs项目终端输入cnpm install vue-router2、在新建router.js中引用如下代码：import Vue from ‘vue’import VueRouter from ‘vue-router’Vue.use(VueRouter)3、在src中新建view文件夹，在view新建例如：Home文件夹，在文件夹中新建index.vue<template> <div id="home"> <Content />
2020-07-24 14:00:19
84
原创 vue-----组件
vue组件需要在components里定义在调用页面中Header 、Gradual等可以随便定义，后面组件路径要写对，components里的值需要与之前定义的相对应最后调用组件注：如果定义了组件未调用同样报错！！！...
2020-07-23 22:53:25
79
原创 vue---生命周期
vue 生命周期一共8各阶段：1、beforeCreate(创建前)2、created（创建后）3、beforMount（载入前）4、Mount（载入后）5、beforUpdate（更新前）6、Updated（更新后）7、beforDestroy（销毁前）8、destroyed（销毁后）vue第一次页面加载会触发哪几次钩子函数？beforCreatecreatedbeforMountmountedDom渲染在哪个周期中就已经完成了？mountedbeforeMount1、
2020-07-22 16:22:46
118
原创 【1】 Vue声明式渲染、条件与循环、事件绑定、双向绑定
一、声明渲染二、条件与循环1、条件2、循环其中qwe可以随意替换（推荐item同小程序）三、事件绑定v-on:click可以写成@click事件函数写在methods下四、双向绑定**vue页面效果全在App.vue中写的...
2020-07-22 11:38:28
83
原创 vue--------安装
1、安装git工具，便于在wind电脑上操作命令行，自行在网上下载安装，可以不安装2、安装node,检查node安装是否成功，在git工具中输入node -v3、检查npm是否安装成功，在git工具中输入npm(npm一般随node一起安装在电脑中，node如果成功了，npm基本都会没问题)4、cnpm安装参考网站：https://developer.aliyun.com/mirror/NPM?from=tnpm在git工具中输入：npm install -g cnpm --registry=htt
2020-07-22 10:11:53
83
原创 小程序------------echarts使用
在https://github.com/ecomfe/echarts-for-weixin下载插件用微信小程序导入下载的将里面的ec-canvas放进需要的小程序里所需小程序app.wxss需要写进一些参数在.wxml中调用组件.wxss必须规定图标的大小在.js里写入function initChart(canvas, width, height) { const chart = echarts.init(canvas, null, { width: width,
2020-07-16 10:07:41
205
原创 田园项目组件创建
创建components文件夹 用于 存放组件在components文件夹下创建 文件夹 用于写组件在文件夹下新建 component以轮播图为例：app.json 里存放组件路径如果只是单页面需要那个组件，可以在那个页面里的 .json 下配置组件路径组件的js文件// components/Swipt/index.jsconst app=getApp()Component({ /** * 组件的属性列表 */ properties: { produ.
2020-07-12 17:29:11
114
原创 田园项目tab匹配循环遍历（数组套数组）
tab标签利用循环遍历的方式实现这种效果每个标签都要匹配相对应的数据wxml:<view> <view wx:for="{{products}}" bindtap="www" wx:key="{{item.id}}" wx:for-item="item2"> <view > <scroll-view scroll-y> <view class="neirong" bindtap.
2020-07-12 17:07:55
753
原创 田园项目分类页面
<van-tabs active="{{ active }}" bind:change="onChange"> <van-tab title="标签 1">内容 1</van-tab> <van-tab title="标签 2">内容 2</van-tab> <van-tab title="标签 3">内容 3</van-tab> <van-tab title="标签 4">内容 4</van-tab></van-tabs>
2020-07-12 16:05:39
136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人