Mrs彬-优快云博客

原创 02 uniapp打包发布

一、先去安装jdk（安装好了jdk之后自带jre两者结合）目的：生成Android平台签名证书(.keystore)生成指南：https://ask.dcloud.net.cn/article/35777二、生产签名证书（免费，不需要审批）找到这个目录cmd打开命令框输入这段代码keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore test.keystoretestalias是

2022-05-27 00:10:42 534 1

原创 01、uniapp连接MUMU模拟器

一、创建一个uniapp项目进行测试（保证可以正常启动）二、下载MUMU模拟器并启动可以点击右下角屏幕旋转转成竖屏三、打开HbuiderX运行—》运行到手机或者模拟器—》Android模拟器端口设置四、运行—运行到手机或者是模拟器—》App真机运行(等待下载)五、再次点击运行—运行到手机或者是模拟器—点击运行六、连接成功，写了代码之后编辑器就是自动编译...

2022-05-26 22:25:36 3373

原创 06 vue中is属性的使用及jquery的使用

一、is属性可以解决固定搭配问题is.vue<template> <div> <h4>this is isComponents</h4>  <ul> <li is='vone'>111</li> </ul></div></template> <script> con

2021-05-29 17:16:18 202

原创 04 非父子组件传值

一、非父子组件传值要点：1、需要在全局vue的实例的原型上挂在一个新的vue实例2、挂载完之后，就可以让所有的组件通过原型上的vue实例实现一个连接的桥梁具体实现1、发送数据者使用原型上的vue实例的 $emit 自定义事件2.、接受数据者使用原型上的vue实例的 $on 监听main.js中：//单一事件管理挂载到全局Vue.prototype.Event=new Vue()三个组件 a.vue b.vue c.vue index.vueindex.vue是a、b、c的

2021-05-27 23:00:27 309

原创 03 子组件如何调用父组件的方法

1、子组件无法直接修改父组件的值2、需要子组件主动调用父组件的方法，让父组件自己去修改自己的值child.vue<template> <div class="child"> <h5>子组件</h5> <button @click="addn">调用父组件的方法修改父组件的值</button> </div></template><script>

2021-05-27 21:34:58 251

原创 02 子组件传值给父组件

