您当前的位置：首页 > 电脑百科 > 程序开发 > 编程百科

一文带你使用Vue完成移动端(apk)项目

时间：2021-06-16 16:37:20 来源：CSDN 作者：Web高级前端

+ 加入收藏

我们项目使用的是Vue和Vant组件，详情都可以看官网哦

Vant

Vue

目录结构：

基本配置

入口文件main.js

首先做一个引入

我们的Vant UI组件是按需引入，而Element UI是全部引入

所以引用方式也不同

main.js完整代码

// 引入Vue

import Vue from 'vue'

// 引入根组件App.vue

import App from './App.vue'

// 引入router路由

import router from './router'

import store from './store'

// 引入axIOS

import axios from 'axios'

// 引入ElementUI

import ElementUI from 'element-ui'

// 引入ElementUI css

import 'element-ui/lib/theme-chalk/index.css'

// 引入Vant配置js

import 'amfe-flexible/index.js'

// 这里引入需要的Vant组件

import {

Rate, Popup, Form, Field, GoodsActionButton, GoodsActionIcon, GoodsAction, Sidebar,

SidebarItem, Image as VanImage, Skeleton, SwipeCell, Col, Row,

CountDown, Lazyload, SwipeItem, Swipe, Sku, AddressList, Area,

AddressEdit, NavBar, SubmitBar, CheckboxGroup, Checkbox, Card,

Image, GridItem, Grid, Cell, Switch, Button, Search, Tab, Tabs,

Tabbar, TabbarItem, Icon, DropdownMenu, DropdownItem, Toast, CellGroup,

Overlay, PasswordInput, NumberKeyboard, Loading, ShareSheet, Dialog, ImagePreview, Uploader

} from 'vant'

// 引入vuex

Vue.config.productionTip = false

// 这里引用Vant组件

Vue.use(Search)

.use(Rate)

.use(Popup)

.use(ImagePreview)

.use(Uploader)

.use(Dialog)

.use(ShareSheet)

.use(Loading)

.use(Overlay)

.use(PasswordInput)

.use(NumberKeyboard)

.use(Form)

.use(CellGroup)

.use(Toast)

.use(Field)

.use(GoodsActionButton)

.use(GoodsActionIcon)

.use(GoodsAction)

.use(Sidebar)

.use(SidebarItem)

.use(VanImage)

.use(Skeleton)

.use(SwipeCell)

.use(Col)

.use(Row)

.use(CountDown)

.use(Lazyload)

.use(SwipeItem)

.use(Swipe)

.use(Sku)

.use(AddressList)

.use(Area)

.use(AddressEdit)

.use(NavBar)

.use(SubmitBar)

.use(CheckboxGroup)

.use(Checkbox)

.use(Card)

.use(Image)

.use(GridItem)

.use(Cell)

.use(Grid)

.use(Switch)

.use(Button)

.use(DropdownItem)

.use(DropdownMenu)

.use(Icon)

.use(Tab)

.use(Tabs)

.use(Tabbar)

.use(TabbarItem)

// 全局引用ElementUI组件

Vue.use(ElementUI)

// 设置axios挂载点

Vue.prototype.$http = axios

// 配置axios的基准地址

axios.defaults.baseURL = 'http://127.0.0.1:3000/api'

// 设置开发模式和非开发模式引用后台地址

axios.defaults.baseURL = process.env.NODE_ENV === 'development' ? 'http://127.0.0.1:3000/api' : '/api'

new Vue({

store,

router,

render: h => h(App)

}).$mount('#app')

App.vue

tabbar设置，我们引用的Vant组件中tabbar组件

van-tabbar官网属性介绍看这即可

我们定义了一个数组Showlist，这是我们设置是否现在tabbar，如果name名和数组的内容可以匹配到就显示，否则不显示，watch就是来监听的

完整代码

<template>

<div id="app">

<router-view />

<div class="after"></div>

<van-tabbar

v-model="active"

fixed

border

active-color="#bb54f6"

route

v-show="isShowNav"

>

<van-tabbar-item class="iconfont icon-rhome-fill" to="/home">

首页

</van-tabbar-item>

