Ruoduan' Blog
Welcome to Ruoduan.com



你不知道的js-上
2020 年 11 月 14 日

js 编译原理 分词/词法分析(Tokenizing/Lexing) 解析/语法分析(Parsing) 代码生成(ATS) LHS & RHS LHS 赋值 RHS 查询变量等 作用域 欺骗词法 eval with p s: 目前这 2 个方法已被 MDN…

ECMA2020(ES11)
2020 年 10 月 16 日

matchAll 方法返回一个包含所有匹配正则表达式的结果及分组捕获组的迭代器。 输出 > Array “test1”, “e”, “st1”, “1” > Array “test2”, “e”, “st2”, “2” Dynamic import…

了不起的certbot申请免费SSL证书
2020 年 10 月 12 日

缘起 最近 阿里云的SSL 到期了。需要重新申请一个,调研后目前免费的就是比较好用,特此记录 流程和坑 封面 官网地址 certbot是基于letsencrypt.org的一个自动化工具🔧 话不多说直接开始 start 1. 去官网选择你的操作系统和静态资源服务器…

记-react-connect中使用forwardRef问题
2020 年 09 月 25 日

记-react-connect中使用forwardRef问题。 最近在中使用的过程中,需要给 绑定 的组件 透传 类似这样的形式: 给传进来的绑定上自己的方法h2 直接这样写的话 是不行🙅的因为被 高阶组件{connect} “隔离了” Error…

Gatsby-layout插件全局配置路由过渡动画
2020 年 06 月 15 日

缘起 在Gatsby 中我们想加入路由过渡动画,不能像React那样,直接给路由封装高阶组件 我们可以 使用 Layout 布局组件来实现 他的原理就是在所有静态页面中套一个 你的 Layout 组件 🚀 👇 创建 这是默认位置 你还可以修改位置 详情参考Github…

读-代码整洁之道-笔记(有感)
2020 年 06 月 05 日

缘起 最近想这阅读一本书,一本不是code工具书,又对编程有所提升的书籍,决定读一读 收藏已久的《代码 的整洁之道》 —— Robert C.Martin 看书笔记和观后感记于此 📖 军规 童子军军规 我们接到一个需求 |一个功能,首先 reveiew…

浅谈前端架构自动化-cdn刷新预热自动化脚本
2020 年 05 月 15 日

缘起 在每次 后都要去阿里云 后台手动刷新|预热,此文章旨在优化发包繁琐步骤 流程 流程 实现 1. pip install aliyun-python-sdk-cdn ps:这个SDK 和 下面的 代码 是基于 python2 推荐2.7.16 Mac…

如何写好 Changelog
2020 年 05 月 14 日

如何写好 Changelog 在工作中需要写很多项目文档,随着不断的迭代,内容也会不断的变化,时间一长,就很可能忘记之前在什么时候做过什么改动了,所以这个时候就需要文档的写作者保持更新 Changelog…

记-vue vue.config.js 配置webpack全局变量
2020 年 04 月 27 日

缘起 vue-cli3 以来 是不会 暴露 webpack.config.js 的 需要我们手动来配置 因为近期 接手的一个项目 我需要从 package.josn 拿参数 然后 在其他 文件拿到配置 大致步骤如下: 项目根目录 创建文件 添加配置 =》 配置全局变量 其他js…

记-Git 设置全局 ".gitignore"
2020 年 04 月 20 日

缘起 每次换 IDE 编辑器 或者电脑系统 都会生成一些需要Git忽略的文件 每次去改项目的 太麻烦 去设置一些 公共的配置放在全局 流程 git config —global core.excludesfile ’~/.gitignore…

React-mode[进阶] React模式梳理
2020 年 04 月 07 日

缘起 在这个 find a job 地狱难度的时间,整理一份 React 核心指南,共勉之 p s:本文章属进阶知识点 如还不了解React 基本知识可参考 官方文档 目录结构 toc 壹、Context…

记-Win10WIFI频繁断开显示“需要执行操作”的解决方法
2020 年 03 月 29 日

缘起 朋友 Windows 电脑,老是出现 Wifi 网络 断开 需要执行操作的问题,来找我,刚开始以为是 dns 和 DHCP 的问题 释放重新获取来 一下发现没有,后台发现没那么简单 原因 这是微软更新协议导致连接外网需要与服务商重新签订 ISP…

Antdv4 升级指北
2020 年 03 月 06 日

