little little little-CSDN博客

原创 VUE的项目中怎样修改浏览器窗口的 LOGO

vue项目如何修改上图浏览器的标题栏的图标在public目录中的index.html添加如下代码 <link rel="icon" href="<%= BASE_URL %>logo.svg"> 注意logo.svg是图片。图片位置在public目录下

2022-05-30 23:57:24 1271

原创用纯css实现三角形

<template> <view> <view> 用纯css实现三角形 <view class="box"></view> </view> </view> </template> <script> export default { data() { return { } }, methods: { } } </scrip

2022-05-24 12:50:08 285

原创使用flex实现元素水平垂直居中

<template> <view> <view class="father"> <view class="son"></view> </view> </view> </template> <script> export default { data() { return { } }, methods: { } } </scri

2022-05-24 12:35:15 1011

//去掉数组中的重复数据 removeRepeat(){ //1.创建一个新数组，把原数组第一个元素插入新数组 //2.遍历原数组中每个元素分别和新数组中每个元素比较 var oldArr = [1,2,4,1,2,6,3,6,55,33,99,55,6]; var newArr = []; newArr[0] = oldArr[0]; //遍历原数组 for(var i = 0; i<oldArr.length; i++){ //新数组 for(var j = 0;...

2022-05-16 20:17:02 1205

原创冒泡排序和反转数组

bubbling(){ //冒泡排序，将数组【5 4 3 2 1】由小到大排序 var arr =[5,4,3,2,1]; //比较的轮数 for(var i=0; i<arr.length-1; i++){ //每轮比较次数 for(var j=0; j<arr.length-1-i; j++){ //判断前一个数比后一个数大 if(arr[j]>arr[j+1]){ var temp = arr[j]; arr[j]=arr[j+1];

2022-05-16 19:28:50 140

原创封装函数将字符串进行驼峰命名法

2022-05-16 19:03:05 222

原创 uniapp，组件间传值

父组件向子组件传值在父组件添加要传数据，子组件通过props接收数据父组件代码： <template> <view> <test :number="number"></test> </view> </template> <script> import test from '@/components/test.vue' export default { data() { return { n

2022-04-16 17:56:53 3676

原创 uniapp中组件生命周期

组件支持的生命周期，与vue标准组件的生命周期相同。这里没有页面级的onLoad等生命周期父组件代码 <template> <view> 接收上一个页面的参数id{{id}}和age{{age}} <test v-if="flag"></test> <button type="primary" @click="change">test组件切换</button> </view> </template&g

2022-04-16 16:42:29 2995

原创 uniapp，上一个页面向下一个页面传参

上一个页面跳转到下一个页面需要携带参数时，可以在跳转路径后+？+参数名+ = +参数值，如有多个参数用&连接如从index页面跳转到详情页需要传id 和age两个参数 detail/detail?id=80&age=20 当前页面代码如下 <navigator url="../detail/detail?id=80&age=20">跳转下一页面，并传参id和age</navigator> 下一个页面在onLoad生命周期options接收参数下一页面代码

2022-04-16 16:06:11 837

原创 uniapp,图片上传和图片预览

效果如图直接看代码 <template> <view> <button type="primary" @click="chooseImage">上传图片</button> <view class="imgBox" v-for="(item,index) in imgArr" :key="index"> <image :src="item" @click="previewImage(index)"></imag

2022-04-16 15:16:54 609

原创 uniapp数据存储在本地，获取和移除。

uniapp数据存储在本地，获取和移除，两种方法，异步和同步，推荐使用同步 html代码 <template> <view> <button type="default" @click="setStorage">数据缓存到本地</button> <button type="primary" @click="getStorage">获取数据</button> <button type="warn" @click="re

2022-04-16 12:07:23 15383

原创 uniapp修改H5页面浏览器标签栏小图标

uniapp如何修改上图浏览器的标题栏的图标。找到根目录的index.html文件，然后在head标签离添加以下两行代码 <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />//必须的，要不然不生效 <link rel="icon" href="./static/logo1.png"/>//图标的路径效果图如下： .

2022-04-15 11:48:31 3817 2

原创 uniapp编译为微信小程序报错‘forceUpdate’ of undefined

微信小程序报错：Cannot read property ‘forceUpdate’ of undefined 报错截图报错原因:没有配置小程序appId。解决方法：在manifest.json文件中的微信小程序配置添加微信小程序AppID

2022-04-15 09:32:33 859

原创 git代码拉取，推送

git代码拉取，推送克隆代码 git clone git@gitee.com:*/.git（项目地址） 1）更新本地add git add . 2）备注信息 git commit -m ‘备注内容’ 3）拉取代码 git pull origin develop （注意，如果出现合并窗口，同时按下shift+：，输入wq，然后回车） (文件冲突输入命令: git status) 4）推送代码 git push origin develop pc端代码编译 npm run build 查看电脑IP命令 ipc

2022-04-14 11:06:16 445

原创 Git下载项目并运行

GitHub下载项目并运行打开你想要存储的该项目的位置（如E:\Project），鼠标右键，点击Git Bash Hear，弹出Git命令窗口，输入 git clone 你复制的项目地址，然后回车下载下来的项目，需要进入这个项目文件夹，然后右键->Git Bash Here，安装依赖环境 :npm install ...

2022-04-14 11:01:15 2373 1

原创前端开发环境搭建

前端开发环境搭建 1）下载安装node 安装地址流程 https://www.runoob.com/nodejs/nodejs-install-setup.html node安装模式选择默认的环境搭建链接 https://www.csdn.net/gather_2b/OtTaMgzsNzA1LWJsb2cO0O0O.html（vue.js安装步骤使用Node.js安装）这链接安装cnpm命令有误，正确的是npm install -g cnpm --registry=https://registry.np

2022-04-14 10:59:04 1389

原创 uniapp页面生命周期

uni-app 支持 onLoad、onShow、onReady 等生命周期函数 onInit 监听页面初始化，其参数同 onLoad 参数，触发时机早于 onLoad onLoad 监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参） //在起始页面跳转到test.vue页面并传递参数 uni.navigateTo({ url: 'test?id=1&name=uniapp' }); // 在test.vue页面接受参数 export default { onL

2022-04-14 10:55:45 2978 1

原创 uniapp,应用生命周期

uniapp,应用生命周期 uni-app 支持 onLaunch、onShow、onHide 等应用生命周期函数 onLaunch 初始化完成时触发（全局只触发一次）在onlaunch生命周期内进行页面的跳转，需要注意：可能会和pages.json内配置的第一个页面跳转时机冲突。造成的错误是手机端页面白屏，控制台报错： 11:47:40.766 Mon May 20 2019 11:47:45 GMT+0800 (CST) Page route 错误(system error) 11:47:40.

2022-04-14 10:46:16 931

原创 uniapp，pages.json文件中tabBar

uniapp，pages.json文件中tabBar 在 pages.json 中提供 tabBar 配置,和pages，globalStyle同级 tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序当设置 position 为 top 时，将不会显示 icon "tabBar": { "color": "#999999",//tab 上的文字默认颜色 "selectedColor": "#9846FF",//tab 上的文字选中时的颜色 "

2022-04-14 10:26:47 2871 1

原创 uniapp项目引入element

uniapp项目引入element 命令 npm i element-ui -S main.js添加 import Vue from ‘vue’ import App from ‘./App’ // 使用element import ElementUI from ‘element-ui’ import ‘element-ui/lib/theme-chalk/index.css’; Vue.config.productionTip = false App.mpType = ‘app’ // 使用element

2022-04-13 14:05:24 1752 5

abcdebb的博客