至于未来会怎么样 反正路还长 天总会亮

Life is a journey, not a destination, care should be the scenery along the way and the mood to see the scenery.

个人博客
  • ...
     前端 浏览(25)  tangzihan ++阅读原文
    Vue监听router实现面包屑导航
    更新面包屑屑导航是在改变路由的时候,因此我们监听路由,当路由改变时更新面包屑导航数组 1.首先我们要配置路由对应的页面标题 如下 { meta:{title:'后台首页'}, component:'index/index' }, { meta:{title:'...
  • ...
     前端 浏览(14)  tangzihan ++阅读原文
    vue-router的二次封装
    本文介绍对vue-router的二次封装通过对vue-router的二次封装,即可实现通过`component`自动生成path和name值,不用频繁的进行重复引用 如下 未封装前 { path:'/login', name:'login', component:()=>import('.....
  • ...
     前端 浏览(46)  tangzihan ++阅读原文
    uni-app热更新实现
    数据表设计 id url:热更新包/安装包 version:版本号 status:是否已上线 后端
  • ...
     前端 浏览(27)  tangzihan ++阅读原文
    uni-app+php+workman实现简单聊天功能之交互实现(会话列表)
    前面介绍了[【Laravel中Websocket基本使用(Workerman)】](https://www.zihanzy.com/articles/137) 基于workman的基础上实现了[【uni-app+php+workman实现简单聊天功能之API开发】](https://www.zihanzy.com/articl...
  • ...
     前端 浏览(44)  tangzihan ++阅读原文
    uni-app+php+workman实现简单聊天功能之API开发
    在之前的文章[【laravel中Websocket基本使用】](https://www.zihanzy.com/articles/137)中我们已经初步搭建了websocket服务,现在我们只需要稍微修改一下Events即可 当连接成功时我们将客户端id发送的客户端
  • ...
     前端 浏览(39)  tangzihan ++阅读原文
    uni-app+php+workman实现简单聊天功能之聊天模块封装
    前面介绍了[Laravel中Websocket基本使用(Workerman)](https://www.zihanzy.com/articles/137) 接下来利用uni-app+laravel+workman实现一个简单的聊天功能。 聊天功能主要涉及到以下场景 场景一 双方都处于聊天...
  • ...
     前端 浏览(58)  tangzihan ++阅读原文
    配置wss和隐藏端口号
    由于小程序wss配置不能有端口号,所以我们要在nginx中进行相关配置,在配置前我们需要为站点配置https 首先在阿里云购买ssl证书 可以选择免费版 ![](http://)![](http://www.zihanzy.com/uploads/images/article_con...
  • ...
     前端 浏览(27)  tangzihan ++阅读原文
    解决JS定时器越走越快
    如下简单案例,实现一个倒计时 倒计时还剩60 var time = document.querySelector('span'); var btn = document.querySelector('button'); var s = 60; btn.onclick=function(){...
  • ...
     前端 浏览(19)  tangzihan ++阅读原文
    JS放大镜的制作
    基本结构 基本样式 {padding:0;margin:0;} .box{ width: 350px; height: 350px; margin:100px; border:1px solid ccc; position: relative; } .big{...
  • ...
     前端 浏览(19)  tangzihan ++阅读原文
    Es6面向对象
    类声明 语法格式 class Person{ //构造方法 constructor(name){ this.name = name } run(){ console.log('run') } } //实例化 var ll = new Person('test') ll.run() 类继承 语法格式...