Yinode Blog

断裂，就一直断裂

ECMAScript6 入门

最近尝试了解一些函数式编程(Function program)的东西，但是很多的语法都用到了ES6，所以先开始学习一下ES6吧。特别是prom

Posted by Yinode Friday, November 24, 2017

gulp+webpack+babel+css压缩模块 实现自动构建工具

第一步 环境搭建流程 以下均按照流程 创建工程目录 C:. ├─.idea ├─app //开发目录 │ ├─.idea │ ├─css │ ├─doc │ ├─img │ ├─

Posted by Yinode Friday, November 24, 2017

Javascript 中的函数式编程

函数式编程 作为一种越来越重要的编程泛型，我在学习完SICP之后也见识到了他极为强大的抽象能力，但是如何把函数式编程中的技巧合理合适的运用到J

Posted by Yinode Friday, November 24, 2017

Javascript 设计模式

模式可以认为是前人对于编程问题的解决方案，而所有的设计模式的主题都是分离多变的部分和恒定的部分。 单例模式 单例模式值得就是只有一个实例的模式。

Posted by Yinode Friday, November 24, 2017

Javascript 高阶函数

最近在看一些关于设计模式的书。对高阶函数的应用方面做一些记录 AOP AOP意为面向切面编程，主要思想就是把那些跟业务逻辑无关的部分抽离出来，比如日

Posted by Yinode Friday, November 24, 2017

JavaScript数据结构 二叉树

JavaScript 二叉树 最近在学习一些数据结构方面的知识，稍作记录。 二叉树的创建 首先二叉树是一种树形的结构，那么他的特点就是每个构建树的节点最多只有两个子节

Posted by Yinode Friday, November 24, 2017

LOL模拟抽奖

最近试着写了一个LOL模拟抽奖的页面，大家可以随便玩玩，也没任何广告。 删除了一小部分失效的英雄，皮肤部分没动。 所有英雄皮肤的几率都是正好平分

Posted by Yinode Friday, November 24, 2017

markdown pad 2 激活码

邮箱： Soar360@live.com 授权秘钥： GBPduHjWfJU1mZqcPM3BikjYKF6xKhlKIys3i1MU2eJHqWGImDHzWdD6xhMNLGVpbP2M5SN6bnxn2kSE8qHqNY5QaaRxmO3YSMHxlv2EYpjdwLcPwfeTG7kUdnhKE0vVy4RidP6Y2wZ0q74f47fzsZo45JE2hfQBFi2O9Jldjp1mW8HUpTtLA2a5/sQytXJUQl/QKO0jUQY4pa5CCx20sV1ClOTZtAGngSOJtIOFXK599sBr5aIEFyH0K7H4BoNMiiDMnxt1rD8Vb/ikJdhGMMQr0R4B+L3nWU97eaVPTRKfWGDE8/eAgKzpGwrQQoDh+nzX1xoVQ8NAuH+s4UcSeQ==

Posted by Yinode Friday, November 24, 2017

Vue.js slot 初探

假设你拥有父组件A,子轮播图组件B，你想在用A中使用B， 假设你使用slot对其进行模板的传递 <div class="slider-wrapper"> <slider> <div v-for="item of slider"> <a href=""><img :src="item.pic" alt=""></a> </div> // slot </slider> </div> // 但是轮播必然牵

Posted by Yinode Friday, November 24, 2017

Vue.js TODO APP

展示 为了更好的学习vue，所以找个一个todoList的渲染图，动手制作一个todoApp。因为渲染图是纯移动端的，所以我的布局逻辑优化都是

Posted by Yinode Friday, November 24, 2017

使用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{

Posted by Yinode Friday, November 24, 2017

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

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

Posted by Yinode Friday, November 24, 2017

利用gh-pages展示自己的DEMO

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

Posted by Yinode Friday, November 24, 2017

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

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

Posted by Yinode Friday, November 24, 2017

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

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

Posted by Yinode Friday, November 24, 2017

我的Webpack实战

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

Posted by Yinode Friday, November 24, 2017

改写Node.js中的回调为Promise

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

Posted by Yinode Friday, November 24, 2017

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

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

Posted by Yinode Friday, November 24, 2017

节流与防抖函数

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

Posted by Yinode Friday, November 24, 2017

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

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

Posted by Yinode Monday, November 13, 2017

利用Github的Webhooks自动构建博客

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

Posted by Yinode Monday, January 1, 0001

FEATURED TAGS
canvas chrome扩展 csapp github javascript localstorage nginx reactnative vue.js web websocket 函数式编程 哲学 微信公众号 微信小程序 微信浏览器 德国观念论 意识形态 拉康 数据结构 离散数学 算法 算法导论 精神分析 计算机原理 黑格尔 齐泽克
ABOUT ME
avatar

Software Developer