<van-tabbar-item

class="iconfont icon-leimupinleifenleileibie2"

to="/category"

>

分类

</van-tabbar-item>

<van-tabbar-item class="iconfont icon-u138" to="/find">

发现

</van-tabbar-item>

<van-tabbar-item class="iconfont icon-qicheqianlian-" to="/shopping">

购物车

</van-tabbar-item>

<van-tabbar-item class="iconfont icon-wodedangxuan" to="/myuser">

我的

</van-tabbar-item>

</van-tabbar>

</div>

</template>

<script>

export default {

data () {

return {

active: 0,

isShowNav: true,

Showlist: ['Home', 'Shoping', 'Find', 'Category', 'MyUser']

}

},

watch: {

$route (to, from) {

if (this.Showlist.includes(to.name)) {

this.isShowNav = true

} else if (to.name === '') {

this.isShowNav = false

} else {

this.isShowNav = false

}

}

}

}

</script>

<style>

#app {

width: 100%;

height: 100%;

font-family: Avenir, Helvetica, Arial, sans-serif;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

text-align: center;

color: #2c3e50;

}

html,

body {

width: 100%;

height: 100%;

}

</style>

首页

头部搜索栏

主体

使用的是Vant组件的search组件

官网介绍

这一块都是对应的下面每个模块内容都是嵌套在里面的

tab

优选模块

轮播图

我们在data中定义了轮播图所需要的图片变量images 我们在这循环输出即可

轮播图的图片我是写死的，有需要可以自己去获取一下哦

十宫格

秒杀

获取一天的倒计时

然后在created函数中调用

商品

请求接口获取所有商品信息（也需要在created函数中调用哦）

其他模块都是类似的

完整代码：

<template>

<div class="home">

<div class="header">

<van-search

v-model="value"

show-action

shape="round"

background="#890bf2"

placeholder="请输入搜索关键词"

@search="search"

>

<template #action>

<i

class="iconfont icon-xiaoxi"

style="font-size: 30px; color: white"

></i>

</template>

</van-search>

<van-tabs

v-model="actives"

background="#890bf2"

title-inactive-color="white"

title-active-color="white"

color="#fff"

>

<van-tab title="优选" :width="500">



<van-swipe :autoplay="3000" class="my-swipe1">

<van-swipe-item v-for="(image, index) in images" :key="index">

<img v-lazy="image" />

</van-swipe-item>

</van-swipe>



<van-grid :column-num="5">

<van-grid-item v-for="value in gird" :key="value.id">

<div @click="xxx(value.name)">

<i :class="value.icon" style="font-size: 35px; color: red"> </i>

</div>

<b style="font-size: 16px">{{ value.name }}</b>

</van-grid-item>

</van-grid>



<div class="supply">

<div class="seckill">

<van-count-down :time="time" style="font-size: 14px; color: red">

<template #default="timeData">

<span>距离秒杀结束时间：</span>

<span class="block">{{ timeData.hours }}</span>

<span class="colon">:</span>

<span class="block">{{ timeData.minutes }}</span>

<span class="colon">:</span>

<span class="block">{{ timeData.seconds }}</span>

</template>

</van-count-down>

</div>

<div class="shop">

<ul>

<li

v-for="item in supplyShop"

:key="item.id"

@click="detailshop(item.id)"

>

<img :src="item.shop_img" alt="" />

</li>

</ul>

</div>

</div>



<div class="otherShop">

<ul>

<li

v-for="item in otherShop"

:key="item.id"

@click="detailshop(item.id)"

>

<a href="JAVAScript:;"><img :src="item.shop_img" alt="" /></a>

<a href="JavaScript:;" style="color: #000"

><p>

{{ item.shop_title }}

</p></a

>

</li>

</ul>

</div>

</van-tab>

<van-tab title="手机">

<van-grid :column-num="4">

<van-grid-item

v-for="value in phoneimg"

:key="value.id"

icon="photo-o"

text="文字"

>

<img :src="value.src" alt="" style="width: 50px; height: 30px" />

<span style="font-size: 12px">{{ value.title }}</span>

</van-grid-item>

