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

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

个人博客
  • ...
     前端 浏览(8)  tangzihan ++阅读原文
    uni-app+php+workman实现简单聊天功能之API开发
    在之前的文章[【laravel中Websocket基本使用】](https://www.zihanzy.com/articles/137)中我们已经初步搭建了websocket服务,现在我们只需要稍微修改一下Events即可 当连接成功时我们将客户端id发送的客户端
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    uni-app+php+workman实现简单聊天功能之聊天模块封装
    前面介绍了[Laravel中Websocket基本使用(Workerman)](https://www.zihanzy.com/articles/137) 接下来利用uni-app+laravel+workman实现一个简单的聊天功能。 聊天功能主要涉及到以下场景 场景一 双方都处于聊天...
  • ...
     前端 浏览(8)  tangzihan ++阅读原文
    配置wss和隐藏端口号
    由于小程序wss配置不能有端口号,所以我们要在nginx中进行相关配置,在配置前我们需要为站点配置https 首先在阿里云购买ssl证书 可以选择免费版 ![](http://)![](http://www.zihanzy.com/uploads/images/article_con...
  • ...
     前端 浏览(9)  tangzihan ++阅读原文
    解决JS定时器越走越快
    如下简单案例,实现一个倒计时 倒计时还剩60 var time = document.querySelector('span'); var btn = document.querySelector('button'); var s = 60; btn.onclick=function(){...
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    JS放大镜的制作
    基本结构 基本样式 {padding:0;margin:0;} .box{ width: 350px; height: 350px; margin:100px; border:1px solid ccc; position: relative; } .big{...
  • ...
     前端 浏览(12)  tangzihan ++阅读原文
    Es6面向对象
    类声明 语法格式 class Person{ //构造方法 constructor(name){ this.name = name } run(){ console.log('run') } } //实例化 var ll = new Person('test') ll.run() 类继承 语法格式...
  • ...
     前端 浏览(4)  tangzihan ++阅读原文
    浅拷贝与深拷贝
    浅拷贝 浅拷贝只是拷贝一层,更深层次对象级别的只拷贝引用 如下 var obj = { id:1, name:'test', msg:{ age:18 } var nb = {} for (var i in obj){ nb[i] = obj[i] } console.log(obj) console...
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    严格模式
    JS的严格模式采用具有限制性javascript变体的一种方式,即在严格的条件下运行js代码。 严格模式对正常模式做了如下更改 1. 消除了js语法的不合理、不严谨之处、减少了一些怪异行为。 如正常模式变量不声明可以直接赋...
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    本地存储
    本地特性 1. 本地存储将数据存储在浏览器中 1. 设置、读取方便刷新页面数据也不会丢失 1. 容量大,sessionStorage约5M、localStorage约20M 2. 只能存储字符串,将对象通过JSON.stingify()编码后存储 本地特性 本地存...
  • ...
     前端 浏览(6)  tangzihan ++阅读原文
    JS解绑事件
    传统方式 el.onclick=function(){ alert(0) el.onclick=null;//解绑事件 } addEventListener function fn(){ alert(0) el.removeEventListener('click',fn);//点击后移除事件 } el.addEventLi...