- 博客(35)
- 收藏
- 关注
RSS订阅原创 jquery简单轮播图写法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title></head><style> .banner{ width: 200px; height: 150px; margin...
2019-09-09 09:09:55
380
原创 修改radio样式（小程序）
radio{ margin-left: 40rpx;}radio .wx-radio-input{ width: 36rpx; height: 36rpx; border-radius: 50%; margin-top: -4rpx;}radio .wx-radio-input.wx-radio-input-checked{ width: 36rpx; hei...
2019-06-04 16:49:22
753
原创 滑块验证（移动端）
实例：html<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-widt...
2019-05-29 14:17:41
4158
原创 滑动验证（适用于pc）
实例：也是在网上搜索的然后稍微改动了一下1.插入drag.js插件，在网上可以搜到的html <form action=""> <input type="text" placeholder="请输入账号"> <input id="ddd" type="text" placeholder="请输入密码"> <div id=...
2019-05-29 10:12:30
1507
原创 输入地址换取经纬度（小程序）
wxml<form bindsubmit='getCoordinate'> <input placeholder='请输入省市区' name="city"></input> <input placeholder='请输入详细地址' name="home"></input> <button form-...
2019-05-18 15:18:51
964
原创 文本框输入关键字回车搜索附近地址（小程序）
wxml<view class='search'><input placeholder='请输入地址' value="{{value}}" bindconfirm='getShow'></input></view><view wx:for="{{list}}" wx:key="" wx:if="{{hasList}}"> ...
2019-05-18 14:49:52
10924
原创 小程序购物车商品全选，非全选，滑动删除，结算
wxml<!-- 购物车列表 --> <view class='carsList'> <block wx:for="{{cardTeams}}" wx:key="key"> <view class="row c-btm-list {{item.isTouchMove ? 'touch-move-ac...
2019-04-29 11:33:23
2307
3
原创 文字两端对齐
如图： 文字两端对齐：wxml<view class="column"> <text>商户名称</text> <text>客户姓名</text> <text>手机号</text> <text>地址</text> <text>商户类型&l...
2019-04-07 13:45:24
611
原创 复选框单选，全选，非全选（小程序）
wxml<block wx:for="{{list}}" wx:key="{{item.id}}" wx:for-index="idx"> <view class='cont'> <checkbox-group bindchange="checkboxChange" data-checkid = "{{item.i...
2019-03-26 15:42:56
1523
2
原创 小程序复选框简单获取商品id
wxml<checkbox-group bindchange="checkboxChange"><block wx:for="{{list}}" wx:key="{{item.id}}"> <view class='cont'> <label> <checkbox value="{{item.id}}...
2019-03-23 17:59:35
1632
原创 小程序滑动删除
wxml<view> <view wx:for="{{list}}" wx:key="{{item.id}}" class='list' wx:for-index="idx"> <view class='column inner' bindtouchstart='touchS' bindtouchmove='touchM' bindtouchen...
2019-03-23 14:42:08
1231
原创 vue中的路由：vue-router
一、安装vue-routercnpm install vue-router --save在main.js中：1.引入并使用import VueRouter from 'vue-router';Vue.use(VueRouter);2.创建组件，如：Rout.vue和Router.vue组件import Rout from './components/Rout.vue';i...
2019-03-12 15:55:05
284
原创 安装vue-resource，axios数据请求
一、vue-resource数据请求1.cd 到项目中 执行 cnpm install vue-resource --save2.在main.js中引入 import VueResource from './vue-resource' 使用 Vue.use(VueResource)使用如：在methods中写方法：g...
2019-03-12 15:14:57
245
原创 vue安装配置
一、先安装node.js安装教程：https://jingyan.baidu.com/article/64d05a021974acde54f73b70.html环境配置：https://blog.youkuaiyun.com/u012830533/article/details/79986984二、搭建vue环境 在cmd中：开始->运行->cmd1.npm install...
2019-03-12 15:05:35
358
原创 播放背景音乐（小程序）
const back = wx.createInnerAudioContext();pages({ data:{ }, backmusic:function(){ back.title = "开启继续阅读"; back.src = "/pages/video/openblock.mp3"; back.play(); ...
2019-01-16 17:07:50
3318
原创 联动轮播（swiper）
效果图如下：index.html<article> <div class="swiper-container gallery-top"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="images/
2019-01-03 10:53:54
2445
2
原创 动态底部导航tabbar（小程序）
首先创建tabbar目录（不一定必须与本目录结构一致）app.jseditTabBar: function () { var tabbar = this.globalData.tabBar, currentPages = getCurrentPages(), _this = currentPages[currentPages.length - 1], ...
2018-12-24 12:13:20
1762
原创 背景音乐循环播放（小程序）
jsconst back = wx.getBackgroundAudioManager();Page({ data: { }, backmusic:function(){ player(); function player(){ back.title = "此时此刻"; back.src = "http://sc1.111ttt....
2018-11-22 09:27:06
10900
4
原创 scroll-view横向滑动（小程序）
wxml<scroll-view scroll-x="true"> <view class="uploadWrap"> <view class='cont'> <view class='cont-list'> <view class='one'>111111111</vi
2018-11-20 14:24:52
294
原创 全屏竖向滚动（小程序）
wxml<view class="swiper-cont container-fill"> <view class="scroll-fullpage" bindtouchstart="scrollTouchstart" bindtouchend="scrollTouchend" style="transform:translateY(-{{scrollindex*1
2018-11-20 14:00:57
2410
原创 选项卡（jQuery）
当鼠标点击图一图二图三图四时，其余内容不变，下方框中分别显示四个不同的图片：切记引入jquery-1.7.min.js包index.css：*{ padding: 0; margin: 0;}li{ list-style:none;}.content{ width: 500px; height: 500px; border:1px solid #ccc; m...
2018-08-23 13:52:18
245
原创 dedecms标签大全
dedecms标签大全网站名称：{dede:global.cfg_webname/} 网站根网址：{dede:global.cfg_basehost/} 网站根目录：{dede:global.cfg_cmsurl/} 网页主页链接：{dede:global.cfg_indexurl/} 网站描述：{dede:global.cfg_description/} 网站关键字：{dede:glo...
2018-08-14 11:55:25
747
原创 js实现图片轮播，以及鼠标悬浮到图片时图片放大
图片轮播：HTML代码：<!-- 图片轮播 --> <div class="h-img"> <ul class="pic"> <li><img class="bg" src="images/h1.jpg"></li>
2018-08-14 11:41:00
5431
1
原创 微信小程序（评教系统----个人中心，重置密码，忘记密码）
在评教系统中除评教之外还要有个人信息外还要有个人信息，并为了防止忘记密码而设置忘记密码，当忘记密码时点击忘记密码发送验证码到绑定邮箱。重新建一个myinfo文件分别写它的js和wxml：个人信息中主要有自己的学号，姓名，邮箱。点击退出要清空数据并退出到学生登录页面。wxml中：<!--pages/myinfo/myinfo.wxml--> <view class='head...
2018-06-11 08:23:38
4092
2
原创 微信小程序（评教系统--教师列表，评教方式，评教问题）
评教中，当学生陆后显示需要评教的教师列表，选择评教老师，再选择是常规评教还是统一评教，进入后选择每道题目所选的选项提交后得到总分数。流程如下：教师列表：再建一个teacher目录，分别写js和wxml：wxml中：用wx:for循环teachers，分别取teachers中用到的数据，用{{item.name}},等显示<view class='header'><text>...
2018-06-03 13:30:41
6456
3
原创 微信小程序入门（登录页面）
1.首先前往开发者工具下载安装开发工具：2.安装后微信扫码，并填写自己的AppID选择自己的项目目录后登录：登陆后点击工具上的编译按钮，可以在工具的左侧模拟器界面看到这个小程序的表现，也可以点击预览按钮，通过微信的扫一扫在手机上体验你的第一个小程序。3.代码构成：可以看到在项目的根目录有一个 app.json 和 project.config.json，在app.json中是对当前小程序的全局配置...
2018-05-24 11:37:28
68401
3
原创 微信投票
微信投票：（设计网页，网页授权获取access_token，设计投票方式）第一步：先要网页授权获取code：在IndexController.class.php中：<?phpnamespace Home\Controller;use Think\Controller;class IndexController extends Controller { public functi...
2018-05-18 11:57:47
804
原创 微信中生成带参数的二维码
目前有2种类型的二维码：1、临时二维码，是有过期时间的，最长可以设置为在二维码生成后的30天（即2592000秒）后过期，但能够生成较多数量。临时二维码主要用于帐号绑定等不要求二维码永久保存的业务场景2、永久二维码，是无过期时间的，但数量较少（目前为最多10万个）。永久二维码主要用于适用于帐号绑定、用户来源统计等场景。临时二维码的请求：URL: https://api.weixin.qq.com/...
2018-05-11 10:07:21
634
原创 微信中的图文群发
首先获取当前正在使用的公众号：<?phpnamespace Home\Controller;use Think\Controller;use LaneWeChat\Core\Curl;class NewsController extends Controller{//获取当前正在使用的公众号 private $mp; public function _initialize()...
2018-05-07 08:00:55
335
原创 微信中的自动回复
微信中的自动回复即被动回复用户消息，是指：当用户发送消息给公众号时（或某些特定的用户操作引发的事件推送时），会产生一个POST请求，开发者可以在响应包（Get）中返回特定XML结构，来对该消息进行响应（现支持回复文本、图片、图文、语音、视频、音乐）。严格来说，发送被动响应消息其实并不是一种接口，而是对微信服务器发过来消息的一次回复。如下为怎样回复文本、图片以及图文：首先都要先获取当前正在使用的公众...
2018-04-26 11:50:01
1042
原创 微信中的素材管理
素材管理中新增素材包括永久素材和临时素材。临时素材media_id是可复用的，可新增图片，音频，缩略图，语音，需要用https调用接口，请求方式为post，其中图片可以是临时的也可以是永久的，在新增时首先注意要获取当前正在使用的公众号以及access_token。新增图片以及图文：例：在MaterialController.class.php中，1.先写一个方法获取当前使用的公众号：<?ph...
2018-04-18 17:34:41
798
原创 微信开发中如何获取access_token
在微信开发中如何获取access_token呢？首先在Application下的common中写一个function.php文件在这里边写关于获取access_token的操作方法首先先获取当前使用的公众号，代码如下：//获取当前使用的公众号function getCurrentMp(){ $mp = M('mp')->where('is_use=1')->find(); ...
2018-04-13 10:37:55
538
原创 微信开发接口
接入微信公众平台开发，开发者需要按照如下步骤完成：1.填写服务器配置（url,token）;2.验证消息的确来自微信服务器(signature,timestamp,nonce,echostr);3.依据接口文档实现业务逻辑，代码如下：<?php/** * wechat php test *///define your tokendefine("TOKEN", "weixi...
2018-04-07 16:56:45
683
原创 Thinkphp中的上传文件及如何去重
上传文件：1.利用thinkphp中自带的upload方法上传文件，代码如下：// 导入 public function upload(){ if(IS_GET){ $this->display(); exit; } $upload = new \Think\Upload();//实例化上...
2018-03-29 11:02:16
405
原创 关于ThinkPHP
ThinkPHP是一个快速、简单的基于MVC和面向对象的轻量级PHP开发框架，学习ThinkPHP后利用该框架做项目时可以直接调用里边已写好的东西从而更节省时间，更加方便了。此外，也有很多需要注意的地方，如 1.在index.php中改写入口文件，实现自动生成一个摸板时（如：生成一个Admin模板 define('BIND_MODULE','Admin');），在执行一次后必须将其注释掉。2.一定...
2018-03-25 16:08:06
250
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人