lawler61-CSDN博客

原创带你跳过各种坑，一次性把 Hexo 博客部署到自己的服务器

hexo-to-your-server一、完成效果点击查看个人网站二、准备基本上每一步都会给出链接，可以多多参考本地配置node环境node下载官网下载参考链接：史上最详细的Hexo博客搭建图文教程通过Git将Hexo博客部署到服务器可以使用官方的node安装包，也可以使用nvm管理 node 版本，但千万不要混用，不然会环境和管理上的麻烦...

2018-08-11 20:56:58 39382 52

原创 JS 原型链、继承知识点

原文地址笔记而已，欢迎指正原型链一、整体梳理__proto__ 是实例所独有的，正常情况下指向其构造函数的 prototypeprototype 是函数独有的，函数声明后自带 prototype 对象constructor 是 prototype 对象独有的，指向构造函数函数是 Function 的实例也是对象，所以函数同时拥有 __proto__、constructorES6 中 __proto__ 可用 Object.getPrototypeOf 和 Object.

2021-03-24 10:39:20 164

原创从零手写一个迷你的 RxJs 响应式编程库

原文地址mini RxJsD2前端峰会——无界前几周在杭落幕，邀请了一众大佬们分享技术。其中还有几个国外大佬在线撸代码，看着极为过瘾其中 Ben Lesh 作为 RxJs 的维护者，分享了其下一代的重构历程，让我产生了浓厚的兴趣，于是自己试着实现了个迷你版介绍一、基本概念响应式编程 Reactive Programming 或函数式编程 Functional Programming 是一种编程范式，函数作为“一等公民”，通过结构化的编程方式来更好的声明和管理任务，详细就不多说了响应

2021-01-17 12:24:22 254

原创 Taro 小程序开发，你急需的一些“骚操作”

原文地址公司开始涉及小程序的业务，由于我们部门以 React 技术栈为主，调研过后决定采用京东的 Taro 框架。但实际开发还是遇到很多坑，于是总结了一些，也造了些轮子，决定分享出来定制化 toast（或 modal） api小程序虽然提供了 toast 和 modal 等交互 api，Taro 中也同理。但产品希望定制化样式、图标、位置和文字长度，没办法自己搞吧一、效果演示通过...

2020-04-11 11:39:39 1812 2

原创 mobx 源码解读（四）：讲讲 autorun 和 reaction

原文地址：mobx autorun文本是 mobx 源码解读系列第四篇本系列文章全部采用 mobx 较新版本：v5.13.0mobx 源码解读 issue，欢迎讨论技术前提在阅读之前，希望你对以下技术有所了解或实践，不然可能会影响你对本文的理解ES6 装饰器：decoratorES6 代理：proxyES6 反射：reflect定义对象属性：Object.def...

2019-12-10 10:28:47 1161

原创 mobx 源码解读（三）：mobx 中的依赖收集：订阅-发布模式

原文地址：mobx collect-dependencies文本是 mobx 源码解读系列第三篇本系列文章全部采用 mobx 较新版本：v5.13.0mobx 源码解读 issue，欢迎讨论技术前提在阅读之前，希望你对以下技术有所了解或实践，不然可能会影响你对本文的理解ES6 装饰器：decoratorES6 代理：proxyES6 反射：reflect定义对象...

2019-12-01 00:14:33 552

原创从零开始手撸一个 Json Parser

原文地址：json parser前几周看云音乐前端技术团队发表的从零实现自定义 JSON Parser 觉得很过瘾，然后就结合 json-to-ast 库自己完善了一套简单的 Json Parser介绍一、基本功能能完成 json 的基本功能能够识别字符串通过|分隔符完成自定义的 array自动忽略 // 后的注释一些错误输入的兼容二、效果输入c...

2019-11-20 23:24:31 226

原创 mobx 源码解读（二）：都 observe object 了，其他类型还会远吗

原文地址：observable-other-type文本是 mobx 源码解读系列第二篇本系列文章全部采用 mobx 较新版本：v5.13.0mobx 源码解读 issue，欢迎讨论技术前提在阅读之前，希望你对以下技术有所了解或实践，不然可能会影响你对本文的理解ES6 装饰器：decoratorES6 代理：proxyES6 反射：reflect定义对象属性：O...

2019-11-16 00:09:21 547

原创有趣的装饰器：使用 Reflect Metadata 实践依赖注入

原文地址：ts-decorator简介控制反转和依赖注入是常见一种设计模式，在前后端均有很深的应用场景，不了解的小伙伴可以先看下资料：wiki/设计模式_(计算机)，wiki/控制反转如果之前有过 Angular 开发经历，那么肯定用过 Injectable 和 Component 等常见的装饰器，其作用就是完成控制反转和依赖注入对于 node 后端，也同样有很多以 IoC 和...

