Yinode Blog

不要向欲望让步

使用socket.io实现极简即时通讯

展示 代码 两份文件,client server //test.html <!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://cdn.bootcss.com/socket.io/2.0.3/socket.io.js"></script> </head> <body> <input type="text" id="input"> <button id="sendMess">send</button> </body> <script type="text/javascript"> let socket = io("ws://localhost:4500/") //show APi function showMessage(str,type){ let box = document.createElement("div") box.innerHTML = str if(type === "enter"){ box.style.color = "#33B5FF"; }else if(type === "leave"){ box.style.color === "red" }else{

利用 require.js 实现组件化开发

最近使用require尝试开发了一个弹窗组件,所以把一些组件化的思想和过程记录下来。 使用的库 jQuery require jQueryUI 实现的功能 三种流行的弹窗 带有宽高位置设置 可

利用gh-pages展示自己的DEMO

之前一直都是用的git-demo-preview来展示预览自己做的DEMO和工程,但是有很多不足 会加载很多无关的JS 访问速度不够理想 所以最近

利用require组件化开发侧边栏和轮播图

最近学习require趁热打铁写了两个非常常见的组件,一个是侧边栏的插件,一个是轮播图或者叫他选项卡。不得不说组件化开发非常的清晰,便于管理

对DOM样式操作浏览器前缀做抽象包装

我们在做一些DOM操作的时候,常常利用到修改样式来进行一个动画,但是这种用到的样式属性往往是有前缀的。而在CSS中其实是有自动prefix的

我的Webpack实战

关于Webpack Webpack 是一个前端资源加载/打包工具。 它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 一份基

改写Node.js中的回调为Promise

传统的回调 首先让我们看一下在NODE中传统的异步读取文件 let fs = require("fs") fs.readFile("./justtest.html","utf-8",(err,data)=>{ console.log(data); }) //普通的回调方式处理异步 我们可以看到,读取文件之后的回调被添加到了参

组件化开发WebAPP(gulp+webpack+bebal+es6)

介绍 实现了那些功能 构建工具 最近glup玩的比较多,所以自己实现了一个自动构建的环境他的主要目的是从app目录的那些开发文件部署到server

节流与防抖函数

记录一下最近接触到的算法 节流与防抖 这两个函数都用于限制函数的执行。 debounce 函数防抖就是让某个函数在上一次执行后,满足等待某个时间内不再触发此函数后

SICP 计算机程序的构造与解释笔记

前言 最近一直在学习SICP这本书,基本上结合书与视频一起学习,可以说这真的是一本奇书,他从高阶抽象开始到介绍DSL乃至流,最后又开始讨论la

利用Github的Webhooks自动构建博客

直接放 github 成品地址 code 简单来说就是当github 仓库被提交的时候,github 就会访问你填写一个后台地址,你就可以通过这个触发器做一些事情。 为了