安装 vue-wechat-title 插件， npm install vue-wechat-title --save 在main.js 中， Vue.use(require('vue-wechat-title')) 路由定义(只截取一部分)： // ... const routes = [ { name: 'Home', pa…
在上一篇讲了怎么搭建git服务器，这篇说下怎么使用git同步管理web网站源码或者服务器中的项目。 上一篇中创建的git只是一个裸仓库，裸仓库没有工作区，没法同步保存文件。 下面进入正题： 假设需要同步的文件夹为：/home/wwwroot/website 首先进入创建git库中的hooks文件夹，上一篇文章中的 /home/sample.git;…
在Linux服务器中自建git服务，搭建服务器参考 廖雪峰的git教程 ， 把其中的步骤单独列出来，自个好找点。以下代码以Ubuntu和debian为准，Centos把sudo去掉就行。 1、安装git Ubuntu或Debian：sudo apt-get install git Centos： yum install curl-devel exp…
不可思议的纯CSS导航栏下划线跟随效果 先上张图，如何使用纯 CSS 制作如下效果？ 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascript ，我的第一反应也是，感觉很麻烦啊。所以我…
上次写了篇上传图片的文章：小程序上传图片及预览图片 ，还缺少一点功能，今天做了另一种删除删除样式，加上上传图片到服务器功能； wxml <!-- 图片上传模块 --> <view class='upImage' wx:if="{{isImage}}"> <view class='upImage-list'> …
小程序官方写的picker组件的文档看不懂，只能百度上搜搜； wxml: <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{index}}" range=…
小程序简单计时器的制作，也可用于倒计时，以录音计时为例： // 计时器 function timer(that){ // timeout则跳出递归 if (that.data.record == 0){ return; } if(that.data.min == 10){ return; } let sec …
下拉选项模态框，点击时有慢慢下来、收回动画： wxml: <view class='flex_aic nav'> <view class='nav_li'> <view bindtap='open_box' data-type='0' class="nav_li_tit {{box_zhiwu?'t…
小程序中input的密码类型不是用type属性控制的，而且有独立的password属性来控制，当password为true时为密码输入类型，false为普通text类型，而直接控制password属性的值没法控制实时切换显示隐藏。 使用双input加上双向数据绑定来实现实时切换显示隐藏。代码如下： wxml： <!-- 密码框 --> …
小程序的聊天功能需要实时通信； wx.connectSocket({ url: 'wss://60.205.228.30:2346', }) wx.onSocketOpen(function (res) { console.log('WebSocket连接已打开！') }) wx.sendSocketMessage({ da…
小程序在实时聊天界面每发送一条自动滚动到网页底部； 实现代码： // 获取im的id节点然后屏幕焦点调转到这个节点 bottom: function () { var query = wx.createSelectorQuery() query.select('.im').boundingClientRect() que…