最近 antd 更新到 v4 到大版本了, 顺手更新了一波 记于此 此次 antdv4 更新 细则就不谈,可移步官网查看 几个注意点: IE 最低支持版本为 IE 11 React 最低支持版本为 React 16.9,部分组件开始使用 hooks 进行重构 升级项目 React…

create-react-app 没有[src] 文件夹(记一次问题)
2020 年 02 月 13 日

缘起 在使用 的时候创建项目后没有 文件夹,看了一下也不对 然后顺势检查来一下 什么的都是正常的, 非常疑惑,然后去 翻了翻 问题原因 是因为官方已经弃用了独立安装包 这个 cli…

Shell基本指南
2020 年 02 月 04 日

缘起 病毒肆掠 在家来无事,想着吧的知识整理一下 源码地址 github 求点个 star ⭐️ shell 环境 是一门脚本语言,Shell 是一个用 C 语言编写的程序,它是用户使用 Linux 的桥梁。Shell…

webhooks自动化部署
2020 年 01 月 10 日

缘起 最近用 Gatsby 写了一个个人 blog,link => http://new.ruoduan.cn/ Github 🙏🙏🙏 Star 发现 后体积太大,FTP 发文件 都要 1…

我的BLOG_V-2.0发布了
2020 年 01 月 09 日

V1 是 hexo 搭建 ,从 hexo ==> Gatsby 🚀🚀🚀 V1 链接 🔗. https://ruoduan.cn README Gatsby(Raact + GraphQL)的静态博客 GraphQL 是 Facebook…

reactHook+Typescript从入门到实践
2019 年 12 月 03 日

@本文章作者 Ruoduan.cn 转载请注明出处 缘起 公司中台系统要新增公司项目 —— IM即时聊天 的后台管理,由本人全程负责,前端技术选型 想采用目前比较新比较hot的技术 —— reactHook + react-Router5 + Typescript…

Mac-osx-Capitan关闭Rootlees
2019 年 10 月 31 日

全新的 OS X El Capitan 10.11 系统上已经使用了 Rootlees , 可以理解为一个更高等级的系统的内核保护措施,系统默认将会锁定 /system /sbin /usr 这三个目录. 但是这个保护也是可以关闭的。关闭来 OSX 10.1…

Python-Class(类)生命周期和魔法方法
2019 年 08 月 31 日

内置属性和方法 方法名 类型- 作用 方法 类实例化时自动调用这个函数 方法 对象被内存中销毁前,会被自动调用 方法 类的实例打印时调用这个函数(返回)用户看到的 方法 和上面的 str…

ES2018(ES9)
2019 年 08 月 29 日