2019-10-19 21:00:22 2759

原创 mobx 源码解读（一）：从零到 observable 一个 object 如何

博客原文：github mobx observable-an-object文本是 mobx 源码解读系列第一篇本系列文章全部采用 mobx 较新版本：v5.13.0引入上次看 mobx 源码是在年初春招的时候，那时候只把 redux 那一套东西看懂了个大概但尝试 mobx 简直就像玄学，没看懂，当时唯一有印象的就是 mobx 使用 Object.defineProperty 进...

2019-10-09 10:33:29 987

原创折腾服务器：Docker 项目打包发布 + 一键部署多个应用

折腾服务器：Docker 项目打包发布 + 一键部署多个应用最近在折腾 docker，可实现本地一键同时部署多个应用完全不了解 docker 的建议先看官方文档哦~主要流程开发完项目后，将项目用 docker 打包成镜像，推到 DockerHub 上服务器配置好多个应用的 docker-compose 和 nginx 反向代理文件本地与远程做连接，用免交互登录服务器拉取...

2019-08-10 20:26:07 4501 1

原创 websocket 实战——好友聊天

JS websocket 实战——好友聊天原文地址：websocket 实战——好友聊天还不了解 websocket 的同鞋，请先学习阮一峰老师的 WebSocket 教程websocketwebsocket 在实际项目中有着很广的应用，如好友聊天，异步请求，react-hot-loader 的热更新等等本文前端采用原生 WebSocket，后端采用 express-ws 库实...

2019-06-26 17:36:46 609

原创 react-lighter 脚手架，开箱即用

react-lighter原文地址：react-lighter 脚手架to initialize your react project as simple as lighting a fire初始化 react 项目技术栈react + mobx + router + antd + axios目录结构├── src // 项目主目录│ ├── assets│ &nb...

2019-06-25 16:59:33 199

原创 axios: restful 风格的二次封装

JS axios: restful 风格的二次封装原文地址：JS axios: restful 风格的二次封装目前前端发送异步请求主要是：ajax、fetch、axios，对于三者的区别就不做具体的阐述本文以 axios 为例，讲解异步请求在项目中的具体应用axios 优点axios 的一大优点就是灵活，可以直接使用 axios 对象，也可以传递 AxiosRequestConfig...

2019-06-24 19:03:05 1473

原创 2019春招，你需要的前端面经。字节跳动、网易、美团 offer

你需要的前端面经个人情况本科，成都双非大学，大三开始正式学习前端，主攻 react，目前大四。已拿美团、字节跳动 offer，网易的正在等结果博客原文欢迎关注个人 github：https://github.com/lawler61/blog，在那上面会实时更新字节跳动面经一、笔试，2 个小时一共 8 道问答题，有问答、编程、手撸原理等。当初以为全部是高难度算法，准备了好久的算法，结...

2019-03-21 21:19:58 386 2

原创 CSS 列表项布局技巧

CSS 列表项布局技巧个人站点www.freeze61.me正确处理列表项中 margin-right 和 margin-bottom一、元素宽度已知，即知道每行最多多少个，且所有元素都在一个容器中思路：item 在一个容器中，每第三个去掉 margin-right，最后三个取消 margin-bottom（如最后一行不满 3 个也不影响）关键代码&lt;div class='con...

2018-11-20 15:12:17 531

原创《CSS 揭秘》每章详细读书笔记

css_jiemi《CSS 揭秘》读书笔记一、个人站点www.freeze61.me二、使用将项目克隆下来，可直接在浏览器中运行 pages 中的 html 文件三、目录结构具体请移步：https://github.com/lawler61/css-jiemi-notes...

2018-10-20 11:17:21 442

原创 React入门之React问答小项目

自学前端React框架10来天，撸了个React问答小项目，并加上了些自己的想法，有兴趣的的初学者可以看下，大家相互学习~下面附上效果图：

2018-06-19 19:54:27 690 1

原创 c# 手把手教你撸一个吃鸡游戏跑圈机制

最近迷上吃鸡游戏，慢慢对他的跑圈机制产生了兴趣，于是就试着写了个吃鸡游戏跑圈机制出来~~~一、话不多少，先上跑圈效果图：二、知识提要： 1.C# winform程序中比较简单的绘图控件就是 PictureBox 用到的主要辅助类有：Bitmap，Graphics，Brush，Pen。用形象的方式介绍下他们：PictureBox控件相当于一块土地，为画图腾出空间；但有了土...

2018-01-27 21:17:42 4172 7

jeffery5461的博客