- 博客(46)
- 资源 (5)
- 收藏
- 关注
原创 Git的安装与使用----第二章
Git常用命令在git中命令有很多,一下列举常用的几个命令 命令名称 作用 git config --global user.name 用户名 设置用户签名 git config --global user.email 邮箱 设置用户签名 git init 初始化本地库 git status 查看本地库状态 git add 文件名 添加到暂存区 git commit m " 日志信息 " 文件名
2022-04-21 16:32:46
148
原创 Git的安装与使用----第一章
Git介绍GIT,全称是分布式版本控制系统,git通常在编程中会用到,并且git支持分布式部署,可以有效、高速的处理从很小到非常大的项目版本管理。分布式相比于集中式的最大区别在于开发者可以提交到本地,每个开发者通过克隆(git clone),在本地机器上拷贝一个完整的Git仓库...
2022-04-21 15:20:32
125
原创 SVN客户端的安装与使用----第二章
1.图标集1.常规图标含义::当客户端文件与服务端文件完全同步时,系统显示的图标2.冲突图标含义:当客户端提交的文件与服务器端有冲突,系统显示的图标3.删除图标含义:当与服务器端数据已删除,客户端系统显示的图标4.增加图标含义:当我们编写文件已添加到队列,系统显示的图标5.无版本控制图标含义:当前文件没有添加这个,系统显示的图标6.修改图标 含义:当前对文件有改动,系统显示的图标7.只读图标含义:当服务端数据以只读形式存在,系统显示的图标8.锁定图标含义:当服务端数据...
2022-04-20 15:07:33
498
原创 SVN客户端的安装与使用----第一章
svn概述1.什么是svnSVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS、CVS,它采用了分支管理系统,它的设计目标就是取代CVS。互联网上很多版本控制服务已从CVS迁移到Subversion。说得简单一点SVN就是用于多个人共同开发同一个项目,共用资源的目的。SVN服务器有2种运行方式:独立服务器和借助apache运行。两种方式各有利弊,用户可以自行选择。SVN存储版本数据也有2种方式:BDB(一种事务安全型表类型)和FSFS(一种不需要数据库的存储系统)
2022-04-20 10:39:15
2288
原创 在vue中使用count-to(数字滚动计时)插件
效果图(注意:里面的图标是elementui中的,如果你没有下elementui需要下载,不然会报错。如果不用elementui可以直接把图标删除就可以了)插件参数Property Description type default startVal 开始值 Number 0 endVal 结束值 Number 2017 duration 持续时间,以毫秒为单位 Number 3000 autoplay .
2022-04-18 15:40:00
2837
转载 vue中的全屏半屏模式展示
<template> <div class="fullscreen" @click="screen"> <span>{{ fullscreen ? "半屏" : "全屏" }}</span> </div></template><script>export default { data() { return { fullscreen: false, }; }, .
2022-04-18 15:31:04
501
原创 vue3入门起步
在vue3中需要什么就引入什么:import { } from "vue";(注意:在vue3中只有响应式数据才能在页面中特别渲染变化)setup函数简介:setup函数是vue3专门为组件提供的新属性执行:创建组件实例,初始化props,然后就调用setup,在生命周期beforeCareat钩子之前调用reactive函数reactive函数接收一个普通对象,返回一个响应式对象模板语法----循环语句<template> <div class="m
2022-04-14 16:02:06
1313
原创 vue中面包屑的实现方法
什么是面包屑就是能让用户知道在网站或应用中所处的位置并能方便地回到原先的地点一般会以(首页 / 我的页 / 内容展示)样子展现$route.matched$route.matched里面是一个数组,来记录路由的数据和变化详细例子页面组件中<template> <div class="Breadcrumb"> <div class="list" v-for="(item, index) in list" :key="index">
2022-04-13 15:39:57
1264
原创 如何使用nodejs写一个简单接口
1.安装node.js 查看版本 node -v2.安装cnpm安装命令 :npm install -g cnpm --registry=https://registry.npm.taobao.org查看命令 :cnpm -v3.新建一个express-run.js 固定写法var express = require("express"); //导入express (下载)var app = express();var bodyParser = require("body-pa.
2022-03-16 15:53:26
3038
原创 web本地存储的使用和在vue中的封装(localStorage,sessionStorage )
目录什么是本地存储?localStorage和sessionStorage的区别localStorage和sessionStorage的使用方法(使用方法是一样的)开始封装本地存储(以sessionStorage为例)什么是本地存储?1.通过本地存储(Local Storage),web 应用程序能够在用户浏览器中对数据进行本地的存储。2.在 HTML5 之前,应用程序数据只能存储在 cookie 中,包括每个服务器请求。本地存储则更安全,并且可在不影响网站性能的前提下将大量数据
2022-03-16 10:34:34
1294
原创 在vue中使用wow动画插件(下载,配置,使用,参数)
1.首先下载wow插件下载命令:npm install wowjs --save-dev2.在项目中的main.js中进行配置import 'wowjs/css/libs/animate.css'import wow from 'wowjs'Vue.prototype.$wow = wow3.使用方法1.在需要使用的页面中的mounted函数加入代码 mounted() { this.getList(); this.$nextTick(() => {
2022-02-18 17:24:41
3332
原创 vue中模块的导入与导出
导入模块:import导出模块:export1.第一种方法(一个一个的导入导出)新建一个index.js,在index.js 中导出//一个一个的单个导出export var arr = ['a', 'b', 'c', 'd'] //导出数组export var stringName = 'I is xuqian' //导出字符串export var obj = { name: 'xq', age: '18', id: 1 } //导出对象export functio..
2022-02-17 15:35:59
3260
原创 uniapp中文本框只能为输入数字和输入值的大小范围
<template> <view> <input type="text" placeholder="请输入款号" placeholder-style='color:#808080' v-model="cargoNo" @input='inputClick'> </view></template><script> export default { data() { return { cargoNo: .
2022-01-24 10:59:57
8554
原创 uniapp动态获取dom高度信息和小程序右上角胶囊(悬浮球)信息
<template> <view class="main"> <view class="hander"> </view> </view></template><script> export default { data() { return { } }, created() { //获取页面所有信息 uni.getSystemInfo({ success:.
2021-12-29 17:31:04
1644
原创 uniapp中使用定位导航和拨打电话
uni.getLocation(OBJECT)获取当前的地理位置、速度。OBJECT 参数说明参数名 类型 必填 说明 平台差异说明 type String 否 默认为 wgs84 返回 gps 坐标,gcj02 返回国测局坐标,可用于uni.openLocation和 map 组件坐标,App 和 H5 需配置定位 SDK 信息才可支持 gcj02。 altitude Boolean 否 传入 true 会返回高度..
2021-12-15 14:38:30
1339
原创 uniapp中如何获取当前位置并计算出某个地点距离
uni.getLocation(OBJECT)获取当前的地理位置、速度。1.首先在uniapp中的manifest.json配置文件开启获取位置权限来获取当前位置2.代码块部分
2021-12-10 11:26:00
4855
1
原创 uniapp(vue)中动态添加绑定style + class
一、style样式动态设置1.普通对象动态添加(比较常见)<view :style="{color:fontColor}"> </view><view :style="{ paddingTop: num + 'px' }"></view><view :style="{backgroundImage: 'url(' + imageURL + ')','background-repeat':'no-repeat', b.
2021-11-22 11:58:24
6014
1
原创 uniapp中滚动到一定高度时菜单导航吸顶(导航栏滚动到顶部后固定)
onPageScroll(监听滚动、滚动监听、滚动事件)参数说明:属性 类型 说明 scrollTop Number 页面在垂直方向已滚动的距离(单位px) 代码块部分<template> <view class="main"> <view class="hand" ref='handHeight'> <!-- 内容块 --> </view> <view class="nav"..
2021-11-12 16:29:42
4276
2
原创 uniapp中(swiper)和(scroll-view)+(uni-popup)合并使用
效果图代码块<template> <view class="hand"> <scroll-view class="scroll-view" scroll-x="true"> <view class="scollInfo"> <view class="dataList" v-for="(item,index) in scolList" :key='item.characterId'> <image..
2021-11-11 17:49:22
1323
原创 uniapp中文本内容超出规定行数后展开收起的处理
效果图:话不多说直接上代码<template> <view class="intro"> <view class="introText"> <span v-if="introduce" ref="text" @click="clickTotal"> {{introduce}} </span> <span v-if='exchangeButton' @click="clickTotal"&g..
2021-11-10 17:33:28
4907
2
原创 uniapp文本框,地区选择器,性别选择,实例
原代码块(html,css,js)注意:(后续要有用city.vue和data.js)在下面<template> <view class="conten"> <view class="hand"> <view class="list"> <span>姓名:</span> <input type="text" placeholder='请输入姓名' v-model="cityForm.nam..
2021-11-04 16:31:53
5756
7
原创 uniapp中的单选实例( radio)
radio-groupsd单项选择器,内部由多个<radio>组成。通过把多个radio包裹在一个radio-group下,实现这些radio的单选。属性说明属性名 类型 默认值 说明 @change EventHandle <radio-group>中的选中项发生变化时触发 change 事件,event.detail = {value: 选中项radio的value} radio单选项目。属性说明属......
2021-11-04 15:34:19
9537
3
原创 uniapp中的购物车全选多选实例( checkbox )
checkbox-group多项选择器,内部由多个 checkbox 组成。属性说明属性名 类型 默认值 说明 @change EventHandle <checkbox-group>中选中项发生改变是触发 change 事件,detail = {value:[选中的checkbox的value的数组]} checkbox多选项目。属性说属性名 类型 默认值 说明 value String
2021-11-04 15:22:43
4239
1
原创 uniapp中三种tab切换实战案例
<template> <view class="content"> <view class="hand"> <view class="nav"> <text v-for="(item,index) in dataList" :key='index' :class="index == n?'on':''" @click="n=index">{{item.commodity_title}}</text> .
2021-11-03 14:27:07
1429
原创 uniapp中导航栏的配置
tabBar如果应用是一个多 tab 应用,可以通过 tabBar 配置项指定一级导航栏,以及 tab 切换时显示的对应页。在 pages.json 中提供 tabBar 配置,不仅仅是为了方便快速开发导航,更重要的是在App和小程序端提升性能。在这两个平台,底层原生引擎在启动时无需等待js引擎初始化,即可直接读取 pages.json 中配置的 tabBar 信息,渲染原生tab。在pages.json文件中{ "pages": [ //pages数组中第一项表示应用启动页,参考:ht
2021-11-03 11:29:34
2663
原创 flex弹性布局简单布局例子
效果图<template> <view class="content"> <view class="dataInfo"> <view class="dataList" v-for="(item,index) in list" :key='index'> <image :src="item.url" mode="heightFix"></image> <text>{{item.title.
2021-11-03 11:05:16
262
原创 uniapp跳转,传值,弹框显示,picker选择器
在首页中传list数组对象 JSON.stringify(object); 转String<script> export default { data() { return { list:[{name:'张三',id:1},{name:'李四',id:2},{name:'zyy',id:3}] } }, }</script>uni.navigateTo({ //跳转页面把item传过去 url: `/pages/details/....
2021-10-19 16:53:19
2426
原创 uniapp轮播图(swiper)
属性名 类型 默认值 说明 平台差异说明 indicator-dots Boolean false 是否显示面板指示点 indicator-color Color rgba(0, 0, 0, .3) 指示点颜色 indicator-active-color Color #000000 当前选中的指示点颜色 active-class String swiper-item 可
2021-10-19 15:56:03
6921
原创 uniapp横向滚动(scroll-view)
属性名 类型 默认值 说明 平台差异说明 scroll-x Boolean false 允许横向滚动 scroll-y Boolean false 允许纵向滚动 upper-threshold Number 50 距顶部/左边多远时(单位px),触发 scrolltoupper 事件 lower-threshold Number 50 距底部/右边多远时(单位px),触发
2021-10-19 15:41:26
9976
1
原创 JavaScript数组常用方法
Array.concat() //把两个数组合并成一个数组var arr = new Array();var arr1 = [1,2,3,4];var arr2 = [5,6,7,8];arr = arr1.concat(arr2)console.log(arr) //[1,2,3,4,5,6,7,8]Array.splice() //(下标, 删除的个数,元素)var arr = [1,2,3,4,5];arr.splice(1,2)//[2,3]被删的值console.lo.
2021-09-27 12:09:17
118
原创 Vue+element-Ui登录界面
效果图片html部分 <div class="login"> <div class="login_contetn"> <div class="login_title"> <h1>Login登录管理系统</h1> </div> <div class="login_input"> <el-input .
2021-08-09 11:26:23
3684
1
原创 Vue中怎么用$ref来操作dom
ref前言ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向该子组件实例this.$refs前言this.$refs是一个对象,持有当前组件中注册过 ref特性的所有 DOM 元素和子组件实例具体的写法Html部分:我们在html中写一个h1标签上面添加上ref=‘‘name’,在写一个点击事件,用来改变h1<template> <d
2021-08-06 10:02:14
1985
原创 vue实例:监听购物车数量变化、金额变化、物品模糊查询、计算属性的应用和分页功能的实现----纯手写
Html部分<template> <div class="main"> <div class="form-group"> <label>商品名称</label> <input type="text" placeholder="请输入查询内容" v-model="inputs" /> </div> <div class="table">
2021-08-05 11:21:53
1326
原创 Uniapp中分页触底加载的实现方式
JavaScript部分<script> import { indexBaseSstaffinfoList } from '@/utils/api.js' //调用api请求接口 export default { data() { return { nurseList:null, //数据 total: null, //总条数 data: { pageNum: 1, //页数
2021-08-05 10:16:48
6053
4
elementui-app信贷管理项目
2022-05-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人