</van-grid>

<div class="otherPhone">

<ul>

<li

v-for="item in otherPhone"

:key="item.id"

@click="detailshop(item.id)"

>

<img :src="item.shop_img" alt="" />

<p>

{{ item.shop_title }}

</p>

</li>

</ul>

</div>

</van-tab>

<van-tab title="运动">

<van-grid :column-num="5">

<van-grid-item

v-for="value in motionimg"

:key="value.id"

icon="photo-o"

text="文字"

>

<img :src="value.src" alt="" style="width: 50px; height: 30px" />

<span style="font-size: 12px">{{ value.title }}</span>

</van-grid-item>

</van-grid>

<div class="othermotion">

<ul>

<li

v-for="item in othermotion"

:key="item.id"

@click="detailshop(item.id)"

>

<img :src="item.shop_img" alt="" />

<p>

{{ item.shop_title }}

</p>

</li>

</ul>

</div>

</van-tab>

<van-tab title="美妆">

<van-grid :column-num="5">

<van-grid-item

v-for="value in Makeupimg"

:key="value.id"

icon="photo-o"

text="文字"

>

<img :src="value.src" alt="" style="width: 50px; height: 30px" />

<span style="font-size: 12px">{{ value.title }}</span>

</van-grid-item>

</van-grid>

<div class="otherMakeup">

<ul>

<li

@click="detailshop(item.id)"

v-for="item in otherMakeup"

:key="item.id"

>

<img :src="item.shop_img" alt="" />

<p>

{{ item.shop_title }}

</p>

</li>

</ul>

</div>

</van-tab>

<van-tab title="男鞋">

<van-grid :column-num="5">

<van-grid-item

v-for="value in Menshopimg"

:key="value.id"

icon="photo-o"

text="文字"

>

<img :src="value.src" alt="" style="width: 50px; height: 30px" />

<span style="font-size: 12px">{{ value.title }}</span>

</van-grid-item>

</van-grid>

<div class="otherMenshop">

<ul>

<li

@click="detailshop(item.id)"

v-for="item in otherMenshop"

:key="item.id"

>

<img :src="item.shop_img" alt="" />

<p>

{{ item.shop_title }}

</p>

</li>

</ul>

</div>

</van-tab>

<van-tab title="女鞋">

<van-grid :column-num="5">

<van-grid-item

v-for="value in WoMenshopimg"

:key="value.id"

icon="photo-o"

text="文字"

>

<img :src="value.src" alt="" style="width: 50px; height: 30px" />

<span style="font-size: 12px">{{ value.title }}</span>

</van-grid-item>

</van-grid>

<div class="otherWoMenshop">

<ul>

<li

v-for="item in otherWoMenshop"

:key="item.id"

@click="detailshop(item.id)"

>

<img :src="item.shop_img" alt="" />

<p>

{{ item.shop_title }}

</p>

</li>

</ul>

</div>

</van-tab>

<van-tab title="家具家居">

<van-grid :column-num="5">

<van-grid-item

v-for="value in FurnishingImg"

:key="value.id"

icon="photo-o"

text="文字"

>

<img :src="value.src" alt="" style="width: 50px; height: 30px" />

<span style="font-size: 12px">{{ value.title }}</span>

</van-grid-item>

</van-grid>

<div class="otherFurnishing">

<ul>

<li

v-for="item in otherFurnishing"

:key="item.id"

@click="detailshop(item.id)"

>

<img :src="item.shop_img" alt="" />

<p>

{{ item.shop_title }}

</p>

</li>

</ul>

</div>

</van-tab>

</van-tabs>

</div>

</div>

</template>

<script>