ES2018 原文链接 异步迭代 在 async/await 的某些时刻,你可能尝试在同步循环中调用异步函数。例如: 这段代码是不会正常执行的,循环本身依旧保持同步,并在在内部异步函数之前全部调用完成。 ES2018 引入异步迭代器(asynchronous iterators…

localForage离线缓存技术(兼容低版本浏览器)
2019 年 07 月 05 日

localforag 离线缓存技术 ocalForage 是一个 JavaScript 库,通过简单类似 localStorage API 的异步存储来改进你的 Web 应用程序的离线体验。它能存储多种类型的数据,而不仅仅是字符串。 localForage…

mobx-basic
2019 年 07 月 01 日

Mobx-basic(快速上手)莞式教程 之前写过一篇 redux 的教程 可以参考redux 的教程 本篇讲通过通俗易懂的方式让你快速上手 mobx 的基本使用,虽然已经可以满足大部分开发中的需求但是详细 请参考中文官方文档 本篇配教程代码 https://github.com…

React-Native 打包Android.APK
2019 年 06 月 17 日

React-Native 打包 Android.APK 1. 生成签名秘钥 输入一些必要信息 name password … 1.1 直接使用 Android studio 进行签名 2、设置 gradle 变量: 修改 android/gradle.properties…

React中使用Mockjs进行接口数据模拟
2019 年 06 月 17 日

React 中使用 Mockjs 进行接口数据模拟 引子 每个改进都是为了解决问题。 现在我在开发中碰到了问题,我先描述下问题: 我们现在做前后端完全分离的应用,前端写前端的,后端写后端的,他们通过 API…

你必须知道的,async/await 实现异步流程控制
2019 年 06 月 17 日

async/await async 其实是 ES7 的才有的关键字,放在这里说,其实是和我们前面所说的 Promise,Generator 有很大关联的。async 的意思是”异步”,顾名思义是有关异步操作有关的关键字。 而且 async/await 是 Generator…

React-Redux
2019 年 04 月 25 日

Redux and React-redux 莞式教程(新手必看) 为了方便使用者使用,这里就 redux 和 react-redux 一并讲究使用了,会了 react-redux,redux 也就没问题了,只不过稍微封装了一下 教程方式 我们先讲理论,先明白 render…

React-router嵌套路由传值(render和children)
2019 年 04 月 16 日

小栗子: 例如: 我们的路由格式如下: 我们想在 渲染 通过组件传值的方式父组件吧子组件的路由传过去从而实现渲染,传统的父子组件传值是用不了的 错误示范: 正确示范: 传值: 接收: 阐述: 编程式导航,可以在一个组件中用 this.props.history.push…

vue-animation
2019 年 02 月 02 日

为什么要有动画 ? 就是要有不解释 比较简单记录一下,方便找 1. 过渡类名动画 1. html 结构 2. VM 实例: 3. 定义两组类样式: 2. 第三方类实现动画 1. 引包 2. 定义 transition 及属性 3. 钩子函数动画 1. 定义 transition…

中间件:express-session
2019 年 01 月 29 日

express-session github 仓库 session 介绍: session 是另一种记录客户状态的机制,不同的是 Cookie 保存在客户端浏览器中,而 session 保存在服务器上。 Session 的用途: session…

path模块的__dirname和__filename
2019 年 01 月 26 日

nodejs ——path 模块的**dirname 和 **filename 我们在使用 nodejs,可能需要对 nodemodules 开放一些目录,fs 取的是绝对路径,而我们在不同的环境下,nodemodules…

canvas穿透pointer-events属性
2019 年 01 月 18 日

遇到这个问题这里记录一下,解决方案也非常简单 在我们把 canvas 作为 网站的 body 背景的 时候,如果 z-index 的层级没注意设计,默认情况下,canvas 会遮挡网站上的 a 链接 和一些按钮的 遇到这个 问题 我们只需要在 canvas 背景中添加一个 css…

promise解决回调地狱(callback-hell)
2019 年 01 月 12 日

具体参考 阮一峰,ES6 标准入门 在我们需要对一个异步操作进行频繁的调用的时候,且要保证一步操作的顺序,可能会出现 回调地狱(callback)的情况 例如: 嵌套方式 promise 方式 解决这个问题让我们的代码看起来更加直观,我们可以用 promise…

nosql数据库-mongodb使用gongoos的CRUD
2019 年 01 月 10 日

简介 NoSQL,指的是非关系型的数据库。NoSQL 有时也称作 Not Only SQL 的缩写,是对不同于传统的关系型数据库的数据库管理系统的统称。 NoSQL 用于超大规模数据的存储。(例如谷歌或 Facebook…

npm-常用命令及切换源
2018 年 12 月 26 日

npm node package manager——网站 npmjs.com 只要安装了 node 就安装了 npm nm 也有版本概念 一些常用命令 npm init //生成 package.json 文件 npm init -y //快速生成 跳过向导 npm…

JavaScript原型,原型链,继承
2018 年 11 月 26 日

原型 原型的作用: 1、通过原型来添加方法,解决数据共享,节省内存空间 2、作用于继承,模拟面向对象,来做到继承,多态 构造函数 通过原型添加方法: 实例化对象: 接下来就是我们所要探讨的了,per1 和 per2 的 eat…

面试-http
2018 年 11 月 17 日

面试-http 先进行了一个简单的自我介绍,主要介绍了一下自己的工作经历和一些技术栈 1. 解释一下浏览器解析 HTTP 的过程 上来就放大招,这个题可深可浅,我整理了一下答案 一次完整的 HTTP 请求过程 当我们在 web 浏览器的地址栏中输入: www.baidu.com…

VUE-why-components-data-must-be-a-function
2018 年 11 月 15 日

话不多说上代码测试: 定义一个全局组件,绑定 msg 我们首先看如果把 data 的值外传不在组件里面创建的效果 外传对象 现在把 dataObj 注释, return {count:0} ​ 改正后 总结: 官网解释比较抽象: ​ 不难看出,这里的关键点就在于 return…

websocket
2018 年 03 月 02 日

岗位 web 前端 我的 csdn:me.csdn.net/Chad97 个人博客:Ruoduan.top 敲黑板 知识点: websocket: websocket 是 HTML5 的一个新协议,它允许服务端向客户端传递信息,实现浏览器和客户端双工通信。websocket…

© 2020, 滇ICP备19003866号 本网站版权归本站作者Ruoduan所有