68rui-优快云博客

原创 vue 页面跳转中传递参数

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

2019-07-01 13:00:16 2008

原创 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 796

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

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

2019-05-30 13:21:12 1509

原创 Vue 实现页面顶端粘带效果

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

2019-05-26 14:35:01 532 2

原创微信小程序banner轮播图

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

2019-05-23 20:56:23 2729 1

原创 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 24523 1

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

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

2019-05-23 15:47:05 4022

原创微信小程序组件化开发

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

2019-05-23 15:33:16 572

原创 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 10035

原创 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 3576

原创 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 12496 4

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

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

2019-04-19 16:08:18 2026 1

原创 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 10612 2

原创 .Net(C#)发送短信

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

2019-03-11 08:45:04 2301

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

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

2019-03-08 16:16:25 3259

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

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

2019-01-04 11:11:40 10750 1

原创 Vue基础篇（三）之列表渲染（删除、更新、遍历）

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

2019-01-03 10:37:22 1646

原创 Vue基础篇（二）之计算属性和监事

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

2019-01-03 09:26:52 334

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

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

2019-01-02 18:47:57 251

原创 Vue进阶篇（一）之实现发送短信验证码登陆

Vue进阶篇（一）之实现发送短信验证码登陆最近在学习Vue,在做登陆界面时，想用发送手机验证码的方式来访的登陆。结果发现网上没找到通过发送短信验证码的文档，所以我来分享啦！申请SMS的密钥到SMS官网注册一个账号，注册我就不多说了，很简单的。注册完之后，找到自己的密钥和API接口网址，我选择的是UTF-8的，如下图：Vue axios再讲Vue发送短信之前，要顺一下Vue发送...

2018-12-28 14:47:26 11671 23

原创 AngularJS的基本语法讲解

AngularJS的基础讲解最近做一个项目需要使用AngularJS,所以就学习了它，个人认为确实是个前端框架。背景介绍AngularJS原来由Misko Hevery 等人创建，但是后来被Google公司收购，现在Google很多的产品都有用这个前端框架。AngularJS优点AngularJS有着四个核心思想就是依赖注入、模块化、双****向绑定、语义化标签。AngularJ...

2018-12-15 10:42:18 641

原创 JS实现雪花飘飘

JS实现雪花飘飘给大家分享一下，JS的雪花飘飘是如何实现的，我们先看一下实现的效果，如下图：由于颜色问题，看起来并不清楚，抱歉，但是效果是很不错的！下面是实现的源码，讲解也在源码里：<!doctype html><html><head><meta charset="utf-8"><title>js雪花飘飘</tit..

2018-12-13 15:30:38 773

原创 JS实现日历

JS 实现日历最近在学JS，分享一些使用js实现的网页，后续还会更一些关于js的例子，话不多说，直接附上源码，源码上有注释。js 实现日历主要运用Date函数,这里就不在多讲Date的用法，因为并不是很难，所以想要了解的朋友可以去网上自行搜索，有很多的讲解！&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=&a

2018-12-13 15:09:28 15358 9

原创 c# 微软 REST API语音转文字

c# 实现微软语音转文字最近在做一个项目使用了微软的语音，发现微软的语音还是不错的，但是不管是微软还是百度的语音，都必须要注意音频文件的格式这一点，不然会坑死人的！下面介绍微软语音的使用方法：1.订阅语音首先去微软Azure的官网，申请订阅获取密钥和终结点！可以申请免费试用注册完成如下图，获得密钥和终结点（密钥一定要记住）REST API 实现语音转文字区域选择根据你自...

2018-12-07 15:22:37 5600 1

原创 c# 音频文件转码(.wav,.ogg等)

c# 音频文件转码这些天一直再做语音转文字这一块的功能，发现不管是百度语音还是微软语音都对音频文件的格式有要求。下面分别看看微软和百度的要求，以WAV文件示例百度微软可以从上面看出两个平台的格式基本一致，而我们普通的录音文件是达不到这个格式的，所以需要进行转码。推荐一个关于转码的博客，很实用，基于c#和ffrpmeg；...

2018-12-06 14:44:58 3144

原创 c#获取指定返回的JSON数据

c#获取指定返回的JSON数据主要代码 public class Info //定义返回的JSON数据中的类型 { public string DisplayText{ get; set; } public string RecognitionStatus{ get; set; } public in...

2018-12-06 14:16:31 1069

原创 Devexpress中DXValidationProvider的基本使用方法

Devexpress中DXValidationProvider的基本使用方法创建一个新项目，如下图，放置一个Devexpress中自带的文本框(textEdit)控件，命为：textEdit1,添加dxValidationProviderk控件，在这里只讲条件验证。注：在使用dxValidationProviderk控件之前，需要对此控件的属性ValidationMode由默认值Defau...

2018-10-28 20:28:54 3857

原创 DEvexpress基于C#winform基本使用方法

Devecpress基于C#winform的基本使用方法安装Devexpress破解版，在这里下载https://pan.baidu.com/s/1WrmHqkXI0KrTTbSyX8gEbQ提取码：ph55；注：vs2017的Devexpress的版本要16以上。2.安装完成后，打开vs(本人的是2017),第一次会等待一会儿加载。加载完后如下图，选择第一个创建。3.创建后如下图...

2018-10-28 19:45:22 26115 4

webpack安装及初体验 webpack是前端的一个模块打包器（bundle）,主要用于前端开发时将静态资源文件。css、js、json文件构建到一个文件中，从而简化项目结构，便于开发。npm init 初始化项目初始化后项目中会自动生成一个package.json文件2.安装webpacknpm install webpack webpack-cli -g 全局安装npm install webpack webpack-cli -D 本地安装然后将webpack依赖到packag

2021-05-08 16:08:23 390 4

原创 jquery中解决设置图片不显示

jquery中解决设置背景图片无法显示let src='clock/img/afternoon.png';them_icons.css('background','url('+src+')')主要问题在于路径这块，相对路径是html文件相对与图片的路径，而不是js文件相对于图片的路径。...

2021-04-28 13:55:32 1311

原创 Vue基础篇（四）之列表的即时搜索

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

2019-01-03 11:26:50 363