export default {

data () {

return {

value: '',

actives: 0,

time: '',

// 轮播图图片

images: [

'http://m.360buyimg.com/mobilecms/s700x280_jfs/t1/165251/27/8980/194778/60409b0aE6d2ff3df/ca0c808809dbbfa8.jpg!q70.jpg.dpg',

'http://imgcps.jd.com/ling4/10027168852797/54mb5LuU6KOk5Zyw5pa554m56Imy/6ZKc5oOg55av5oqi/p-5c17126882acdd181dd53cf1/018cd345/cr_1125x445_0_171/s1125x690/q70.jpg',

'http://m.360buyimg.com/mobilecms/s700x280_jfs/t1/163716/23/16055/97374/6066f2cfEe720735f/3f4d05450bc1f7fc.jpg!q70.jpg.dpg'

],

// 宫格

gird: [

{ id: 1, icon: 'iconfont icon-shouji', name: '手机' },

{ id: 2, icon: 'iconfont icon-bingxiang', name: '冰箱' },

{ id: 3, icon: 'iconfont icon-xiyiji', name: '洗衣机' },

{ id: 4, icon: 'iconfont icon-dianshi', name: '电视' },

{ id: 5, icon: 'iconfont icon-youyanjiB', name: '油烟机' },

{ id: 6, icon: 'iconfont icon-reshuiqi', name: '热水器' },

{ id: 7, icon: 'iconfont icon-jiaju', name: '家居' },

{ id: 8, icon: 'iconfont icon-dianfanbao', name: '电饭煲' },

{ id: 9, icon: 'iconfont icon-deng', name: '台灯' },

{ id: 10, icon: 'iconfont
icon-chufangyongpin-ranqizao', name: '燃气灶' }

],

// 秒杀商品

supplyShop: [],

// 其他商品

otherShop: [],

// 手机页

phoneimg: [],

// 其他手机商品

otherPhone: [],

// 运动页

motionimg: [],

// 其他运动商品

othermotion: [],

// 美妆页

Makeupimg: [],

// 其他美妆商品

otherMakeup: [],

// 男鞋页

Menshopimg: [],

// 其他男鞋商品

otherMenshop: [],

// 女鞋页

WoMenshopimg: [],

// 其他女鞋商品

otherWoMenshop: [],

// 家居业

FurnishingImg: [],

// 其他家居商品

otherFurnishing: []

}

},

created () {

this.CountDown()

this.loadershop()

},

methods: {

// 搜索商品

search (value) {

this.$router.push({ name: 'SchCont', params: { value } })

},

// 倒计时

CountDown () {

var myDate = new Date()

var hour = 24 - myDate.getHours()

this.time = hour * 60 * 60 * 1000

},

// 获取商品信息

async loadershop () {

// 获取所有商品赋值给优选页模块

const Allshop = await this.$http.get('list?id=100')

this.otherShop = Allshop.data.data

// 获取手机商品赋值给手机页模块

const phone = await this.$http.get('details?id=2')

this.otherPhone = phone.data.data

// 获取运动商品赋值给运动页模块

const play = await this.$http.get('details?id=3')

this.othermotion = play.data.data

// 获取美妆商品赋值给美妆页模块

const Makeup = await this.$http.get('details?id=4')

this.otherMakeup = Makeup.data.data

// 获取男鞋商品赋值给男鞋页模块

const Menshop = await this.$http.get('details?id=5')

this.otherMenshop = Menshop.data.data

// 获取女鞋商品赋值给女鞋页模块

const WoMenshop = await this.$http.get('details?id=6')

this.otherWoMenshop = WoMenshop.data.data

// 获取家居家具商品赋值给家居家具页模块

const Furnishing = await this.$http.get('details?id=7')

this.otherFurnishing = Furnishing.data.data

// 获取秒杀商品赋值给秒杀模块

const miaosha = await this.$http.get('list_m')

this.supplyShop = miaosha.data.data

},

// 跳转详情页

detailshop (id) {

this.$router.push({ name: 'Details', params: { id: id, urls: '/home' } })

},

// 跳转优选宫格详情

xxx (id) {

this.$router.push({ name: 'SchCont', params: { value: id } })

}

}

}

</script>

<style lang="less" scoped>

.home {

width: 100%;

height: 100%;

.header {

.van-tabs {

margin-top: -5px;

}

}

}

.van-tabbar {

.van-tabbar-item {

display: flex;

flex-direction: column;

}

}

// 轮播图

.my-swipe1 {

width: 300px;

height: 150px;

margin-left: 35px;

margin-top: 20px;

img {

width: 300px;

height: 150px;

}

box-shadow: 0px 1px 3px 3px rgba(34, 25, 25, 0.2);

}

// 十宫格

.van-grid {

margin-top: 10px;

box-shadow: 0px 1px 3px 3px rgba(34, 25, 25, 0.2);

}

// 秒杀

.supply {

width: 100%;

height: 120px;

margin-top: 10px;

box-shadow: 0px 1px 3px 3px rgba(34, 25, 25, 0.2);

.shop {

ul {

list-style: none;

li {

float: left;

margin-left: 13px;

img {

margin-top: 10px;

width: 80px;

}

}

}

}

}

// 其他商品

.otherShop {

margin-top: 20px;

ul {

display: flex;

justify-content: space-around;

align-items: center;

flex-wrap: wrap;

padding-bottom: 40px;

li {

width: 170px;

height: 220px;

font-size: 14px;

p {

width: 170px;

overflow: hidden; //超出的文本隐藏

white-space: nowrap; //溢出不换行

text-overflow: ellipsis; //溢出用省略号显示

}

img {

width: 150px;

}

}

}

}

//其他手机商品

.otherPhone {

margin-top: 20px;

ul {

display: flex;

justify-content: space-around;

align-items: center;

flex-wrap: wrap;

padding-bottom: 40px;

li {

width: 170px;

height: 220px;

font-size: 14px;

p {

width: 170px;

overflow: hidden; //超出的文本隐藏

white-space: nowrap; //溢出不换行

text-overflow: ellipsis; //溢出用省略号显示

text-indent: 2em;

}

img {

width: 150px;

}

}

}

}

//其他运动商品

.othermotion {

margin-top: 20px;

ul {

display: flex;

justify-content: space-around;

align-items: center;

flex-wrap: wrap;

padding-bottom: 40px;

li {

width: 170px;

height: 220px;

font-size: 14px;

p {

width: 170px;

overflow: hidden; //超出的文本隐藏

white-space: nowrap; //溢出不换行

text-overflow: ellipsis; //溢出用省略号显示

text-indent: 2em;

}

img {

width: 150px;

}

}

}

}

//其他美妆商品

.otherMakeup {

margin-top: 20px;

ul {

display: flex;

justify-content: space-around;

align-items: center;

flex-wrap: wrap;

padding-bottom: 40px;

li {

width: 170px;

height: 220px;

font-size: 14px;

p {

width: 170px;

overflow: hidden; //超出的文本隐藏

white-space: nowrap; //溢出不换行

text-overflow: ellipsis; //溢出用省略号显示

text-indent: 2em;

}

img {

width: 150px;

}

}

}

}

//其他男鞋商品

.otherMenshop {

margin-top: 20px;

ul {

display: flex;

justify-content: space-around;

align-items: center;

flex-wrap: wrap;

padding-bottom: 40px;

li {

width: 170px;

height: 220px;

font-size: 14px;

p {

width: 170px;

overflow: hidden; //超出的文本隐藏

white-space: nowrap; //溢出不换行

text-overflow: ellipsis; //溢出用省略号显示

text-indent: 2em;

}

img {

width: 150px;

}

}

}

}

//其他女鞋商品

.otherWoMenshop {

margin-top: 20px;

ul {

display: flex;

justify-content: space-around;

align-items: center;

flex-wrap: wrap;

padding-bottom: 40px;

li {

width: 170px;

height: 220px;

font-size: 14px;

p {

width: 170px;

overflow: hidden; //超出的文本隐藏

white-space: nowrap; //溢出不换行

text-overflow: ellipsis; //溢出用省略号显示

text-indent: 2em;

}

img {

width: 150px;

}

}

}

}

// 其他家居商品

.otherFurnishing {

margin-top: 20px;

ul {

display: flex;

justify-content: space-around;

align-items: center;

flex-wrap: wrap;

padding-bottom: 40px;

li {

width: 170px;

height: 220px;

font-size: 14px;

p {

width: 170px;

overflow: hidden; //超出的文本隐藏

white-space: nowrap; //溢出不换行

text-overflow: ellipsis; //溢出用省略号显示

text-indent: 2em;

}

img {

width: 150px;

}

}

}

}

</style>

原文链接：
https://blog.csdn.net/blue_698/article/details/117730375

Tags：Vue 点击:() 评论:()

声明：本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com)，我们将及时更正、删除，谢谢。