一、要点1）子组件需要主动发送给父组件（通过$emit('自定义事件’，‘需要传递的值’)）2）父组件内的子组件标签监听子组件的事件子组件 child.vue<template> <div class="child"> <h5>子组件</h5> <p>{{msg}}</p> <button @click="send">发送给父组件</button>

2021-05-27 21:22:48 372

原创 05 slot 插槽

一、slot插槽介绍1、如果你想在标签组件内展示其他内容。这个时候你就需要使用插槽slot插槽特点：1、如果组件内没有内容就不会显示2、如果有内容，就直接展示在插槽slot的位置3、如果有什么内容，全部展示在slot...

2021-05-27 20:33:04 154

原创 01父传子

一、父传子1、父传子是单向数据流2、默认：父变，子变；子变，父不变，还要报错。 80%3、子组件定义了一个属性，接收了父组件传递过来的值，这时候，父变，子不变；子变，父不变，但是不报错。4、如果想要实现父变，子变;子变，父变，还不报错，那么就传递一个json数据过来。20%child.vue<template> <div class="child"> <h5>子组件</h5> 父组件的传过来的值： <in

2021-05-25 20:49:18 348

原创如何安装和vue-cli4.x

一、如果你已将安装了全局的vue-cli2.x你需要以下操作1、卸载vue-cli 2.xnpm uninstall vue-cli -g2、检查时候已经卸载vue -V 如果出现不是内部或外部命令证明卸载成功3、安装（创建vue3.x项目）打开终端： 1）安装webpack-cli （因为vue是基于webpack的） npm install webpack-cli -g 2）安装vue-cli4.x脚手架 npm install @vue/cli -g 3、检测vue是否

2021-05-22 17:16:49 387

原创 7.6、数组的常用方法reduce高级用法，find findIndex

1、简介:数组的迭代方法有很对，为什么要说reduce呢？人生哲理：通往成功的道路有很多，总有最好的捷径2、语法：arr.reduce（callback,[initValue]）数组中的每一项都执行给定回调函数，回调函数接受四个参数previousValue（初始值），currentValue（当前的值）,index(索引),array（数组本身）initValue作为第一次调用回调函数的初始值，如果没有initValue，会默认从数组索引为1的项开始执行回调函数最直接的用法：计算数组中所有sto

2021-05-20 20:05:59 237

原创 Ant Design-vue使用及内容子组件如何控制菜单切换

一、安装Ant Design-vuenpm install ant-design-vue --save二、引入mian.js引入//全局样式import 'ant-design-vue/dist/antd.css';//按需引入import {Layout, Menu} from 'ant-design-vue' Vue.use(Menu) Vue.use(Layout)也可以使用babel-plugin-import进行按需加载三、新建四个组件（一个父组件，三个子组件）cons

2021-04-29 20:40:45 2353

原创 better-scroll在vue中实现上拉刷新，下拉加载

一、打开vue项目启动，打开终端，先下载两个插件npm install better-scroll --savenpm install vant --save二、在mian.js中按需全局引入 vant 的Loadingimport Loading from 'vant/lib/Loading';import 'vant/lib/Loading/style';Vue.use(Loading)console.log('------------------------------')三、注册L

2021-04-27 19:56:44 150

原创 vue的computed计算属性和请求本地json文件

一、下载axiosnpm install axios --save二、在src内新建一个api文件夹并在api文件夹下新建一个专门用来请求的文件requestList.jsrequestList.jsimport request from "@/utils/request" //此文件是设置请求拦截和响应拦截（可以没有）import axios from "axios"const baseUrl= '/api'export default { getComputed(data){

2021-04-20 20:36:08 775

原创 vue 如何实现页面切换

一、确保计算机已经安装了nodejs环境1）window + r 输入cmd 打开终端2）在终端中输入命令：node -v 出现：v12.14.0 版本号（v+数字）证明已将安装成功二、首次安装vue-cli 时需要全局安装脚手架在终端中输入：npm install vue-cli -gvue init weabpak 项目名cd 项目名输入npm install启动：npm run dev三、在 APP.vue 组件内定义<template> <di

2021-04-18 14:07:39 6353 2

原创问题集合1:vue网络接口请求限制，不能正常显示图片字段值 403 forbidden 的解决方案

使用缓存方式将获取的请求图片的地址进行缓存，在图片地址前面加上‘ https://images.weserv.nl/?url= ’此方法用来解决缓存图片的地址getRealImage(url){ if (url !== undefined) { let u = url.substring(7); return 'https://images.weserv.nl/?url=' + u; }

2021-04-14 19:58:35 681

原创 7.5 对象的扩展

一、对象的简洁表示法 var a = 10; var obj = { a: a } //简介表示法 // 当变量一样时可以简写成一个 var a = 10; var obj = { a } console....

2021-04-09 18:54:21 77

原创 vue项目如何打包部署到后端

一、项目完善之后需要注意1）注意axios的请求代理前缀置为‘’ // 配置代理 proxyTable: { "/api":{ target:'http://localhost:3000', changeOrigin:true,//允许 pathRewrite:{ //重写把当前链接地址的api设置成 '' url地址上就不会出现http:/api/banner "^/ap

2021-04-04 23:47:30 4261

原创 gitee用户名或密码错误，如何进行二次登陆

一、打开计算机二、找到控制面板三、打开凭据管理器四、删除五、重新在来一遍第一次上传git仓库需要设置这两个后续不用一、Git 全局设置：git config --global user.name "用户名"git config --global user.email "邮箱"二、创建仓库（命令行创建，或者在个人主页手动创建）mkdir test //创建仓库名cd test // 进入仓库git init //初始化touch README.md //概述（可写可不写）gi

2021-04-04 21:06:01 3913 1

原创 10 react表单操作（未封装版）喜欢点赞加关注！谢谢

import React, { Component } from "react"import { log } from "util";export default class Form extends Component { constructor() { super() this.state = { user: {//要提交给后端的数据起名字后端叫什么我们也叫什么 username: '',

2021-03-31 22:16:17 131

原创 react数据操作

import React, { Component } from "react"export default class State extends Component { constructor() { super() this.state = { name: '张三', num: 10, json: { story: "呼号浩特", .

2021-03-30 20:26:43 266

原创 vue-Element的单选框一选全选问题

<template> <div class="login"> <template> <el-table prop='id' :data="tableData" style="width: 100%"> <el-table-column label="日期"

2021-03-25 08:54:21 2427

原创 react组件传参

一、函数组件传参父组件传给子组件父组件 {/* 和vue一样自定义属性传参，接受和vue一样通过props */} <One msg={msg}></One>子组件子组件（函数组件）function One(props){ // one组件所有的属性 return( <div>你好我是one组件{/* 函数组件的第一个参数就是组件的所有信息 */} <p>{props.msg}</p

2021-03-16 09:01:17 152

原创 javascript防抖和节流

函数防抖(debounce)：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。 btn.onclick = baounce(fn,500) //防抖代码 function debounce(fn,delay) { console.log(this); var timer = null//存储定时器 return function () {

2021-01-29 21:20:26 139

原创 vue路由传参

歌曲列表页面 <li v-for="(item,index) in songs" v-if="index<20" is="router-link" :to="'/playUrl/'+item.id" :key="index"> </li>路由配置 { path:'/playUrl/:id', component:pla

2021-01-25 20:41:22 214

原创自定义表单获取焦点指定（局部指令）

2021-01-25 20:39:18 323

原创 vue使用vant UI库

vue使用vant1)下载# Vue 2 项目，安装 Vant 2.x 版本：npm i vant -S# Vue 3 项目，安装 Vant 3.x 版本：npm i vant@next -S2)在vue中 main.js 引入// 引入vant库import Vant from “vant”;// 引入样式import “vant/lib/index.css”// 使用vantVue.use(Vant)...

2021-01-25 20:37:45 173

原创 vue组件传参

一、父传子父组件<template> <div class="parent"> <div class="parent1"> <h2>父子组件传值</h2> <p>这是父组件</p> <h1 v-for="(item,index) in parentMsg" :key="index">{{item.title}}&

2021-01-25 20:34:29 104

原创 09 react 事件相关

一、事件绑定1、如何绑定事件2、如何传参3、Event如何获取4、如何阻止默认事件5、如何阻止事件传播二、react 绑定事件的两种方式1）箭头函数2）bindexport default class Event extends Component { alert1(){ alert(1) } render () { return ( <div> {/* 如何绑定事件

2020-12-07 20:50:13 158 1

原创 react 经典面试题

React面试题一、react优缺点优点：速度快跨浏览器兼容一切皆组件单项数据流Jsx语法缺点：1）首次加载时间过长(所有单页面都有这个缺点)2）如果要开发一个大型的项目，只有react是无法实现的，需要借助react-router-dom、redux等插件实现二、React解决了什么问题组件化:全部都是组件化开发效率:组件化，基于webpack，ES6的模块化思想运行效率:虚拟DOM机制可维护性:flux | redux（像vuex 也是状态管理，可以快速定位代码的错误）可以

2020-12-07 20:44:42 185

原创 08 react中渲染数据

React条件渲染React条件渲染（主要是三元运算符）import React, { Component } from 'react'class Three extends Component{ render(){ // 还没有说到state所以暂时现在这里定义 var el1=<div>收藏</div> var el2=<div>取消收藏</div> var isTrue=tru

2020-12-07 20:42:59 141

原创 07 react中组件的定义方式

1、函数定义1）在src中新建一个js文件2）在js内引入react（作用：引入了react才能使用jsx语法）3）函数中 return的内容就是你要显示在页面上的内容组件的使用在index.Js入口文件中引入 App组件新建一个组件one.jsimport React from 'react'import WebsiteNav from './websiteNav'function One(props){ // one组件所有的属性 return( &l

2020-12-07 20:12:27 192

原创 06 react 脚手架目录结构说明

这里面的都可以不要，都可以删除Index.js和vue中的main.js一样是入口文件可以向我们之前写的一样写一个虚拟dom然后渲染.gitignore 上传git时忽略的文件这样控制一些文件不用上传gitHup但是本地依然是存在的，只是上传githup时不会上传Package.json 放的是所有的依赖包Package-lock.json是自动生成的不用管Npm run startNpm run buildNpm run testNpm run eject我们使用的是npm .

2020-12-06 17:51:29 174

原创 05 react脚手架一次学会

一。配置环境：1）安装Nodejs （注意配置环境变量）2）window+r 打开命令窗口输入node -v3）接着输入 npm -v二、使用npm 可以正常下载react脚手架但是会很慢解决方法如下原下载地址：npm config set registry http://registry.npmjs.org设置国内淘宝径向一、安装淘宝镜像就可以使用 cnpmwindow+r 输入npm install -g cnpm --registry=https://registry.

2020-12-06 16:58:49 153

原创 04 react中jsx语法展示数据

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-equiv='X-UA-Compatible' content='ie=edge'> <title>Do

2020-12-06 16:40:32 181

原创 03 react体验jsx语法

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-equiv='X-UA-Compatible' content='ie=edge'> <title>Do

2020-12-06 16:35:39 152 1

原创 02 react初次体验-小试牛刀

一、新建一个html文件二、引入react.js和react-dom.js<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><meta name='viewport' content='width=device-width, initial-scale=1.0'><meta http-equiv='X-UA-Compatible' content='ie=edg

2020-12-06 16:29:51 105 1

原创 01 react简介

React简单介绍1）React是用于构建用户界面的javascript库2）react不是mvc模式，它最多只能算是一个View（mvc中的v）3）react是faceBook开发的4）react引入了虚拟dom机制5）react使用了jsx语法6）react引入了组件化的思想React解决了什么问题？组件化:全部都是组件化开发效率:组件化，基于webpack，ES6的模块化思想运行效率:虚拟DOM机制可维护性:flux | redux（像vuex 也是状态管理，可以快速定位代码的错

2020-12-06 16:20:02 304

原创 touchjs轮播图

Document <script src="js/touch.js"></script><script> // 最外层的盒子 var wrap = doc...

2020-10-22 11:52:52 172

原创移动端轮播图

Document <script> window.onload = function () { var wrap = document.querySelector('.wr...

2020-10-22 11:50:48 225

原创数组合并并排序

一、applyvar a=[5,2,4,1]var b=[8,2,4,1]function fun(a,b){a.push.apply(a,b)// console.log(a)// 外循环控制轮数for(var i=0;i<a.length-1;i++){// 内循环控制交换的次数for(var j=0;j<a.length-i-1;j++){// 如果后一项比前一项小就换位置if(a[j]>a[j+1]){var temp=a[j+1]a[j+1]=a

2020-08-17 20:24:12 720

空空如也

空空如也