3 68rui

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 9w+

vue 页面跳转中传递参数

vue 页面跳转中传递参数 在实际应用中,跳转页面时,可能是需要传递参数的,在vue中跳转参数传递页面其实也不难,主要方式是通过编程式路由导航来实现。 参数传递方式 this.$router.push({'path':'/majorDetail','name':'majorDetail',params: {majorName:name}});获取传递的参数...

2019-07-01 13:00:16

Vue使用axios进行跨域的配置

Vue使用axios进行跨域的配置 在vue中使用axios进行访问后台或者时其他api时,在pc端是需要进行跨域的配置,但是在移动端就不需要,直接写访问地址就可以了。安装axiosnpm install axios --save 2.man.js中引入axios 3.跨域配置 跨域的配置需要在config文件夹下的index.js中修改4....

2019-06-26 21:45:00

微信小程序跳转页面传递参数

微信小程序跳转页面传递参数 做微信小程序时,有时会跳转页面进行传递参数,个人认为微信小程序的传递参数是简单的,话不多说, 直接代码解释let id=81 wx.navigateTo({ url: '../index-detail/index-detail?id=' + id })//这是微信小程序的跳转方式 跳转的页面 onLoad(options...

2019-05-30 13:21:12

Vue 实现页面顶端粘带效果

Vue 实现页面顶端粘带效果 现在在做App的时候都要用到页面粘带效果,主要是用于在滑动页面时,某个组件到达顶端时,将此组件固定在顶端,效果如下图所示。(自己画的图,不好看请见谅!) 简述:页面滑动,头部向上滑动,当绿色部分滑动到顶端时,绿色部分固定在顶端,内容部分继续滑动。 完整例子代码: <template> ...

2019-05-26 14:35:01

微信小程序banner轮播图

微信小程序轮播图实现 微信小程序的轮播图可以用官方给的swiper组件。 下图是官方给出的swiper属性,我截取了比较常用的一些属性。swiper使用 微信小程序的.wxml文件中 <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval...

2019-05-23 20:56:23

Css 实现div横向等间距排列(弹性布局)

csss实现div横向等间距排列 在很多时候,都会遇到div的横向等间距排列问题,像下图这种排列,就是典型的div等间距排列。<div class="context"> <div class="list">list1</div> <div class="list">list1</div> <div...

2019-05-23 20:44:29

Css实现文本超出div宽度时文本隐藏,使用省略号代替

Css实现文本超出div宽度文本隐藏省略号显示 实现这个效果需要用到css的text-overflow属性,text-overflow表示文本溢出时发生的事情,它有三个属性值,分别是clip(修剪文本)、ellipsis(省略号代替)、string(指定字符串代替)。 <div class="context">sdsdsdsadsadsadas</di...

2019-05-23 15:47:05

微信小程序组件化开发

微信小程序组件化开发 对于玩过vue.js框架的来说,已经习惯了组件化开发的模式,所以当我做微信小程序时,总是会想微信小程序是否也有组件化开发,一搜索果然有,那就很nice了! 微信小程序的组件化,我觉得和vue的差不多,同样是需要进行注册,只是方式不同而已,微信小程序需要在.json文件中进行注册。 注册好后,和vue.js框架的使用方式相同,只需要在页面上...

2019-05-23 15:33:16

vue+实现(移动端、PC端)滑动切换页面(swiper)

vue+Swiper实现页面滑动切换 效果图如下: 安装swiper4npm install swiper 2.vue中引入 首先在main.js文件中引入swiper的css文件。import "swiper/dist/css/swiper.min.css"; 然后对于swiper组件,在组件中引入,也可以全局引入,但...

2019-05-16 21:01:28

vue better-scroll横向滚动

vue 实现better-scroll横向滚动 首先需要引入better-scrollc 插件(better-scroll插件作用主要是解决移动端的滚动环境(已支持PC))。npm install better-scroll --save//组件文件中引入better-scrollimport BScroll from 'better-scroll' ...

2019-04-25 19:46:05

Vue 实现移动端左右滑动切换

Vue 实现移动端左右滑动切换 实现这个功能需要用到touch指令,这个是面向vue2.0的touch指令,是基于touchjs(移动端手势库)。安装以及引入vue-touchnpm install vue-touch@next --save//在vue项目中的main.js文件中引入:import VueTouch from 'vue-touch'Vue.us...