▌相关推荐

最完整的Vue教程-从零开始编写可视化大屏

摘要（OF作品展示）OF之前介绍了用python实现数据可视化、数据分析及一些小项目，但基本都是后端的知识。想要做一个好看的可视化大屏，我们还要学一些前端的知识（vue），网上有很多比...【详细内容】

2021-12-27　　Tags: Vue 点击:(1)　　评论:(0)　　加入收藏

在VUE中实现效果"换一换"功能

实现效果：假如有10条数据，分组展示，默认在当前页面展示4个，点击换一批，从第5个开始继续展示，到最后一组，再重新返回到第一组 data() { return { qList: [], //处理后...【详细内容】

2021-12-17　　Tags: Vue 点击:(14)　　评论:(0)　　加入收藏

纯前端生成设置头像 - 基于Vue3、Ts、Vite

开头最近要研究有什么新奇的产品和项目，发现一个网站很有意思，可以纯前端一键随机生成头像，刚好他们的代码是开源，并且基于vue3，我想开源拿出来给大家分享。效果：开始项目本身基...【详细内容】

2021-12-03　　Tags: Vue 点击:(15)　　评论:(0)　　加入收藏

axios配置vue项目本地测试环境跨域解决方法

问题后端已经配置好了跨域，前端本地搭建vue-cli测试环境的时候如何解决跨域？(前提进行了基本的axios封装)分析这个时候后端API是一个明确的外网环境（使用外网IP或固定域名访问），...【详细内容】

2021-11-03　　Tags: Vue 点击:(55)　　评论:(0)　　加入收藏

前端开发框架之Vue开发流程与使用

一、Vue框架的开发流程介绍当我们从github上下载一个前端模板框架到本地后，框架中经常会自带有一些跳转显示类的功能，我们可以通过查看这些功能是如何实现的，进而一步步改造为...【详细内容】

2021-11-03　　Tags: Vue 点击:(34)　　评论:(0)　　加入收藏

前端开发之VUE介绍与使用

一、Vue介绍1、什么是Vue 可以独立完成前后端分离式web项目的JavaScript框架2、学习Vue的原因三大主流框架之一：Angular React Vue先进的前端设计模式：MVVM可以完全脱离服务器...【详细内容】

2021-10-22　　Tags: Vue 点击:(51)　　评论:(0)　　加入收藏

2021年vue和react如何选择

什么是vuevue是尤雨溪在2014年发布的一个渐进式的js框架，它有着双向绑定的特性，同时它的虚拟dom技术让性能得到大大提升。最重要的就是它是渐进式的应用，你可以在你的项目中逐...【详细内容】

2021-09-22　　Tags: Vue 点击:(77)　　评论:(0)　　加入收藏

使用vue实现查询，显示，删除

前端框架：vue.js效果图：图书管理显示，查询，删除页面css样式：<style>* {margin: 0;padding: 0;}#app {width: 900px;padding: 20px;margin: 50px auto;box-shadow: 0 0 10px #82...【详细内容】

2021-09-17　　Tags: Vue 点击:(91)　　评论:(0)　　加入收藏

vue3，对比 vue2 有什么优点？

本文分享自华为云社区《【云驻共创】vue3相比 vue2 的十项优点》，作者：海拥。Vue3新版本的理念成型于 2018 年末，当时的 Vue 2 已经有两岁半了。比起通用软件的生命周期来这...【详细内容】

2021-09-16　　Tags: Vue 点击:(72)　　评论:(0)　　加入收藏

electron 打包vue为桌面应用的详细过程

1.vue create demo2.vue ui3.搜索 vue-cli-plugin-electron-builder,勾选，安装4.npm run electron:serve5.npm run electron:build6.build complete!构建完成！构建完成后，看一...【详细内容】

2021-09-09　　Tags: Vue 点击:(63)　　评论:(0)　　加入收藏

▌简易百科推荐

最完整的Vue教程-从零开始编写可视化大屏

2021-12-27　　项目与数据管理　　　　Tags:Vue 　点击:(1)　　评论:(0)　　加入收藏

程序的执行流程和开发工具介绍

程序是如何被执行的&emsp;&emsp;程序是如何被执行的？许多开发者可能也没法回答这个问题，大多数人更注重的是如何编写程序，却不会太注意编写好的程序是如何被运行，这并不是一个好...【详细内容】

2021-12-23　　IT学习日记　　　　Tags:程序　点击:(9)　　评论:(0)　　加入收藏

单点登录(SSO)看这一篇还不够！这次不慌了

阅读收获✔️1. 了解单点登录实现原理✔️2. 掌握快速使用xxl-sso接入单点登录功能一、早期的多系统登录解决方案单系统登录解决方案的核心是cookie，cookie携带会话id在浏览器...【详细内容】

2021-12-23　　程序yuan　　　　Tags:单点登录( 　点击:(8)　　评论:(0)　　加入收藏

手把手教你构建一个简单的Eclipse RCP应用

下载Eclipse RCP IDE如果你电脑上还没有安装Eclipse，那么请到这里下载对应版本的软件进行安装。具体的安装步骤就不在这赘述了。创建第一个标准Eclipse RCP应用（总共分为六步）1...【详细内容】

2021-12-22　　阿福ChrisYuan　　　　Tags:RCP应用　点击:(7)　　评论:(0)　　加入收藏

浅析 Token 价值的意义及来源

今天想简单聊一聊 Token 的 Value Capture，就是币的价值问题。首先说明啊，这个话题包含的内容非常之光，Token 的经济学设计也可以包含诸多问题，所以几乎不可能把这个问题说的清...【详细内容】

2021-12-21　　唐少华TSH　　　　Tags:Token 　点击:(9)　　评论:(0)　　加入收藏

在VUE中实现效果"换一换"功能

2021-12-17　　Mason程　　　　Tags:VUE 　点击:(14)　　评论:(0)　　加入收藏

阿里资深软件测试工程师总结的这几点，让小白轻松搞懂性能调优

什么是性能调优？(what) 为什么需要性能调优？(why) 什么时候需要性能调优？(when) 什么地方需要性能调优？(where) 什么时候来进行性能调优？(who) 怎么样进行性能调优？(How) 硬件配...【详细内容】

2021-12-16　　软件测试小p　　　　Tags:性能调优　点击:(19)　　评论:(0)　　加入收藏

抖音防烧屏脚本 – Tasker 脚本分享，适用于 OLED 屏幕

Tasker 是一款适用于 Android 设备的高级自动化应用，它可以通过脚本让重复性的操作自动运行，提高效率。不知道从哪里听说的抖音 app 会导致 OLED 屏幕烧屏。于是就现学现卖，自...【详细内容】

2021-12-15　　ITBang　　　　Tags:抖音防烧屏　点击:(23)　　评论:(0)　　加入收藏

Rust 核心团队“有毒”

11 月 23 日，Rust Moderation Team（审核团队）在 GitHub 上发布了辞职公告，即刻生效。根据公告，审核团队集体辞职是为了抗议 Rust 核心团队（Core team）在执行社区行为准则和标准上...【详细内容】

2021-12-15　　InfoQ　　　　Tags:Rust 　点击:(24)　　评论:(0)　　加入收藏

实践：使用AutoMeter快速生成API和测试用例的方法

一个项目的大部分API，测试用例在参数和参数值等信息会有很多相似的地方。我们可以复制API，复制用例来快速生成，然后做细微调整既可以满足我们的测试需求1.复制API：在菜单发布单...【详细内容】

2021-12-14　　AutoMeter　　　　Tags:AutoMeter 　点击:(20)　　评论:(0)　　加入收藏

推荐资讯

远程软件发展迅猛，ToDe	倒计时！企业QQ即将下架
极简Windows11与iPhon	iPhone信号问题，花10元
惊人数据：App Store中4	个人所得税递延纳税报
非常实用的 Python 库	等离子电视技术先进，为