- 博客(18)
- 收藏
- 关注
RSS订阅原创 微信小程序实现点击改变view背景颜色
点击改变view背景颜色线上效果图，如下：效果就是点击任一一个，它的背景颜色和字体颜色都会改变1.布局我是用循环写的，因为这样比较方便吧，不然还需要设置好几个点击事件，代码如下：<view class="tapgo"> <view style=" background-color: {{item.color}};color: {{item.tcol}};" clas...
2020-04-22 16:26:38
10571
4
原创 JS原生跑马灯实现
JS原生跑马灯实现这是一个原生js实现的跑马灯，主要就是通过定时器setTimeout来实现的，首先在body里写两个空的div，一个是左右跑的长方形，一个是上下左右来回蹦的圆球，样式的话直接在css里写就行了，因为这是之前学习js的时候做的，可能命名等不太规范，不要太在意。HTML代码 <div id="a"> </div> <div id=...
2020-04-08 13:57:55
796
原创 uni-app（最全）页面跳转和传递数据
uni-app页面跳转刚做了一个uni-app的项目，在这总结一下跳转和传递数据uni.navigateTo(OBJECT)保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。参数例子uni.navigateTo({ url: 'test?id=1&name=uniapp' /*这是跳转到的页面路径，？id=1这些都是传递的数...
2020-04-07 10:01:58
48136
原创 微信小程序地址导航功能实现详解
微信小程序地址导航功能1. 微信小程序地址导航功能通过点击地址或者导航来调用微信小程序自带的api来获取到自己的位置，并且进行跳转，然后再在新的页面里打开外部程序，例如高德地图或者百度地图，打开之后会自动出现导航页面，不过需要提前设置好目的地，因为没有请求，所以我是直接写死的，一会儿会说如果是请求来的应该怎么做。2. 首先需要在app.json文件里声明permission字段，因为开发者需要...
2020-04-03 08:52:58
3263
原创 微信小程序跳转到拨打电话功能实现
拨打电话功能1. 拨打电话功能主要就是点击拨打电话的时候，可以跳转到手机上的拨打电话页面，并且将号码输入到上面，号码的话，可以是请求来的，也可以是固定的，也可以写一个input框手动输入，拨打电话功能比较简单2. 这个功能主要的就是靠微信小程序上wx.makePhoneCall这个自带的api来实现的，代码如下：其中phoneNumber是固定的，也就是需要拨打的电话号码，在微信小程序官方...
2020-04-02 17:34:01
10262
原创 Jquery传值
jquery传值1. 首先需要引入jquery库，引入也分为两种情况，我用的是引入的方法添加引用 <script type="text/javascript" src=jquery-1.8.0.min.js></script> 2. 语法 $.get('"http://127.0.0.1:8080/test?age=20',function(result...
2020-04-01 10:10:45
535
原创 uni-app引入组件详解
引入vant-weapp1. 创建好项目之后，如果需要引入组件，首先，进入vant-weapp官网（https://youzan.github.io/vant-weapp/#/intro）2. 一开始我也按照这官网上的指引安装的vant-weapp，但是安装之后有各种各样的问题，后来也去网上查了一点资料，才知道原来需要下载vant包，废话不多说了，下载地址是（https://ext.dclou...
2020-03-31 08:54:19
14590
原创 uni-app创建项目，配置
## uni-app创建项目1. 因为我用的开发工具是HbuilderX，所以我是直接在开发工具里直接创建的，详情可见官网（https://uniapp.dcloud.io），具体的操作如下图：2.创建完成之后会得到如下图的一个文件列表这里边的wxcomponents和colorui不用管，这是引用的一些组件库，之后会再发表如何引用组件库的文章。其中页面是在pages文件夹里的，创建...
2020-03-30 09:11:05
431
原创 uni-app获取用户信息
1.uni-app获取用户信息首先需要获取到code，和微信小程序获取用户信息步骤一样，只不过微信小程序是从wx.login里获取，而uni-app是从uni.login里获取。代码如图一图一2.通过获取到的code，向后台换区openid和session_key，可以直接请求接口来获取，以code为参数来请求接口，就可以获取到openid和秘钥了，获取之后用缓存将获取到的数据用setSto...
2020-03-28 13:47:47
14497
原创 vue使用echarts的折线图
效果图如下：实现方法首先是先在html部分定义好这个折线图的宽高，代码如下：我写的折线图数据是请求接口请求来的，也可以直接在data里写入一个数组，然后将需要显示的数据写上，如果是请求接口的话，直接在data里生命一个空的数组就行，不过这个数组需要将请求过来的数据添加进去，添加方法如下：然后就是需要写一个函数，在函数里设置折线图的一些样式，包括将折线图显示到上边写的那个div里，代码如...
2020-03-27 16:41:26
725
原创 uni-app海报保存制作
一，海报保存首先需要授权相册，可以通过getsetting来授权，代码如下：二，通过uni.canvasToTempFilePath这个api来截取画布，然后保存到相册，首先需要设置画布大小和质量，文件格式等，代码如下：三，然后就需要将图片保存到相册了，通过uni.saveImageToPhotosAlbum这个api将海报保存到相册，代码如下：详细代码如下，因为我制作的时候还获取了一下二维...
2020-03-26 13:37:50
1567
1
原创 vue新建项目
vue新建项目1.在src下的components文件下新建一个vue项目2.进入router下的index.js，如图一。然后在里边模仿上边的输入自己的，其中白色的helloworld是项目名字，from后边的是之前创建的vue文件夹的路径，如图2。然后再在最下边，复制花括号里边，包括花括号这一段，其中path：“/”是指跳转到首页，之后创建的在/后边输入vue文件的路径，name改成新建的...
2020-03-25 08:45:59
188
原创 VUE本地存储
1.本地储存是什么？以文件的方式存储在本地，通过把数据存储在浏览器中，用户不必每次都向服务器请求获取同一个信息。在你离线时，使用本地存储的数据而不是向远端服务器上请求数据就显得非常有用，甚至在线用户也可以从中获益。 客户端存储可以通过这些技术来实现：cookie、Local Storage (更准确地说是“Web Storage”)、IndexedDB 和 WebSQL (这项技术已经被废弃了，...
2020-03-23 09:53:40
3298
原创 js参数传递的四种方式
1.直接在URL后面加参数2.用超链接的方法传递参数：当点击超链接的时候，首先会跳转到localhost:21811/Handler1.ashx页面，然后还会传递id 和name 两个参数过去3.第三种：通过js方法传递:用户点击这个button按钮，触发DOM时间中的onClick事件，执行Go()方法，跳转到localhost:21811/Handler1.ashx页面，同时传递了id，和...
2020-03-19 20:22:56
9104
原创 GIT安装上传项目
1.创建github repository(仓库)（1）登录github的官方网址：https://github.com ，注册账户。点击Sign in进入登录界面，输入账号和密码登入github。（2）创建repository(仓库)点击右上角的加号旁边的小三角，展开后可以看到New repository，点击进入。填写仓库信息，名称必填、其它自定义。2.安装Git客户端官方下载...
2020-03-18 21:12:20
123
原创 JS页面跳转方法总结
**Js页面跳转方法：**1、window.location.hrefwindow.location.href="http://www.baidu.com"; //在原有窗口打开2.window.navigate方式跳转window.navigate(“http://www.baidu.com”);function toBooks() { //在原有窗口打开window....
2020-03-17 19:21:49
371
原创 B/S 和C/S的认识和区别
B/S 和C/S的认识和区别一丶 B/S是什么？B是英文单词Browser的首字母，就是浏览器的意思，S是Server的首字母，就是服务器的意思。B/S结构是随着互联网的发展，web出现后兴起的一种网络结构模式。这种模式统一了客户端，让核心的业务处理在服务端完成。你只需要在自己电脑或手机上安装一个浏览器，就可以通过web Server与数据库进行数据交互。二丶B/S的主要优点其主要...
2019-10-22 17:37:36
879
原创 LINUXcentos7.3Apache+php+MYsql安装配置
**LINUXcentos7.3阿帕奇安装配置**首先安装阿帕奇：1.用这段命令来远程安装阿帕奇yum install httpd –y2.查看firewalld状态:systemctl status firewalld，如果是dead状态，即防火墙未开启如果防火墙是关闭的则需要开启3.开启防火墙systemctl start firewalld4.开启80端口的顺序，首先...
2019-10-21 13:50:43
836
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人