2019-04-25 11:57:35

Vue.js中获取json文件中指定数量的Json对象

Vue.js中获取json文件中指定数量的Json对象自己做项目时,需要引入json文件,可是想到如果json文件中的json对象有很多的话,一次性获取全部对程序性能会产生很大的影响,所以就想先获取到一部分,需要更多的时候,就增加获取的数量,这样会减轻程序运行的负担。export default { data: function() { return { ...

2019-04-19 16:08:18

Vue 引用本地json文件

Vue 引用本地json文件 Vue引用本地的json文件其实是很容易的,废话不多说! 首先来看哈文件目录结构json文件路径目标Vue文件路径引用Json文件<script>import TestData from "../../../static/Json/TestData.json";//引入josn文件export default {...

2019-04-19 15:53:12

.Net(C#)发送短信

C# 发送短信 前面做项目时,用了一下c#的发送短信,个人感觉还行,分享一下! 注册SMS平台 首先需要到SMS官网注册一个账号,注册我就不多说了,很简单的。 注册完之后,找到自己的密钥和API接口网址,我选择的是UTF-8的,如下图: 发短信 我这里直接贴代码,因为并没有什么太难的东西,一看都懂。using ...

2019-03-11 08:45:04

.Net(C#)中判断两个物体碰撞的方法

C#判断两个物体碰撞的方法 这个方法普遍应用于游戏开发的时候,且可以在c++中使用但在Java中使用的是intersects方法,这里就主要说 IntersectsWith, IntersectsWith这个方法是微软自带的。 在游戏开发中判断碰撞的思路就是判断两个物体的矩形框是否接触,所以首先需要获取到两个物体的矩形框。 使用方法: public Re...

2019-03-08 16:16:25

基于python通过树莓派获取温度传感器的温湿度

基于python通过树莓派获取温度传感器的温湿度   前面做过一个智能风扇,主要功能是通过温度来控制风扇的自动开关以及通过软件来进行控制风扇开关,功能都能实现但是软件并没有做完,所以就不了了之。   我使用的树莓派,如下图附上引脚的注释:  注:树莓派的版本不同,引脚的意思会有一些差别,请注意!我的温度传感器是DHT11温度模块,附实物图:     ...

2019-01-04 11:11:40

Vue基础篇(四)之列表的即时搜索

Vue基础篇(四)之列表的即时搜索      学到Vue的列表那里,发现列表的搜索是那种即时搜索的,很喜欢,所以分享一下!      列表的即时搜索,也就是通过使用计算属性来实现的,也可以通过监视来实现都可以的,我这里用的是计算属性,如果有朋友不明计算属性和监视,可以去这里查看计算属性和监视。       通过代码来讲解更直观一些,见下完整demo代码:       <...

2019-01-03 11:26:50

Vue基础篇(三)之列表渲染(删除、更新、遍历)

Vue基础篇(三)之列表渲染(删除、更新、遍历)遍历数组         首先说的列表中最常见的遍历数组,在Vue中遍历数组时很方便的,使用v-for就可以实现,下面通过代码来说明更直观一点。        <ul><li v-for="(item,index) in arrays" :key="index" > {{item.name}}+{{...

2019-01-03 10:37:22

Vue基础篇(二)之计算属性和监事

Vue基础篇(二)之计算属性和监视           最近在学习Vue,对学习的内容进行一个梳理和总结加深一下印象,也分享给大家,有什么可以留言一起讨论!          计算属性(computed)           对于计算属性本身而言其实并不难,它的难点就在你并不知道需要使用计算属性,很多时候都是直接使用的methods来实现一些都东西,但是其实使用computed更方便...

2019-01-03 09:26:52

Git如何上传本地项目到Github仓库

Git上传本地项目到Github仓库安装Git首先你需要在自己的电脑下载和安装Git,安装方式就是傻瓜式安装,就不多说了。申请仓库到Github官网注册账号,注册很简单,不过多叙述了,注册并登陆后,如下图:接下来,如下图:点击创建,就完成了仓库的创建,如下图:3.上传项目首先选中自己需要上传的项目文件,右击,选择Git bash here,然后输入命令:git ini...

2019-01-02 18:47:57

查看更多

勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。