Magren

Magren

Idealist & Garbage maker 🛸
twitter
jike

前端

cover
cover
cover

Tailwind CSS初尝试

“有了这个玩意,我可能不用引入 css 预处理语言,毕竟我可能不写 css。” —— 我自己说的 Atomic CSS(原子 CSS) 在知道 Tailwind CSS 之前,得先知道一个概念,就是原子 CSS,它的概念解释起来十分简单,即所有 CSS 类都有一个唯一的…
记一次Vue render的踩坑
前言 在前几天做自己的玩具的时候,想要实现类似 Element plus 的 Message 组件,一样是通过方法调起组件,于是就用到了 render💻,但是在销毁组件的时候遇到了一点小问题…… 思路 Message 组件,使用 transition…
cover
cover
cover
cover

关于Yuan-bot🤖

oicq是基于 Node.js 实现 QQ (安卓) 协议,提供了 QQ 内常用的功能操作 yuan-bot是基于oicq并使用 TS 编写以及使用 MongoDB 作为数据库的 QQ 机器人。目前项目刚创建,只针对了 Q 群的精华消息,后续内容会慢慢丰富。 Github 地址…
cover
cover
cover
cover

关于Github Report 👨‍🚀

前言🛸 GitHub 是通过 Git 进行版本控制的软件源代码托管服务平台,由 GitHub 公司(曾称 Logical Awesome)的开发者 Chris Wanstrath、P. J. Hyett 和汤姆・普雷斯顿・沃纳使用 Ruby on Rails 编写而成。截止到…
cover

Puppeteer爬取Github指北

介绍 puppeteer 是一个 Chrome 官方出品的 headless Chrome node 库。它提供了一系列的 API, 可以在无 UI 的情况下调用 Chrome 的功能,适用于爬虫、自动化处理等各种场景。 使用 安装 npm install…
cover
cover

将博客变成PWA

我是少数派的一个读者,成为少数派已经 419 天。 从少数派里面学到了很多东西,也丰富了自己的眼界,所以少数派 APP 也是我手机上的常用应用之一,在去年将手机换成了 Android 后,发现到现在为止 Android 的 APP 已经很久没有更新过了,Android…
cover
cover

代码帮我画像素画

这一阵子迷上了像素风格,很有复古的味道,加上小时候玩宝可梦的时候还是像素风格,牵扯出了太多情怀。 甚至把自己的电脑壁纸也换成了像素风。很有感觉😝 想自己在像素风上创作,但是感觉自己是没有那种艺术细胞…… 所以就在想,能不能自己把一张正常的图片转换成像素风?🤔 思路⭐ 使用…
cover
cover
cover

关于ChatRoom

学习新东西👋 最近这几天在学习 React,所以这个项目主要目的是给我熟悉 React,我个人是喜欢边学习一样新东西边动手,只有输出才会让我记忆更深刻,其次也会踩到一些光看是不会碰到的坑,加上之前学习 node.js 好像也没有做什么,于是就想到了结合在一块做一个聊天室。✌ 因…
cover
cover
cover
cover
cover
cover

关于CloudMusic

前言 这个项目是我某天在宿舍听歌想到的,从 16 年注册网易云到现在都有五年的时间了,虽然这个平台现在越来越让我失望,但是听了五年了都听出感情来了,就在这个假期里面花了将近一个月磨磨蹭蹭写出来这个项目。至于为什么写的是移动端页面嘛,是因为那时候我听歌是用着我的手机听的…
从输入URL到页面展示
最近在准备着前端的面试,这个问题基本是必考题,稍微去网上查阅了一些资料,并且自己整理了下。 总的过程如下: 输入 URL DNS 解析 建立 TCP 链接 发送 HTTP 请求 服务器永久重定向 服务器处理请求并返回一个 HTTP 响应 浏览器显示 HTML 链接结束 输入…
Vue下的EventBus
EventBus 是用于 Vue 中组件通信的一种方式,常见的父子组件沟通方式有 emit 和 props。 但假如跨组件传参沟通,或者是兄弟姐妹组件之间的传参沟通,使用EventBus或者Vuex就可以避免很多重复的 props 和 emit。 Vuex…
Vue下监听页面滚动以及移动端触摸事件
无聊刷知乎的时候发现了一个前端设计的宝藏网站awwwards,对上面大佬实现的网站表示望洋兴叹, 但同时自己也跃跃欲试,我也想整一个,万一整出来了呢。 在上面看到了 Rally 大佬写的GlobeKit, 感觉是通过监听滚动事件来进行一个样式的切换…
Vue Typescript下axios的封装和使用
8 月到了,一个莫名其妙的机遇也砸到了脸上,提着行李一个人跑到了广州跟一个毕业的师兄搞创业的项目,怀着点点的不安以及兴奋,迈出离开学校的第一步。 由于就住在办公室的一间房里,出门即工作,开始了朝五晚九的工作生活,晚上的时候就折腾自己的项目,有点梦回星空时候夏训营的感觉,很累也充实…
关于HG地图
最近都在学习前端的路上缓慢前进,在了解了 Vue 后就开始学习 Typescript,每次学习到新东西的时候都会忍不住用新的东西去做一个自己感兴趣的东西,可能自己觉得这样子很 Coooooooooooool!👊 之前偶然间也看到了吉珠的地图,觉得很优秀…
cover

用vue实现的期末作业

终于度过了紧张刺激的期末以及三个大作业两个大作业的答辩。 最没有把握的科目居然是这个学期唯一的开卷考 ——hadoop,考的东西我翻书也翻不到,虽然操作系统也挺难的,但好歹别人是 46 开(平时分占比 6,期末考试占比 4)。 其实主要的还是自己没怎么听,嘿嘿。 零 这个学期我…

es6中的promise

Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。 有了 Promise 对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外…
HTML的DOM和浏览器的BOM
记录下自己最近看的知识点。 HTML DOM (文档对象模型) 概述: 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 查找 HTML 元素 通常,通过 JavaScript 可以操作需要操作 HTML 元素。 为了做到这件事情…
cover
cover
cover

前端基础里一些杂七杂八的知识点

其实在大一就有学习前端的想法,也就多多少少了解了一点 html 和 css,但是那时候身在安卓方向,就还是以安卓为主,也没有坚持下去。 工程师嘛,无论是什么工程师,局限于一个领域上所学到的东西肯定是有限的,it 界那么大,总得看看别的地方。 如果硬要说我想成为什么工程师…
此部落格數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。